/* src/ionic-design.css */
@page {
  margin: 0 !important;
}
@layer properties;
@layer theme {
  :root,
  :host {
    --font-sans:
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      "Noto Sans",
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-serif:
      ui-serif,
      Georgia,
      Cambria,
      "Times New Roman",
      Times,
      serif;
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-orange-100: oklch(95.4% .038 75.164);
    --color-orange-200: oklch(90.1% .076 70.697);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-700: oklch(55.3% .195 38.402);
    --color-orange-800: oklch(47% .157 37.304);
    --color-orange-900: oklch(40.8% .123 38.172);
    --color-orange-950: oklch(26.6% .079 36.259);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-900: oklch(41.4% .112 45.904);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-emerald-950: oklch(26.2% .051 172.552);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-teal-200: oklch(91% .096 180.426);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-teal-800: oklch(43.7% .078 188.216);
    --color-teal-900: oklch(38.6% .063 188.416);
    --color-cyan-50: oklch(98.4% .019 200.873);
    --color-cyan-200: oklch(91.7% .08 205.041);
    --color-cyan-300: oklch(86.5% .127 207.078);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-700: oklch(52% .105 223.128);
    --color-cyan-800: oklch(45% .085 224.283);
    --color-cyan-950: oklch(30.2% .056 229.695);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-200: oklch(90.1% .058 230.902);
    --color-sky-300: oklch(82.8% .111 230.318);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-sky-700: oklch(50% .134 242.749);
    --color-sky-800: oklch(44.3% .11 240.79);
    --color-sky-950: oklch(29.3% .066 243.157);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-900: oklch(37.9% .146 265.522);
    --color-blue-950: oklch(28.2% .091 267.935);
    --color-indigo-50: oklch(96.2% .018 272.314);
    --color-indigo-100: oklch(93% .034 272.788);
    --color-indigo-200: oklch(87% .065 274.039);
    --color-indigo-300: oklch(78.5% .115 274.713);
    --color-indigo-400: oklch(67.3% .182 276.935);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --color-indigo-800: oklch(39.8% .195 277.366);
    --color-indigo-900: oklch(35.9% .144 278.697);
    --color-indigo-950: oklch(25.7% .09 281.288);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-violet-800: oklch(43.2% .232 292.759);
    --color-violet-900: oklch(38% .189 293.745);
    --color-purple-50: oklch(97.7% .014 308.299);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-300: oklch(82.7% .119 306.383);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-purple-900: oklch(38.1% .176 304.987);
    --color-purple-950: oklch(29.1% .149 302.717);
    --color-pink-500: oklch(65.6% .241 354.308);
    --color-rose-50: oklch(96.9% .015 12.422);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-rose-800: oklch(45.5% .188 13.697);
    --color-rose-900: oklch(41% .159 10.272);
    --color-rose-950: oklch(27.1% .105 12.094);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-slate-950: oklch(12.9% .042 264.695);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-5xl: 64rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: 1.5 ;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2 ;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }
}
@layer utilities {
  .pointer-events-none,
  .dashStyle,
  .dash2,
  .dash3,
  .slipSearch2Icon,
  .headSpan,
  .dashStyle,
  .dash2,
  .dash3,
  .slipSearch2Icon,
  .headSpan {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute,
  .detail133,
  .detail31,
  .detail32,
  .detailFlowRootNode,
  .dashStyle,
  .dash2,
  .dash3,
  .dash212,
  .dash14,
  .dash18,
  .dash19,
  .dash20,
  .dash152,
  .dash21,
  .dash22,
  .dash392,
  .slipSearch2Icon,
  .slipClearSearchBtn,
  .headSystemOnline,
  .headSpan,
  .head24,
  .head2,
  .head93,
  .head14,
  .uiAutocompleteField2,
  .detail133,
  .detail31,
  .detail32,
  .detailFlowRootNode,
  .dashStyle,
  .dash2,
  .dash3,
  .dash212,
  .dash14,
  .dash18,
  .dash19,
  .dash20,
  .dash152,
  .dash21,
  .dash22,
  .dash392,
  .slipSearch2Icon,
  .slipClearSearchBtn,
  .headSystemOnline,
  .headSpan,
  .head24,
  .head2,
  .head93,
  .head14,
  .uiAutocompleteField2,
  .slip102 {
    position: absolute;
  }
  .fixed,
  .appMobileSidebarBackdrop,
  .app3,
  .dash41,
  .head152,
  .head192,
  .dialogDismiss,
  .dialog4,
  .dialog7,
  .modalStyle,
  .appMobileSidebarBackdrop,
  .app3,
  .dash41,
  .head152,
  .head192,
  .dialogDismiss,
  .dialog4,
  .dialog7,
  .modalStyle,
  .appApp {
    position: fixed;
  }
  .relative,
  .appStop,
  .detail311,
  .detail143,
  .detail30,
  .detail59,
  .detail60,
  .detail232,
  .dashHeroCommandCard,
  .dash4,
  .dashSpan,
  .dash311,
  .dashUrgentBanner,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dash142,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dash25,
  .dash29,
  .dash52,
  .dash53,
  .slipSearch,
  .slipSearchInput,
  .headBrandLogo,
  .headStyle,
  .side6,
  .uiAutocompleteField,
  .appStop,
  .detail311,
  .detail143,
  .detail30,
  .detail59,
  .detail60,
  .detail232,
  .dashHeroCommandCard,
  .dash4,
  .dashSpan,
  .dash311,
  .dashUrgentBanner,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dash142,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dash25,
  .dash29,
  .dash52,
  .dash53,
  .slipSearch,
  .slipSearchInput,
  .headBrandLogo,
  .headStyle,
  .side6,
  .uiAutocompleteField,
  .slip57,
  .slip59,
  .headGlobalSearch {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky,
  .detailDetail2,
  .detailDetail2,
  .app23,
  .headShell1 {
    position: sticky;
  }
  .inset-0,
  .appMobileSidebarBackdrop,
  .app3,
  .dash41,
  .head152,
  .head192,
  .dialogDismiss,
  .modalStyle,
  .appMobileSidebarBackdrop,
  .app3,
  .dash41,
  .head152,
  .head192,
  .dialogDismiss,
  .modalStyle {
    inset: 0;
  }
  .inset-x-0,
  .appApp {
    inset-inline: 0px;
  }
  .-top-0\.5,
  .dash152,
  .dash152 {
    top: calc(var(--spacing) * -.5);
  }
  .-top-1,
  .head93,
  .head93 {
    top: calc(var(--spacing) * -1);
  }
  .-top-24,
  .dashStyle,
  .dashStyle {
    top: calc(var(--spacing) * -24);
  }
  .top-0,
  .detail31,
  .dash14,
  .dash18,
  .dash19,
  .dash20,
  .dash21,
  .dash22,
  .headSpan,
  .head24,
  .detail31,
  .dash14,
  .dash18,
  .dash19,
  .dash20,
  .dash21,
  .dash22,
  .headSpan,
  .head24,
  .app23,
  .headShell1 {
    top: 0;
  }
  .top-1\/2,
  .dash3,
  .slipSearch2Icon,
  .slipClearSearchBtn,
  .dash3,
  .slipSearch2Icon,
  .slipClearSearchBtn {
    top: 50%;
  }
  .top-2,
  .dash392,
  .dash392,
  .slip102 {
    top: calc(var(--spacing) * 2);
  }
  .top-5,
  .dialog4,
  .dialog7,
  .dialog4,
  .dialog7 {
    top: calc(var(--spacing) * 5);
  }
  .top-\[14px\],
  .detail32,
  .detailFlowRootNode,
  .detail32,
  .detailFlowRootNode {
    top: 14px;
  }
  .top-full,
  .head2,
  .uiAutocompleteField2,
  .head2,
  .uiAutocompleteField2 {
    top: 100%;
  }
  .-right-0\.5,
  .dash152,
  .headSystemOnline,
  .dash152,
  .headSystemOnline {
    right: calc(var(--spacing) * -.5);
  }
  .-right-1,
  .head93,
  .head93 {
    right: calc(var(--spacing) * -1);
  }
  .-right-20,
  .dashStyle,
  .dashStyle {
    right: calc(var(--spacing) * -20);
  }
  .right-0,
  .dash14,
  .dash18,
  .dash19,
  .dash20,
  .dash21,
  .dash22,
  .head2,
  .head14,
  .uiAutocompleteField2,
  .dash14,
  .dash18,
  .dash19,
  .dash20,
  .dash21,
  .dash22,
  .head2,
  .head14,
  .uiAutocompleteField2 {
    right: 0;
  }
  .right-1\.5,
  .head24,
  .head24 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-1\/3,
  .dash3,
  .dash3 {
    right: calc(1 / 3 * 100%);
  }
  .right-2\.5,
  .slipClearSearchBtn,
  .slipClearSearchBtn {
    right: calc(var(--spacing) * 2.5);
  }
  .right-5,
  .dialog4,
  .dialog7,
  .dialog4,
  .dialog7 {
    right: calc(var(--spacing) * 5);
  }
  .-bottom-0\.5,
  .headSystemOnline,
  .headSystemOnline {
    bottom: calc(var(--spacing) * -.5);
  }
  .-bottom-24,
  .dash2,
  .dash2 {
    bottom: calc(var(--spacing) * -24);
  }
  .bottom-0,
  .detailDetail2,
  .detailDetail2,
  .appApp {
    bottom: 0;
  }
  .left-0,
  .dash14,
  .dash18,
  .dash19,
  .dash20,
  .dash21,
  .dash22,
  .dash392,
  .head2,
  .uiAutocompleteField2,
  .dash14,
  .dash18,
  .dash19,
  .dash20,
  .dash21,
  .dash22,
  .dash392,
  .head2,
  .uiAutocompleteField2,
  .slip102 {
    left: 0;
  }
  .left-1\/2,
  .detail31,
  .detail31 {
    left: 50%;
  }
  .left-1\/4,
  .dash2,
  .dash2 {
    left: 25%;
  }
  .left-3,
  .slipSearch2Icon,
  .headSpan,
  .slipSearch2Icon,
  .headSpan {
    left: calc(var(--spacing) * 3);
  }
  .left-auto,
  .detailFlowRootNode,
  .detailFlowRootNode {
    left: auto;
  }
  .z-10,
  .app3,
  .detail232,
  .dash4,
  .dash392,
  .slipSearch2Icon,
  .slipClearSearchBtn,
  .app3,
  .detail232,
  .dash4,
  .dash392,
  .slipSearch2Icon,
  .slipClearSearchBtn,
  .slip102 {
    z-index: 10;
  }
  .z-20,
  .detailDetail2,
  .uiAutocompleteField2,
  .detailDetail2,
  .uiAutocompleteField2 {
    z-index: 20;
  }
  .z-30,
  .headShell1 {
    z-index: 30;
  }
  .z-40,
  .appApp {
    z-index: 40;
  }
  .z-50,
  .head2,
  .head14,
  .head2,
  .head14 {
    z-index: 50;
  }
  .z-\[45\],
  .appMobileSidebarBackdrop,
  .appMobileSidebarBackdrop {
    z-index: 45;
  }
  .z-\[46\],
  .appStop,
  .appStop {
    z-index: 46;
  }
  .z-\[80\],
  .dash41,
  .dash41 {
    z-index: 80;
  }
  .z-\[100\],
  .head152,
  .head192,
  .head152,
  .head192 {
    z-index: 100;
  }
  .z-\[300\],
  .modalStyle,
  .modalStyle {
    z-index: 300;
  }
  .z-\[400\],
  .dialogDismiss,
  .dialogDismiss {
    z-index: 400;
  }
  .z-\[500\],
  .dialog4,
  .dialog7,
  .dialog4,
  .dialog7 {
    z-index: 500;
  }
  .order-first,
  .slip55 {
    order: -9999;
  }
  .order-last,
  .slip522 {
    order: 9999;
  }
  .col-span-1,
  .mailFieldItem,
  .mailFieldItem {
    grid-column: span 1 / span 1;
  }
  .col-span-2,
  .mailFieldItem2,
  .mailFieldItem2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3,
  .slip36 {
    grid-column: span 3 / span 3;
  }
  .col-span-4,
  .slip332 {
    grid-column: span 4 / span 4;
  }
  .col-span-5,
  .slip30,
  .slip39,
  .slip45 {
    grid-column: span 5 / span 5;
  }
  .col-span-7,
  .slip27,
  .slip51 {
    grid-column: span 7 / span 7;
  }
  .m-0,
  .appUl,
  .detailTxnProgressOl,
  .detail211,
  .detailDl,
  .detailOverflowAnywhereDd,
  .detailOverflowAnywhereDd2,
  .detailOverflowAnywhereDd3,
  .detailDd,
  .detail212,
  .detail222,
  .headP,
  .head23,
  .appUl,
  .detailTxnProgressOl,
  .detail211,
  .detailDl,
  .detailOverflowAnywhereDd,
  .detailOverflowAnywhereDd2,
  .detailOverflowAnywhereDd3,
  .detailDd,
  .detail212,
  .detail222,
  .headP,
  .head23 {
    margin: 0;
  }
  .mx-2,
  .headGlobalSearch {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-auto,
  .detailAttachOutlineIcon,
  .detail29,
  .detailFingerPrintOutlineIcon,
  .detailTimeOutlineIcon,
  .dash282,
  .dashTextOutlineIcon,
  .slipAlertCircleOutlineIcon,
  .slipSlipCanvas,
  .head4,
  .modal2,
  .detailAttachOutlineIcon,
  .detail29,
  .detailFingerPrintOutlineIcon,
  .detailTimeOutlineIcon,
  .dash282,
  .dashTextOutlineIcon,
  .slipAlertCircleOutlineIcon,
  .slipSlipCanvas,
  .head4,
  .modal2 {
    margin-inline: auto;
  }
  .mt-0\.5,
  .appP,
  .app32,
  .app42,
  .app52,
  .app72,
  .detail103,
  .detailInfoCircleIcon,
  .detailAlertCircleIcon,
  .detail510,
  .detail72,
  .detail82,
  .detail92,
  .detail102,
  .detailDd,
  .detail142,
  .detail192,
  .detail222,
  .route22,
  .dashP,
  .dash211,
  .dash35,
  .dash510,
  .dash59,
  .slip3,
  .head42,
  .head52,
  .head62,
  .head112,
  .dialogCheckmarkCircleIcon,
  .dialogAlertCircleIcon,
  .appP,
  .app32,
  .app42,
  .app52,
  .app72,
  .detail103,
  .detailInfoCircleIcon,
  .detailAlertCircleIcon,
  .detail510,
  .detail72,
  .detail82,
  .detail92,
  .detail102,
  .detailDd,
  .detail142,
  .detail192,
  .detail222,
  .route22,
  .dashP,
  .dash211,
  .dash35,
  .dash510,
  .dash59,
  .slip3,
  .head42,
  .head52,
  .head62,
  .head112,
  .dialogCheckmarkCircleIcon,
  .dialogAlertCircleIcon,
  .slip23,
  .slip29,
  .slip73 {
    margin-top: calc(var(--spacing) * .5);
  }
  .mt-1,
  .app8,
  .detail5,
  .detailOverflowAnywhereDd,
  .detailOverflowAnywhereDd2,
  .detailOverflowAnywhereDd3,
  .detail152,
  .dash17,
  .dash310,
  .dashClearSearchBtn,
  .dash36,
  .dash48,
  .head8,
  .headHandleInstallAppBtn,
  .head82,
  .head182,
  .uiAutocompleteField2,
  .app8,
  .detail5,
  .detailOverflowAnywhereDd,
  .detailOverflowAnywhereDd2,
  .detailOverflowAnywhereDd3,
  .detail152,
  .dash17,
  .dash310,
  .dashClearSearchBtn,
  .dash36,
  .dash48,
  .head8,
  .headHandleInstallAppBtn,
  .head82,
  .head182,
  .uiAutocompleteField2,
  .slip21 {
    margin-top: var(--spacing);
  }
  .mt-1\.5,
  .appH3,
  .detail210,
  .detailStartEditingFinalBtn2,
  .detail52,
  .detail55,
  .dash49,
  .head2,
  .appH3,
  .detail210,
  .detailStartEditingFinalBtn2,
  .detail52,
  .detail55,
  .dash49,
  .head2 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2,
  .detail44,
  .detail50,
  .detail63,
  .detail64,
  .routeSelect,
  .dash16,
  .dash31,
  .dash47,
  .head14,
  .detail44,
  .detail50,
  .detail63,
  .detail64,
  .routeSelect,
  .dash16,
  .dash31,
  .dash47,
  .head14 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5,
  .detail12,
  .detail24,
  .head132,
  .detail12,
  .detail24,
  .head132 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3,
  .detail3,
  .detailDl2,
  .detail36,
  .detail38,
  .dashH1,
  .head143,
  .detail3,
  .detailDl2,
  .detail36,
  .detail38,
  .dashH1,
  .head143 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-3\.5,
  .detail11,
  .dash50,
  .dash60,
  .mailStudioCard,
  .detail11,
  .dash50,
  .dash60,
  .mailStudioCard {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .mt-4,
  .detailViewTabsNav,
  .detail48,
  .detail53,
  .route10,
  .dash40,
  .headBtn,
  .dialogRequestDefaultValueInput,
  .detailViewTabsNav,
  .detail48,
  .detail53,
  .route10,
  .dash40,
  .headBtn,
  .dialogRequestDefaultValueInput {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6,
  .dialog3,
  .dialog3 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mr-0\.5,
  .headIcon,
  .headIcon {
    margin-right: calc(var(--spacing) * .5);
  }
  .mr-1,
  .followNoticesOutlineIcon,
  .followNoticesOutlineIcon {
    margin-right: var(--spacing);
  }
  .mb-1,
  .app2,
  .detail10,
  .detail62,
  .routeLabel,
  .slipAlertCircleOutlineIcon,
  .app2,
  .detail10,
  .detail62,
  .routeLabel,
  .slipAlertCircleOutlineIcon,
  .slipLabel,
  .slipLabel2 {
    margin-bottom: var(--spacing);
  }
  .mb-1\.5,
  .detailAttachOutlineIcon,
  .route6,
  .dash1,
  .detailAttachOutlineIcon,
  .route6,
  .dash1 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2,
  .appH3,
  .detail39,
  .detailFingerPrintOutlineIcon,
  .detailTimeOutlineIcon,
  .dash28,
  .dash51,
  .dashTextOutlineIcon,
  .head72,
  .appH3,
  .detail39,
  .detailFingerPrintOutlineIcon,
  .detailTimeOutlineIcon,
  .dash28,
  .dash51,
  .dashTextOutlineIcon,
  .head72 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5,
  .app14,
  .detail16,
  .detail19,
  .detail42,
  .head4,
  .app14,
  .detail16,
  .detail19,
  .detail42,
  .head4 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3,
  .detail8,
  .detail17,
  .detail28,
  .detail29,
  .side4,
  .detail8,
  .detail17,
  .detail28,
  .detail29,
  .side4 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4,
  .detail58,
  .dash23,
  .dash32,
  .dialogStyle,
  .detail58,
  .dash23,
  .dash32,
  .dialogStyle {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .ml-1,
  .dashStrong5,
  .dialogClearSuccessBtn,
  .dashStrong5,
  .dialogClearSuccessBtn {
    margin-left: var(--spacing);
  }
  .ml-2,
  .side7,
  .side7 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-auto,
  .slipCheckmarkIcon,
  .sideEmit2Btn,
  .side33,
  .sideSettingsOutlineIcon,
  .slipCheckmarkIcon,
  .sideEmit2Btn,
  .side33,
  .sideSettingsOutlineIcon {
    margin-left: auto;
  }
  .block,
  .detail93,
  .detail103,
  .routeLabel,
  .dash272,
  .dash282,
  .slipLabel3,
  .slipAlertCircleOutlineIcon,
  .sideP,
  .uiAutocompleteFieldBtn,
  .detail93,
  .detail103,
  .routeLabel,
  .dash272,
  .dash282,
  .slipLabel3,
  .slipAlertCircleOutlineIcon,
  .sideP,
  .uiAutocompleteFieldBtn,
  .slipLabel,
  .slipLabel2,
  .slip112,
  .slip122 {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex,
  .app3,
  .app1,
  .app16,
  .appCloseRoutingActionBtn,
  .app8,
  .app15,
  .detailDetailPanel,
  .detailStyle,
  .detail2,
  .detail311,
  .detailHandleCloseBtn,
  .detail3,
  .detail5,
  .detailViewTabsNav,
  .detailTabBtnBtn,
  .detail8,
  .detail9,
  .detail73,
  .detail10,
  .detail153,
  .detail11,
  .detail12,
  .detail13,
  .detail14,
  .detail16,
  .detail17,
  .detailDt,
  .detail19,
  .detail113,
  .detail24,
  .detailRecipientFlowNav,
  .detail28,
  .detailFlowRootNode,
  .detail34,
  .detail37,
  .detail39,
  .detail41,
  .detail42,
  .detail44,
  .detail47,
  .detail49,
  .detail52,
  .detail55,
  .detail58,
  .detail60,
  .detail232,
  .detail62,
  .detail64,
  .detailDetail2,
  .detail65,
  .detail66,
  .routeRouteModalShell,
  .routeStyle,
  .routeRouteModalForm,
  .route4,
  .route5,
  .route6,
  .route8,
  .route9,
  .route11,
  .dash4,
  .dash6,
  .dashSpan,
  .dash10,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dashUrgentBanner,
  .dash11,
  .dash511,
  .dash12,
  .dashOnNavigateToBtn2,
  .dash15,
  .dash92,
  .dash17,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash23,
  .dash24,
  .dash213,
  .dash26,
  .dash27,
  .dash28,
  .dash29,
  .dash32,
  .dash292,
  .dashOnNavigateToBtn3,
  .dash33,
  .dash34,
  .dash36,
  .dash40,
  .dash41,
  .dash43,
  .dash46,
  .dash392,
  .dash55,
  .dash56,
  .dash1,
  .dash60,
  .slipSlipBar,
  .slipSlipPicker,
  .slip10,
  .slip11,
  .slipSearchInput,
  .slipClearSearchBtn,
  .slip14,
  .headBrandLogo,
  .headBrandText,
  .headSpan,
  .head24,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head4,
  .head1,
  .head5,
  .head7,
  .head8,
  .head9,
  .head93,
  .head10,
  .head82,
  .head11,
  .head122,
  .head132,
  .headLogoutActionBtn,
  .head152,
  .head18,
  .head134,
  .head19,
  .head110,
  .head182,
  .head192,
  .head21,
  .headH3,
  .sideStyle,
  .side2,
  .sideEmitBtn,
  .sideEmit2Btn,
  .side6,
  .dialogDismiss,
  .dialogStyle,
  .dialog3,
  .dialog5,
  .modal2,
  .app3,
  .app1,
  .app16,
  .appCloseRoutingActionBtn,
  .app8,
  .app15,
  .detailDetailPanel,
  .detailStyle,
  .detail2,
  .detail311,
  .detailHandleCloseBtn,
  .detail3,
  .detail5,
  .detailViewTabsNav,
  .detailTabBtnBtn,
  .detail8,
  .detail9,
  .detail73,
  .detail10,
  .detail153,
  .detail11,
  .detail12,
  .detail13,
  .detail14,
  .detail16,
  .detail17,
  .detailDt,
  .detail19,
  .detail113,
  .detail24,
  .detailRecipientFlowNav,
  .detail28,
  .detailFlowRootNode,
  .detail34,
  .detail37,
  .detail39,
  .detail41,
  .detail42,
  .detail44,
  .detail47,
  .detail49,
  .detail52,
  .detail55,
  .detail58,
  .detail60,
  .detail232,
  .detail62,
  .detail64,
  .detailDetail2,
  .detail65,
  .detail66,
  .routeRouteModalShell,
  .routeStyle,
  .routeRouteModalForm,
  .route4,
  .route5,
  .route6,
  .route8,
  .route9,
  .route11,
  .dash4,
  .dash6,
  .dashSpan,
  .dash10,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dashUrgentBanner,
  .dash11,
  .dash511,
  .dash12,
  .dashOnNavigateToBtn2,
  .dash15,
  .dash92,
  .dash17,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash23,
  .dash24,
  .dash213,
  .dash26,
  .dash27,
  .dash28,
  .dash29,
  .dash32,
  .dash292,
  .dashOnNavigateToBtn3,
  .dash33,
  .dash34,
  .dash36,
  .dash40,
  .dash41,
  .dash43,
  .dash46,
  .dash392,
  .dash55,
  .dash56,
  .dash1,
  .dash60,
  .slipSlipBar,
  .slipSlipPicker,
  .slip10,
  .slip11,
  .slipSearchInput,
  .slipClearSearchBtn,
  .slip14,
  .headBrandLogo,
  .headBrandText,
  .headSpan,
  .head24,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head4,
  .head1,
  .head5,
  .head7,
  .head8,
  .head9,
  .head93,
  .head10,
  .head82,
  .head11,
  .head122,
  .head132,
  .headLogoutActionBtn,
  .head152,
  .head18,
  .head134,
  .head19,
  .head110,
  .head182,
  .head192,
  .head21,
  .headH3,
  .sideStyle,
  .side2,
  .sideEmitBtn,
  .sideEmit2Btn,
  .side6,
  .dialogDismiss,
  .dialogStyle,
  .dialog3,
  .dialog5,
  .modal2,
  .appApp,
  .slip22,
  .slip32,
  .slipH2,
  .slip4,
  .slipSetBtn,
  .slipHandlePrintBtn,
  .slip5,
  .slipH3,
  .slip7,
  .slip222,
  .slip232,
  .slip27,
  .slip31,
  .slip47,
  .slip51,
  .slip56,
  .slip102,
  .slip68,
  .headAppMain,
  .headBrand,
  .headActions {
    display: flex;
  }
  .grid,
  .appStyle,
  .app12,
  .app13,
  .detailTxnProgressOl,
  .detail15,
  .detailDl,
  .detail25,
  .detail27,
  .detailDl2,
  .route2,
  .dash13,
  .dash57,
  .head172,
  .appStyle,
  .app12,
  .app13,
  .detailTxnProgressOl,
  .detail15,
  .detailDl,
  .detail25,
  .detail27,
  .detailDl2,
  .route2,
  .dash13,
  .dash57,
  .head172,
  .slip6,
  .slip8,
  .slip16,
  .slip26,
  .slip322,
  .slip41,
  .slip44,
  .slip53,
  .slip54,
  .slip57 {
    display: grid;
  }
  .hidden,
  .detail213,
  .detail30,
  .usersInput,
  .headBrandCluster,
  .head33,
  .head103,
  .detail213,
  .detail30,
  .usersInput,
  .headBrandCluster,
  .head33,
  .head103,
  .slip9 {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block,
  .followNoticesOutlineIcon,
  .followNoticesOutlineIcon,
  .slip722 {
    display: inline-block;
  }
  .inline-flex,
  .detailCopyTrackingNumberBtn,
  .detail1,
  .detail123,
  .detail133,
  .detail143,
  .detailSetActiveTabBtn,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detailLabel,
  .detailHandleViewFileBtn,
  .detail40,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailStartEditingFinalBtn2,
  .detailSaveFinalNotesBtn,
  .detailHandleViewFileBtn2,
  .detailHandleViewFileBtn3,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .dash7,
  .dash8,
  .dash212,
  .dash311,
  .dash9,
  .dash62,
  .dash222,
  .dash312,
  .dash110,
  .dash332,
  .dash342,
  .dashOnDoc2Btn,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .headEmit1Btn,
  .head111,
  .headHandleInstallAppBtn,
  .side33,
  .detailCopyTrackingNumberBtn,
  .detail1,
  .detail123,
  .detail133,
  .detail143,
  .detailSetActiveTabBtn,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detailLabel,
  .detailHandleViewFileBtn,
  .detail40,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailStartEditingFinalBtn2,
  .detailSaveFinalNotesBtn,
  .detailHandleViewFileBtn2,
  .detailHandleViewFileBtn3,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .dash7,
  .dash8,
  .dash212,
  .dash311,
  .dash9,
  .dash62,
  .dash222,
  .dash312,
  .dash110,
  .dash332,
  .dash342,
  .dashOnDoc2Btn,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .headEmit1Btn,
  .head111,
  .headHandleInstallAppBtn,
  .side33,
  .slipCreateSignatoryFormatBtn,
  .slipDeleteSignatoryFormatBtn {
    display: inline-flex;
  }
  .table,
  .docsTable {
    display: table;
  }
  .aspect-square,
  .headSearchScanner,
  .headSearchScanner {
    aspect-ratio: 1 / 1;
  }
  .h-0,
  .detail154,
  .detail154 {
    height: 0px;
  }
  .h-1,
  .dash14,
  .dash18,
  .dash19,
  .dash20,
  .dash21,
  .dash22,
  .dash14,
  .dash18,
  .dash19,
  .dash20,
  .dash21,
  .dash22 {
    height: var(--spacing);
  }
  .h-1\.5,
  .dash352,
  .head144,
  .dash352,
  .head144 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2,
  .detail311,
  .detail143,
  .dashSpan,
  .dash311,
  .dash152,
  .sideSpan,
  .detail311,
  .detail143,
  .dashSpan,
  .dash311,
  .dash152,
  .sideSpan {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5,
  .dashIcon,
  .headSystemOnline,
  .headIcon,
  .dashIcon,
  .headSystemOnline,
  .headIcon {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3,
  .detailEyeIcon,
  .dashCalendarOutlineIcon,
  .dashNavigateIcon,
  .dashBriefcaseOutlineIcon,
  .headChevronDownIcon,
  .detailEyeIcon,
  .dashCalendarOutlineIcon,
  .dashNavigateIcon,
  .dashBriefcaseOutlineIcon,
  .headChevronDownIcon,
  .slip102,
  .slip67 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5,
  .dashShieldCheckmarkIcon,
  .dashArrowForwardIcon,
  .dashArrowForward2Icon,
  .slipCloseIcon,
  .headTextIcon,
  .dashShieldCheckmarkIcon,
  .dashArrowForwardIcon,
  .dashArrowForward2Icon,
  .slipCloseIcon,
  .headTextIcon,
  .slipSaveIcon,
  .slipCheckboxIcon,
  .slipSquareOutlineIcon {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4,
  .detailCheckmarkCircleIcon,
  .dashAddCircleIcon,
  .dashPrintIcon,
  .dashBarChartIcon,
  .dash392,
  .slipSearchIcon,
  .headPeopleIcon,
  .detailCheckmarkCircleIcon,
  .dashAddCircleIcon,
  .dashPrintIcon,
  .dashBarChartIcon,
  .dash392,
  .slipSearchIcon,
  .headPeopleIcon,
  .slipCreateIcon,
  .slipPrint2Icon,
  .slipColorPaletteIcon {
    height: calc(var(--spacing) * 4);
  }
  .h-5,
  .detail153,
  .dashAlertCircleIcon,
  .dashCloseOutlineIcon,
  .side33,
  .detail153,
  .dashAlertCircleIcon,
  .dashCloseOutlineIcon,
  .side33,
  .slipArrowBackIcon,
  .slipPrintIcon {
    height: calc(var(--spacing) * 5);
  }
  .h-6,
  .slipClearSearchBtn,
  .slipClearSearchBtn {
    height: calc(var(--spacing) * 6);
  }
  .h-7,
  .detail73,
  .detailHandleViewFileBtn,
  .detail232,
  .dash92,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash213,
  .dash292,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head10,
  .detail73,
  .detailHandleViewFileBtn,
  .detail232,
  .dash92,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash213,
  .dash292,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head10,
  .appApp {
    height: calc(var(--spacing) * 7);
  }
  .h-8,
  .detailLabel,
  .detailAttachOutlineIcon,
  .detail113,
  .detailTimeOutlineIcon,
  .dashFileTrayOutlineIcon,
  .dashTextOutlineIcon,
  .sideEmitBtn,
  .sideEmit2Btn,
  .side6,
  .detailLabel,
  .detailAttachOutlineIcon,
  .detail113,
  .detailTimeOutlineIcon,
  .dashFileTrayOutlineIcon,
  .dashTextOutlineIcon,
  .sideEmitBtn,
  .sideEmit2Btn,
  .side6 {
    height: calc(var(--spacing) * 8);
  }
  .h-9,
  .detailHandleCloseBtn,
  .slip11,
  .headEmit1Btn,
  .headBrandLogo,
  .detailHandleCloseBtn,
  .slip11,
  .headEmit1Btn,
  .headBrandLogo,
  .slipDeleteSignatoryFormatBtn {
    height: calc(var(--spacing) * 9);
  }
  .h-10,
  .app12,
  .detailFingerPrintOutlineIcon,
  .route9,
  .dash511,
  .head4,
  .head122,
  .headImg1,
  .head110,
  .app12,
  .detailFingerPrintOutlineIcon,
  .route9,
  .dash511,
  .head4,
  .head122,
  .headImg1,
  .head110 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-13,
  .appStartupLogoImg,
  .appStartupLogoImg {
    height: calc(var(--spacing) * 13);
  }
  .h-14,
  .slipImg {
    height: calc(var(--spacing) * 14);
  }
  .h-28,
  .dash29,
  .dash29 {
    height: calc(var(--spacing) * 28);
  }
  .h-44,
  .dash26,
  .dash26 {
    height: calc(var(--spacing) * 44);
  }
  .h-48,
  .dash3,
  .dash3 {
    height: calc(var(--spacing) * 48);
  }
  .h-64,
  .dash2,
  .dash2 {
    height: calc(var(--spacing) * 64);
  }
  .h-72,
  .dashStyle,
  .dashStyle {
    height: calc(var(--spacing) * 72);
  }
  .h-\[14px\],
  .detail31,
  .detail144,
  .detail31,
  .detail144 {
    height: 14px;
  }
  .h-\[18px\],
  .head93,
  .head93 {
    height: 18px;
  }
  .h-\[44px\],
  .detail30,
  .detail30 {
    height: 44px;
  }
  .h-\[50px\],
  .slip232 {
    height: 50px;
  }
  .h-\[calc\(100dvh-1rem\)\] {
    height: calc(100dvh - 1rem);
  }
  .h-full,
  .appStop,
  .detail133,
  .dash212,
  .dash27,
  .headImg,
  .headSpan,
  .head24,
  .headImg2,
  .sideBlgfSidebarAside,
  .sideImg,
  .appStop,
  .detail133,
  .dash212,
  .dash27,
  .headImg,
  .headSpan,
  .head24,
  .headImg2,
  .sideBlgfSidebarAside,
  .sideImg,
  .app23 {
    height: 100%;
  }
  .h-px,
  .side3,
  .side3 {
    height: 1px;
  }
  .max-h-52,
  .uiAutocompleteField2,
  .uiAutocompleteField2 {
    max-height: calc(var(--spacing) * 52);
  }
  .max-h-72,
  .head12,
  .head12 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-\[65vh\],
  .head172,
  .head172 {
    max-height: 65vh;
  }
  .max-h-\[70vh\],
  .dash44,
  .dash44 {
    max-height: 70vh;
  }
  .max-h-\[72vh\],
  .head2,
  .head2 {
    max-height: 72vh;
  }
  .max-h-\[calc\(100dvh-32px\)\],
  .app1,
  .app1 {
    max-height: calc(100dvh - 32px);
  }
  .min-h-0,
  .app5,
  .routeRouteModalForm,
  .sideNav,
  .app5,
  .routeRouteModalForm,
  .sideNav {
    min-height: 0px;
  }
  .min-h-6,
  .slip53,
  .slip82,
  .slip54 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-10,
  .slipCreateSignatoryFormatBtn {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-11,
  .appCloseRoutingActionBtn,
  .appRouteDecisionBtn,
  .appRouteDecision2Btn,
  .appCloseRoutingActionBtn2,
  .appCloseRoutingActionBtn,
  .appRouteDecisionBtn,
  .appRouteDecision2Btn,
  .appCloseRoutingActionBtn2 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12,
  .slip27 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-13,
  .sideStyle,
  .sideStyle {
    min-height: calc(var(--spacing) * 13);
  }
  .min-h-16,
  .slip41 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-24,
  .slip58 {
    min-height: calc(var(--spacing) * 24);
  }
  .min-h-\[64px\],
  .headAppMain {
    min-height: 64px;
  }
  .min-h-\[290px\],
  .slip44 {
    min-height: 290px;
  }
  .min-h-dvh,
  .appStyle,
  .appStyle {
    min-height: 100dvh;
  }
  .w-0,
  .detail154,
  .detail154 {
    width: 0px;
  }
  .w-1\.5,
  .dash352,
  .head144,
  .dash352,
  .head144 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-2,
  .detail311,
  .detail143,
  .dashSpan,
  .dash311,
  .dash152,
  .sideSpan,
  .detail311,
  .detail143,
  .dashSpan,
  .dash311,
  .dash152,
  .sideSpan {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5,
  .dashIcon,
  .headSystemOnline,
  .headIcon,
  .dashIcon,
  .headSystemOnline,
  .headIcon {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3,
  .detailEyeIcon,
  .dashCalendarOutlineIcon,
  .dashNavigateIcon,
  .dashBriefcaseOutlineIcon,
  .headChevronDownIcon,
  .detailEyeIcon,
  .dashCalendarOutlineIcon,
  .dashNavigateIcon,
  .dashBriefcaseOutlineIcon,
  .headChevronDownIcon,
  .slip102 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5,
  .dashShieldCheckmarkIcon,
  .dashArrowForwardIcon,
  .dashArrowForward2Icon,
  .slipCloseIcon,
  .headTextIcon,
  .dashShieldCheckmarkIcon,
  .dashArrowForwardIcon,
  .dashArrowForward2Icon,
  .slipCloseIcon,
  .headTextIcon,
  .slipSaveIcon,
  .slipCheckboxIcon,
  .slipSquareOutlineIcon {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4,
  .detailCheckmarkCircleIcon,
  .dashAddCircleIcon,
  .dashPrintIcon,
  .dashBarChartIcon,
  .dash392,
  .slipSearchIcon,
  .headPeopleIcon,
  .detailCheckmarkCircleIcon,
  .dashAddCircleIcon,
  .dashPrintIcon,
  .dashBarChartIcon,
  .dash392,
  .slipSearchIcon,
  .headPeopleIcon,
  .slipCreateIcon,
  .slipPrint2Icon,
  .slipColorPaletteIcon {
    width: calc(var(--spacing) * 4);
  }
  .w-5,
  .detail153,
  .dashAlertCircleIcon,
  .dashCloseOutlineIcon,
  .detail153,
  .dashAlertCircleIcon,
  .dashCloseOutlineIcon,
  .slipArrowBackIcon,
  .slipPrintIcon {
    width: calc(var(--spacing) * 5);
  }
  .w-6,
  .slipClearSearchBtn,
  .slipClearSearchBtn {
    width: calc(var(--spacing) * 6);
  }
  .w-7,
  .detail73,
  .detail232,
  .dash92,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash213,
  .dash292,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head10,
  .detail73,
  .detail232,
  .dash92,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash213,
  .dash292,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head10 {
    width: calc(var(--spacing) * 7);
  }
  .w-8,
  .detailAttachOutlineIcon,
  .detail113,
  .detailTimeOutlineIcon,
  .dashFileTrayOutlineIcon,
  .dashTextOutlineIcon,
  .sideEmitBtn,
  .sideEmit2Btn,
  .side6,
  .detailAttachOutlineIcon,
  .detail113,
  .detailTimeOutlineIcon,
  .dashFileTrayOutlineIcon,
  .dashTextOutlineIcon,
  .sideEmitBtn,
  .sideEmit2Btn,
  .side6 {
    width: calc(var(--spacing) * 8);
  }
  .w-9,
  .detailHandleCloseBtn,
  .slip11,
  .headEmit1Btn,
  .headBrandLogo,
  .detailHandleCloseBtn,
  .slip11,
  .headEmit1Btn,
  .headBrandLogo,
  .slipDeleteSignatoryFormatBtn {
    width: calc(var(--spacing) * 9);
  }
  .w-10,
  .app12,
  .detailFingerPrintOutlineIcon,
  .route9,
  .dash511,
  .head4,
  .head122,
  .headImg1,
  .head110,
  .app12,
  .detailFingerPrintOutlineIcon,
  .route9,
  .dash511,
  .head4,
  .head122,
  .headImg1,
  .head110 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-13,
  .appStartupLogoImg,
  .appStartupLogoImg {
    width: calc(var(--spacing) * 13);
  }
  .w-14,
  .slipImg {
    width: calc(var(--spacing) * 14);
  }
  .w-48,
  .dash3,
  .dash3 {
    width: calc(var(--spacing) * 48);
  }
  .w-64,
  .dash2,
  .dash2 {
    width: calc(var(--spacing) * 64);
  }
  .w-72,
  .dashStyle,
  .head14,
  .dashStyle,
  .head14 {
    width: calc(var(--spacing) * 72);
  }
  .w-\[2px\],
  .detail144,
  .detail144 {
    width: 2px;
  }
  .w-\[18px\],
  .head93,
  .head93 {
    width: 18px;
  }
  .w-\[50px\],
  .slip232 {
    width: 50px;
  }
  .w-full,
  .appStop,
  .app1,
  .detailDetailPanel,
  .detail133,
  .detailHalKuhaninSaArea,
  .routeHandoffNotesArea,
  .dash212,
  .dash10,
  .dash26,
  .dash29,
  .dash30,
  .dash31,
  .dash272,
  .dashDashboardTxnsTable,
  .dash42,
  .dash45,
  .slipSlipCanvas,
  .headImg,
  .headViewAllResultsBtn2,
  .headImg2,
  .headLogoutActionBtn,
  .head162,
  .head20,
  .headSearchScanner,
  .headBtn,
  .side3,
  .sideImg,
  .dialogStop,
  .dialogRequestDefaultValueInput,
  .uiAutocompleteFieldArea,
  .uiAutocompleteFieldBtn,
  .modal2,
  .modalStop,
  .appStop,
  .app1,
  .detailDetailPanel,
  .detail133,
  .detailHalKuhaninSaArea,
  .routeHandoffNotesArea,
  .dash212,
  .dash10,
  .dash26,
  .dash29,
  .dash30,
  .dash31,
  .dash272,
  .dashDashboardTxnsTable,
  .dash42,
  .dash45,
  .slipSlipCanvas,
  .headImg,
  .headViewAllResultsBtn2,
  .headImg2,
  .headLogoutActionBtn,
  .head162,
  .head20,
  .headSearchScanner,
  .headBtn,
  .side3,
  .sideImg,
  .dialogStop,
  .dialogRequestDefaultValueInput,
  .uiAutocompleteFieldArea,
  .uiAutocompleteFieldBtn,
  .modal2,
  .modalStop,
  .slip4,
  .slip6,
  .slipSelect,
  .slipEGOicInput,
  .slip8,
  .slipInput,
  .slip2Input,
  .slip3Input,
  .slip4Input,
  .slip5Input {
    width: 100%;
  }
  .max-w-2xl,
  .dash5,
  .dash42,
  .head162,
  .dash5,
  .dash42,
  .head162 {
    max-width: var(--container-2xl);
  }
  .max-w-5xl,
  .slipSlipCanvas,
  .slipSlipCanvas {
    max-width: var(--container-5xl);
  }
  .max-w-\[44px\],
  .dash29,
  .dash29 {
    max-width: 44px;
  }
  .max-w-\[85px\],
  .dash282,
  .dash282 {
    max-width: 85px;
  }
  .max-w-\[110px\],
  .head103,
  .head103 {
    max-width: 110px;
  }
  .max-w-\[190px\],
  .dashTxnOriginColumn,
  .dashTxnOriginColumn {
    max-width: 190px;
  }
  .max-w-\[280px\],
  .appStop,
  .detail29,
  .appStop,
  .detail29 {
    max-width: 280px;
  }
  .max-w-\[600px\],
  .app1,
  .app1 {
    max-width: 600px;
  }
  .max-w-lg,
  .headGlobalSearch {
    max-width: var(--container-lg);
  }
  .max-w-md,
  .head20,
  .dialogStop,
  .head20,
  .dialogStop {
    max-width: var(--container-md);
  }
  .max-w-sm,
  .dialog4,
  .dialog7,
  .dialog4,
  .dialog7 {
    max-width: var(--container-sm);
  }
  .max-w-xs,
  .dashTxnTitleColumn,
  .dashTxnTitleColumn {
    max-width: var(--container-xs);
  }
  .min-w-0,
  .app4,
  .app6,
  .app7,
  .detail4,
  .detail23,
  .route3,
  .dash27,
  .slip12,
  .slipSlipCanvas,
  .headBrandText,
  .head6,
  .head19,
  .sideBlgfSidebarLabel,
  .side7,
  .app4,
  .app6,
  .app7,
  .detail4,
  .detail23,
  .route3,
  .dash27,
  .slip12,
  .slipSlipCanvas,
  .headBrandText,
  .head6,
  .head19,
  .sideBlgfSidebarLabel,
  .side7,
  .slip59,
  .slip60,
  .headAppMain,
  .headBrand,
  .headGlobalSearch {
    min-width: 0px;
  }
  .min-w-5,
  .side33,
  .side33 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-11,
  .appCloseRoutingActionBtn,
  .appCloseRoutingActionBtn {
    min-width: calc(var(--spacing) * 11);
  }
  .min-w-48,
  .headBrandCluster,
  .headBrandCluster {
    min-width: calc(var(--spacing) * 48);
  }
  .flex-1,
  .app4,
  .appRouteDecisionBtn,
  .appRouteDecision2Btn,
  .appCloseRoutingActionBtn2,
  .detail23,
  .detail61,
  .routeRouteModalForm,
  .routeRouteModalScroll,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dash27,
  .head6,
  .sideNav,
  .sideBlgfSidebarLabel,
  .side7,
  .dialog6,
  .app4,
  .appRouteDecisionBtn,
  .appRouteDecision2Btn,
  .appCloseRoutingActionBtn2,
  .detail23,
  .detail61,
  .routeRouteModalForm,
  .routeRouteModalScroll,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dash27,
  .head6,
  .sideNav,
  .sideBlgfSidebarLabel,
  .side7,
  .dialog6,
  .slip55,
  .headGlobalSearch {
    flex: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink,
  .headBrand {
    flex-shrink: 1;
  }
  .shrink-0,
  .app12,
  .detailShell,
  .detailHandleCloseBtn,
  .detailInfoCircleIcon,
  .detailAlertCircleIcon,
  .detail14,
  .detail113,
  .detailTextIcon,
  .detail232,
  .detailDetail2,
  .routeRouteModal,
  .routeAlertCircleIcon,
  .routeSendOutlineIcon,
  .route9,
  .dash10,
  .dash511,
  .dashOnNavigateToBtn2,
  .dashNavigateIcon,
  .slip11,
  .slipCandidateArrowIcon,
  .slipOutlineIcon,
  .slipCheckmarkIcon,
  .headEmit1Btn,
  .headBrandLogo,
  .head111,
  .headTextIcon,
  .head9,
  .headImg1,
  .head110,
  .sideStyle,
  .side3,
  .side6,
  .dialogCheckmarkCircleIcon,
  .dialogAlertCircleIcon,
  .app12,
  .detailShell,
  .detailHandleCloseBtn,
  .detailInfoCircleIcon,
  .detailAlertCircleIcon,
  .detail14,
  .detail113,
  .detailTextIcon,
  .detail232,
  .detailDetail2,
  .routeRouteModal,
  .routeAlertCircleIcon,
  .routeSendOutlineIcon,
  .route9,
  .dash10,
  .dash511,
  .dashOnNavigateToBtn2,
  .dashNavigateIcon,
  .slip11,
  .slipCandidateArrowIcon,
  .slipOutlineIcon,
  .slipCheckmarkIcon,
  .headEmit1Btn,
  .headBrandLogo,
  .head111,
  .headTextIcon,
  .head9,
  .headImg1,
  .head110,
  .sideStyle,
  .side3,
  .side6,
  .dialogCheckmarkCircleIcon,
  .dialogAlertCircleIcon,
  .slipSetBtn,
  .slipHandlePrintBtn,
  .slip522,
  .headActions {
    flex-shrink: 0;
  }
  .border-collapse,
  .dashDashboardTxnsTable,
  .dashDashboardTxnsTable {
    border-collapse: collapse;
  }
  .-translate-y-1\/2,
  .slipSearch2Icon,
  .slipClearSearchBtn,
  .slipSearch2Icon,
  .slipClearSearchBtn {
    --tw-translate-y: -50% ;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .animate-ping,
  .detail133,
  .dash212,
  .dash152,
  .detail133,
  .dash212,
  .dash152 {
    animation: var(--animate-ping);
  }
  .animate-pulse,
  .dashAlertCircleIcon,
  .head93,
  .dashAlertCircleIcon,
  .head93,
  .head243 {
    animation: var(--animate-pulse);
  }
  .animate-spin,
  .detailSyncOutlineIcon,
  .routeReloadIcon,
  .detailSyncOutlineIcon,
  .routeReloadIcon {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer,
  .detailCopyTrackingNumberBtn,
  .detailHandleCloseBtn,
  .detailTabBtnBtn,
  .detailSetActiveTabBtn,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detailLabel,
  .detailHandleViewFileBtn,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailStartEditingFinalBtn2,
  .detailCancelEditingFinalBtn,
  .detailSaveFinalNotesBtn,
  .detailHandleViewFileBtn3,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .routeRouteModalCloseBtn,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dashOnNavigateToBtn2,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashOnNavigateToBtn3,
  .dashOnDocBtn,
  .dashOnDocSelect,
  .dashOnDoc2Btn,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .dashSetBtn,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .dialogDismissBtn,
  .dialogAcceptBtn,
  .detailCopyTrackingNumberBtn,
  .detailHandleCloseBtn,
  .detailTabBtnBtn,
  .detailSetActiveTabBtn,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detailLabel,
  .detailHandleViewFileBtn,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailStartEditingFinalBtn2,
  .detailCancelEditingFinalBtn,
  .detailSaveFinalNotesBtn,
  .detailHandleViewFileBtn3,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .routeRouteModalCloseBtn,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dashOnNavigateToBtn2,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashOnNavigateToBtn3,
  .dashOnDocBtn,
  .dashOnDocSelect,
  .dashOnDoc2Btn,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .dashSetBtn,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .dialogDismissBtn,
  .dialogAcceptBtn {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-none,
  .appUl,
  .detailTxnProgressOl,
  .appUl,
  .detailTxnProgressOl {
    list-style-type: none;
  }
  .grid-cols-1,
  .detailDl,
  .dash57,
  .head172,
  .detailDl,
  .dash57,
  .head172,
  .slip6,
  .slip8,
  .slip57 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2,
  .detailTxnProgressOl,
  .detail25,
  .route2,
  .dash13,
  .detailTxnProgressOl,
  .detail25,
  .route2,
  .dash13 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-12,
  .slip26,
  .slip322,
  .slip44 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[4\.5rem_minmax\(0\,1fr\)_7\.5rem\],
  .slip16 {
    grid-template-columns: 4.5rem minmax(0, 1fr) 7.5rem;
  }
  .grid-cols-\[6\.5rem_1fr\],
  .slip53 {
    grid-template-columns: 6.5rem 1fr;
  }
  .grid-cols-\[6\.5rem_1fr_2\.5rem_1fr\],
  .slip54 {
    grid-template-columns: 6.5rem 1fr 2.5rem 1fr;
  }
  .grid-cols-\[6\.5rem_minmax\(0\,1fr\)\],
  .slip41 {
    grid-template-columns: 6.5rem minmax(0, 1fr);
  }
  .flex-col,
  .app1,
  .detailDetailPanel,
  .detail3,
  .detail12,
  .detailRecipientFlowNav,
  .detailFlowRootNode,
  .routeRouteModalShell,
  .routeRouteModalForm,
  .dash4,
  .dashUrgentBanner,
  .dash27,
  .dash28,
  .dash32,
  .dash34,
  .slipSlipBar,
  .slipSlipPicker,
  .headBrandText,
  .head9,
  .app1,
  .detailDetailPanel,
  .detail3,
  .detail12,
  .detailRecipientFlowNav,
  .detailFlowRootNode,
  .routeRouteModalShell,
  .routeRouteModalForm,
  .dash4,
  .dashUrgentBanner,
  .dash27,
  .dash28,
  .dash32,
  .dash34,
  .slipSlipBar,
  .slipSlipPicker,
  .headBrandText,
  .head9,
  .slip5,
  .slip27,
  .slip51 {
    flex-direction: column;
  }
  .flex-wrap,
  .app8,
  .app15,
  .detail2,
  .detail5,
  .detail8,
  .detail19,
  .detail39,
  .detail44,
  .detail62,
  .detail64,
  .detailDetail2,
  .detail66,
  .routeStyle,
  .dash6,
  .dash10,
  .dash23,
  .dash40,
  .dash55,
  .dash56,
  .head132,
  .app8,
  .app15,
  .detail2,
  .detail5,
  .detail8,
  .detail19,
  .detail39,
  .detail44,
  .detail62,
  .detail64,
  .detailDetail2,
  .detail66,
  .routeStyle,
  .dash6,
  .dash10,
  .dash23,
  .dash40,
  .dash55,
  .dash56,
  .head132 {
    flex-wrap: wrap;
  }
  .place-items-center,
  .appStyle,
  .app12,
  .appStyle,
  .app12 {
    place-items: center;
  }
  .items-center,
  .app3,
  .app16,
  .appCloseRoutingActionBtn,
  .detailStyle,
  .detail2,
  .detailCopyTrackingNumberBtn,
  .detail1,
  .detail213,
  .detail123,
  .detailHandleCloseBtn,
  .detail5,
  .detailViewTabsNav,
  .detailTabBtnBtn,
  .detail8,
  .detail9,
  .detail73,
  .detailSetActiveTabBtn,
  .detail10,
  .detail153,
  .detail14,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detail16,
  .detail17,
  .detailDt,
  .detail19,
  .detailLabel,
  .detail113,
  .detail24,
  .detailHandleViewFileBtn,
  .detail28,
  .detailFlowRootNode,
  .detail34,
  .detail37,
  .detail39,
  .detail40,
  .detail41,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detail42,
  .detail44,
  .detailStartEditingFinalBtn2,
  .detail47,
  .detailSaveFinalNotesBtn,
  .detail49,
  .detail52,
  .detailHandleViewFileBtn2,
  .detail58,
  .detail232,
  .detail62,
  .detailHandleViewFileBtn3,
  .detailDetail2,
  .detail65,
  .detail66,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .routeStyle,
  .route4,
  .route5,
  .route6,
  .route8,
  .route9,
  .route11,
  .dash6,
  .dash7,
  .dash8,
  .dash9,
  .dash10,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dash11,
  .dash511,
  .dash12,
  .dash62,
  .dashOnNavigateToBtn2,
  .dash15,
  .dash92,
  .dash17,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash23,
  .dash24,
  .dash213,
  .dash222,
  .dash27,
  .dash28,
  .dash292,
  .dashOnNavigateToBtn3,
  .dash33,
  .dash34,
  .dash312,
  .dash110,
  .dash36,
  .dash332,
  .dash342,
  .dashOnDoc2Btn,
  .dash40,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .dash41,
  .dash43,
  .dash46,
  .dash392,
  .dash55,
  .dash56,
  .dash1,
  .slipSlipBar,
  .slip11,
  .slipSearchInput,
  .slipClearSearchBtn,
  .slip14,
  .headEmit1Btn,
  .headBrandCluster,
  .headBrandLogo,
  .headSpan,
  .head24,
  .head33,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head4,
  .head1,
  .head7,
  .head111,
  .head8,
  .head93,
  .head10,
  .headHandleInstallAppBtn,
  .head82,
  .head11,
  .head122,
  .head132,
  .headLogoutActionBtn,
  .head152,
  .head18,
  .head134,
  .head19,
  .head110,
  .head182,
  .head192,
  .head21,
  .headH3,
  .sideStyle,
  .side2,
  .sideEmitBtn,
  .sideEmit2Btn,
  .side33,
  .side6,
  .dialogDismiss,
  .app3,
  .app16,
  .appCloseRoutingActionBtn,
  .detailStyle,
  .detail2,
  .detailCopyTrackingNumberBtn,
  .detail1,
  .detail213,
  .detail123,
  .detailHandleCloseBtn,
  .detail5,
  .detailViewTabsNav,
  .detailTabBtnBtn,
  .detail8,
  .detail9,
  .detail73,
  .detailSetActiveTabBtn,
  .detail10,
  .detail153,
  .detail14,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detail16,
  .detail17,
  .detailDt,
  .detail19,
  .detailLabel,
  .detail113,
  .detail24,
  .detailHandleViewFileBtn,
  .detail28,
  .detailFlowRootNode,
  .detail34,
  .detail37,
  .detail39,
  .detail40,
  .detail41,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detail42,
  .detail44,
  .detailStartEditingFinalBtn2,
  .detail47,
  .detailSaveFinalNotesBtn,
  .detail49,
  .detail52,
  .detailHandleViewFileBtn2,
  .detail58,
  .detail232,
  .detail62,
  .detailHandleViewFileBtn3,
  .detailDetail2,
  .detail65,
  .detail66,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .routeStyle,
  .route4,
  .route5,
  .route6,
  .route8,
  .route9,
  .route11,
  .dash6,
  .dash7,
  .dash8,
  .dash9,
  .dash10,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dash11,
  .dash511,
  .dash12,
  .dash62,
  .dashOnNavigateToBtn2,
  .dash15,
  .dash92,
  .dash17,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash23,
  .dash24,
  .dash213,
  .dash222,
  .dash27,
  .dash28,
  .dash292,
  .dashOnNavigateToBtn3,
  .dash33,
  .dash34,
  .dash312,
  .dash110,
  .dash36,
  .dash332,
  .dash342,
  .dashOnDoc2Btn,
  .dash40,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .dash41,
  .dash43,
  .dash46,
  .dash392,
  .dash55,
  .dash56,
  .dash1,
  .slipSlipBar,
  .slip11,
  .slipSearchInput,
  .slipClearSearchBtn,
  .slip14,
  .headEmit1Btn,
  .headBrandCluster,
  .headBrandLogo,
  .headSpan,
  .head24,
  .head33,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head4,
  .head1,
  .head7,
  .head111,
  .head8,
  .head93,
  .head10,
  .headHandleInstallAppBtn,
  .head82,
  .head11,
  .head122,
  .head132,
  .headLogoutActionBtn,
  .head152,
  .head18,
  .head134,
  .head19,
  .head110,
  .head182,
  .head192,
  .head21,
  .headH3,
  .sideStyle,
  .side2,
  .sideEmitBtn,
  .sideEmit2Btn,
  .side33,
  .side6,
  .dialogDismiss,
  .appApp,
  .slip22,
  .slip32,
  .slipH2,
  .slip4,
  .slipSetBtn,
  .slipHandlePrintBtn,
  .slipH3,
  .slipCreateSignatoryFormatBtn,
  .slipDeleteSignatoryFormatBtn,
  .slip16,
  .slip222,
  .slip232,
  .slip31,
  .slip47,
  .slip56,
  .slip102,
  .headAppMain,
  .headBrand,
  .headActions {
    align-items: center;
  }
  .items-end,
  .dash26,
  .dash29,
  .head9,
  .dash26,
  .dash29,
  .head9,
  .slip7,
  .slip322,
  .slip53,
  .slip54,
  .slip68 {
    align-items: flex-end;
  }
  .items-start,
  .detail11,
  .detail13,
  .detail60,
  .dash4,
  .slip10,
  .head5,
  .dialog5,
  .modal2,
  .detail11,
  .detail13,
  .detail60,
  .dash4,
  .slip10,
  .head5,
  .dialog5,
  .modal2,
  .slip5,
  .slip41 {
    align-items: flex-start;
  }
  .justify-between,
  .detailStyle,
  .detail8,
  .detail10,
  .detail12,
  .detail19,
  .detail28,
  .detail34,
  .detail39,
  .detail44,
  .detail47,
  .detail49,
  .detail58,
  .detail62,
  .detailDetail2,
  .route6,
  .dash4,
  .dashUrgentBanner,
  .dash15,
  .dash17,
  .dash23,
  .dash32,
  .dash40,
  .dash43,
  .dash46,
  .dash55,
  .dash1,
  .slipSlipBar,
  .slip14,
  .head1,
  .head5,
  .head18,
  .head21,
  .detailStyle,
  .detail8,
  .detail10,
  .detail12,
  .detail19,
  .detail28,
  .detail34,
  .detail39,
  .detail44,
  .detail47,
  .detail49,
  .detail58,
  .detail62,
  .detailDetail2,
  .route6,
  .dash4,
  .dashUrgentBanner,
  .dash15,
  .dash17,
  .dash23,
  .dash32,
  .dash40,
  .dash43,
  .dash46,
  .dash55,
  .dash1,
  .slipSlipBar,
  .slip14,
  .head1,
  .head5,
  .head18,
  .head21,
  .slip5,
  .slip31,
  .slip47,
  .slip51,
  .slip56,
  .slip68,
  .headAppMain {
    justify-content: space-between;
  }
  .justify-center,
  .app3,
  .appCloseRoutingActionBtn,
  .detailHandleCloseBtn,
  .detail73,
  .detail153,
  .detail113,
  .detail232,
  .route9,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dash511,
  .dash92,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash213,
  .dash29,
  .dash292,
  .dash34,
  .dash41,
  .dash392,
  .slip11,
  .slipClearSearchBtn,
  .headEmit1Btn,
  .headBrandLogo,
  .headBrandText,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head4,
  .head93,
  .head10,
  .head82,
  .head122,
  .head152,
  .head110,
  .head192,
  .sideEmitBtn,
  .sideEmit2Btn,
  .side33,
  .side6,
  .dialogDismiss,
  .dialogStyle,
  .modal2,
  .app3,
  .appCloseRoutingActionBtn,
  .detailHandleCloseBtn,
  .detail73,
  .detail153,
  .detail113,
  .detail232,
  .route9,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dash511,
  .dash92,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash213,
  .dash29,
  .dash292,
  .dash34,
  .dash41,
  .dash392,
  .slip11,
  .slipClearSearchBtn,
  .headEmit1Btn,
  .headBrandLogo,
  .headBrandText,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head4,
  .head93,
  .head10,
  .head82,
  .head122,
  .head152,
  .head110,
  .head192,
  .sideEmitBtn,
  .sideEmit2Btn,
  .side33,
  .side6,
  .dialogDismiss,
  .dialogStyle,
  .modal2,
  .appApp,
  .slipDeleteSignatoryFormatBtn,
  .slip232,
  .slip27,
  .slip102 {
    justify-content: center;
  }
  .justify-end,
  .dash27,
  .dash60,
  .usersUaTh,
  .dialog3,
  .dash27,
  .dash60,
  .usersUaTh,
  .dialog3,
  .slip4 {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5,
  .headBrandText,
  .headBrandText {
    gap: calc(var(--spacing) * .5);
  }
  .gap-1,
  .app8,
  .detail1,
  .detail213,
  .detailViewTabsNav,
  .detail10,
  .detailDt,
  .detailHandleViewFileBtn,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailStartEditingFinalBtn2,
  .detailSaveFinalNotesBtn,
  .detail52,
  .detailHandleViewFileBtn2,
  .detail55,
  .detailHandleViewFileBtn3,
  .route11,
  .dash110,
  .dash36,
  .dash332,
  .dashOnDoc2Btn,
  .dash55,
  .dash56,
  .dash57,
  .slip14,
  .head24,
  .head9,
  .head82,
  .app8,
  .detail1,
  .detail213,
  .detailViewTabsNav,
  .detail10,
  .detailDt,
  .detailHandleViewFileBtn,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailStartEditingFinalBtn2,
  .detailSaveFinalNotesBtn,
  .detail52,
  .detailHandleViewFileBtn2,
  .detail55,
  .detailHandleViewFileBtn3,
  .route11,
  .dash110,
  .dash36,
  .dash332,
  .dashOnDoc2Btn,
  .dash55,
  .dash56,
  .dash57,
  .slip14,
  .head24,
  .head9,
  .head82,
  .slipCreateSignatoryFormatBtn {
    gap: var(--spacing);
  }
  .gap-1\.5,
  .app16,
  .detail2,
  .detailCopyTrackingNumberBtn,
  .detail123,
  .detailSetActiveTabBtn,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detailLabel,
  .detail24,
  .detail37,
  .detail40,
  .detail41,
  .detail42,
  .detail62,
  .detail64,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .route5,
  .dash7,
  .dash8,
  .dash9,
  .dash222,
  .dash33,
  .dash342,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .head8,
  .headHandleInstallAppBtn,
  .head132,
  .head134,
  .app16,
  .detail2,
  .detailCopyTrackingNumberBtn,
  .detail123,
  .detailSetActiveTabBtn,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detailLabel,
  .detail24,
  .detail37,
  .detail40,
  .detail41,
  .detail42,
  .detail62,
  .detail64,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .route5,
  .dash7,
  .dash8,
  .dash9,
  .dash222,
  .dash33,
  .dash342,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .head8,
  .headHandleInstallAppBtn,
  .head132,
  .head134,
  .slip7,
  .slip222,
  .slip41 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-1\.25,
  .app15,
  .app15 {
    gap: calc(var(--spacing) * 1.25);
  }
  .gap-2,
  .app13,
  .detailTabBtnBtn,
  .detail8,
  .detail9,
  .detailTxnProgressOl,
  .detail14,
  .detail16,
  .detail17,
  .detail19,
  .detail34,
  .detailDl2,
  .detail39,
  .detail44,
  .detail47,
  .detail65,
  .detail66,
  .routeStyle,
  .route2,
  .route4,
  .dash6,
  .dash12,
  .dash26,
  .dash34,
  .dash46,
  .dash60,
  .head7,
  .head182,
  .headH3,
  .side2,
  .app13,
  .detailTabBtnBtn,
  .detail8,
  .detail9,
  .detailTxnProgressOl,
  .detail14,
  .detail16,
  .detail17,
  .detail19,
  .detail34,
  .detailDl2,
  .detail39,
  .detail44,
  .detail47,
  .detail65,
  .detail66,
  .routeStyle,
  .route2,
  .route4,
  .dash6,
  .dash12,
  .dash26,
  .dash34,
  .dash46,
  .dash60,
  .head7,
  .head182,
  .headH3,
  .side2,
  .slip5,
  .slip6,
  .slip53,
  .slip54,
  .headActions {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5,
  .detail11,
  .detail13,
  .detail25,
  .dash10,
  .dash24,
  .slip10,
  .headBrandCluster,
  .head5,
  .head172,
  .dialog3,
  .dialog5,
  .detail11,
  .detail13,
  .detail25,
  .dash10,
  .dash24,
  .slip10,
  .headBrandCluster,
  .head5,
  .head172,
  .dialog3,
  .dialog5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3,
  .detailStyle,
  .detail3,
  .detail12,
  .detailDl,
  .detailDetail2,
  .route8,
  .dashUrgentBanner,
  .dash13,
  .dash23,
  .dash40,
  .head11,
  .head19,
  .detailStyle,
  .detail3,
  .detail12,
  .detailDl,
  .detailDetail2,
  .route8,
  .dashUrgentBanner,
  .dash13,
  .dash23,
  .dash40,
  .head11,
  .head19,
  .slip8,
  .headBrand {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5,
  .dash11,
  .slipSlipPicker,
  .dash11,
  .slipSlipPicker {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4,
  .detail60,
  .dash32,
  .slipSlipBar,
  .detail60,
  .dash32,
  .slipSlipBar {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5,
  .detail15,
  .detail27,
  .dash4,
  .detail15,
  .detail27,
  .dash4 {
    gap: calc(var(--spacing) * 5);
  }
  :where(.space-y-0 > :not(:last-child)),
  :where(.slip15 > :not(:last-child)),
  :where(.slip17 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: 0;
    margin-block-end: 0;
  }
  :where(.space-y-0\.5 > :not(:last-child)),
  :where(.side5 > :not(:last-child)),
  :where(.side5 > :not(:last-child)),
  :where(.slip48 > :not(:last-child)),
  :where(.slip59 > :not(:last-child)),
  :where(.slip69 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1 > :not(:last-child)),
  :where(.head142 > :not(:last-child)),
  :where(.head142 > :not(:last-child)),
  :where(.slip46 > :not(:last-child)),
  :where(.slip49 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1\.5 > :not(:last-child)),
  :where(.dash54 > :not(:last-child)),
  :where(.dash54 > :not(:last-child)),
  :where(.slip522 > :not(:last-child)),
  :where(.slip55 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)),
  :where(.detail46 > :not(:last-child)),
  :where(.detail50 > :not(:last-child)),
  :where(.dash52 > :not(:last-child)),
  :where(.detail46 > :not(:last-child)),
  :where(.detail50 > :not(:last-child)),
  :where(.dash52 > :not(:last-child)),
  :where(.slip45 > :not(:last-child)),
  :where(.slip51 > :not(:last-child)),
  :where(.slip66 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2\.5 > :not(:last-child)),
  :where(.detail21 > :not(:last-child)),
  :where(.detail21 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)),
  :where(.route10 > :not(:last-child)),
  :where(.route10 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3\.5 > :not(:last-child)),
  :where(.dash44 > :not(:last-child)),
  :where(.dash44 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)),
  :where(.detailRoutingHistory > :not(:last-child)),
  :where(.detail59 > :not(:last-child)),
  :where(.routeRouteModalScroll > :not(:last-child)),
  :where(.slipSlipCustomize > :not(:last-child)),
  :where(.detailRoutingHistory > :not(:last-child)),
  :where(.detail59 > :not(:last-child)),
  :where(.routeRouteModalScroll > :not(:last-child)),
  :where(.slipSlipCustomize > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-5 > :not(:last-child)),
  :where(.detail6 > :not(:last-child)),
  :where(.dashDashboardShell > :not(:last-child)),
  :where(.detail6 > :not(:last-child)),
  :where(.dashDashboardShell > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-2,
  .detail5,
  .detail5 {
    column-gap: calc(var(--spacing) * 2);
  }
  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-1\.5 > :not(:last-child)),
  :where(.dashOnNavigateToBtn2 > :not(:last-child)),
  :where(.dashOnNavigateToBtn3 > :not(:last-child)),
  :where(.dashOnNavigateToBtn2 > :not(:last-child)),
  :where(.dashOnNavigateToBtn3 > :not(:last-child)),
  :where(.slipSetBtn > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-2 > :not(:last-child)),
  :where(.dashOnOpenCreateBtn > :not(:last-child)),
  :where(.dashOnNavigateToBtn > :not(:last-child)),
  :where(.headLogoutActionBtn > :not(:last-child)),
  :where(.dashOnOpenCreateBtn > :not(:last-child)),
  :where(.dashOnNavigateToBtn > :not(:last-child)),
  :where(.headLogoutActionBtn > :not(:last-child)),
  :where(.slip32 > :not(:last-child)),
  :where(.slipH2 > :not(:last-child)),
  :where(.slip4 > :not(:last-child)),
  :where(.slipHandlePrintBtn > :not(:last-child)),
  :where(.slipH3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-3 > :not(:last-child)),
  :where(.slip22 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-0\.5,
  .detail5,
  .detail5 {
    row-gap: calc(var(--spacing) * .5);
  }
  .gap-y-1,
  .slip57 {
    row-gap: var(--spacing);
  }
  :where(.divide-x > :not(:last-child)),
  :where(.slip322 > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
  :where(.divide-x-2 > :not(:last-child)),
  :where(.slip44 > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(2px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
  }
  :where(.divide-y > :not(:last-child)),
  :where(.dashTbody > :not(:last-child)),
  :where(.head12 > :not(:last-child)),
  :where(.dashTbody > :not(:last-child)),
  :where(.head12 > :not(:last-child)),
  :where(.slip30 > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-slate-100 > :not(:last-child)),
  :where(.dashTbody > :not(:last-child)),
  :where(.dashTbody > :not(:last-child)),
  :where(.head232 > :not(:last-child)) {
    border-color: var(--color-slate-100);
  }
  :where(.divide-slate-400 > :not(:last-child)),
  :where(.slip30 > :not(:last-child)),
  :where(.slip322 > :not(:last-child)) {
    border-color: var(--color-slate-400);
  }
  :where(.divide-slate-900 > :not(:last-child)),
  :where(.slip44 > :not(:last-child)) {
    border-color: var(--color-slate-900);
  }
  .self-end,
  .detail14,
  .detail14 {
    align-self: flex-end;
  }
  .self-start,
  .dashOnNavigateToBtn2,
  .dashOnNavigateToBtn2 {
    align-self: flex-start;
  }
  .justify-self-end,
  .slip222 {
    justify-self: flex-end;
  }
  .truncate,
  .detail67,
  .detail92,
  .detail122,
  .route42,
  .route52,
  .routeReviewVal2,
  .dash272,
  .dash282,
  .dashOnDocSelect,
  .dash35,
  .dash36,
  .dash322,
  .dash37,
  .dash38,
  .dash39,
  .slipQuickDocTitle,
  .head53,
  .head73,
  .head52,
  .head62,
  .head103,
  .head92,
  .head102,
  .head123,
  .head133,
  .sideBlgfSidebarLabel,
  .side22,
  .side32,
  .detail67,
  .detail92,
  .detail122,
  .route42,
  .route52,
  .routeReviewVal2,
  .dash272,
  .dash282,
  .dashOnDocSelect,
  .dash35,
  .dash36,
  .dash322,
  .dash37,
  .dash38,
  .dash39,
  .slipQuickDocTitle,
  .head53,
  .head73,
  .head52,
  .head62,
  .head103,
  .head92,
  .head102,
  .head123,
  .head133,
  .sideBlgfSidebarLabel,
  .side22,
  .side32,
  .slip40,
  .slip112 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden,
  .app1,
  .detailDetailPanel,
  .detailRecipientFlowNav,
  .routeRouteModalShell,
  .routeRouteModalForm,
  .dashHeroCommandCard,
  .dashUrgentBanner,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dash29,
  .dashDashboardTxns,
  .dash42,
  .head2,
  .head10,
  .head14,
  .head122,
  .head162,
  .head20,
  .headSearchScanner,
  .side6,
  .app1,
  .detailDetailPanel,
  .detailRecipientFlowNav,
  .routeRouteModalShell,
  .routeRouteModalForm,
  .dashHeroCommandCard,
  .dashUrgentBanner,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dash29,
  .dashDashboardTxns,
  .dash42,
  .head2,
  .head10,
  .head14,
  .head122,
  .head162,
  .head20,
  .headSearchScanner,
  .side6 {
    overflow: hidden;
  }
  .overflow-x-auto,
  .dashDashboardTxnsScroll,
  .dashDashboardTxnsScroll {
    overflow-x: auto;
  }
  .overflow-y-auto,
  .app5,
  .routeRouteModalScroll,
  .dash44,
  .head12,
  .head172,
  .sideNav,
  .uiAutocompleteField2,
  .modalStyle,
  .app5,
  .routeRouteModalScroll,
  .dash44,
  .head12,
  .head172,
  .sideNav,
  .uiAutocompleteField2,
  .modalStyle {
    overflow-y: auto;
  }
  .rounded,
  .detailHandleViewFileBtn2,
  .dash132,
  .dash162,
  .dash182,
  .dash202,
  .dash312,
  .dash1,
  .followSpan,
  .head63,
  .detailHandleViewFileBtn2,
  .dash132,
  .dash162,
  .dash182,
  .dash202,
  .dash312,
  .dash1,
  .followSpan,
  .head63,
  .slipInput,
  .slip2Input,
  .slip3Input,
  .slip4Input,
  .slip5Input,
  .slip232 {
    border-radius: .25rem;
  }
  .rounded-2xl,
  .app1,
  .detail7,
  .detail26,
  .detailRecipientFlowNav,
  .detailFlowRecipientDetails,
  .detail38,
  .detail57,
  .route2,
  .route7,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dashUrgentBanner,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dashDashboardTxnsScroll,
  .dash45,
  .head2,
  .head14,
  .head162,
  .head20,
  .dialog4,
  .dialog7,
  .modalStop,
  .app1,
  .detail7,
  .detail26,
  .detailRecipientFlowNav,
  .detailFlowRecipientDetails,
  .detail38,
  .detail57,
  .route2,
  .route7,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dashUrgentBanner,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dashDashboardTxnsScroll,
  .dash45,
  .head2,
  .head14,
  .head162,
  .head20,
  .dialog4,
  .dialog7,
  .modalStop {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl,
  .dashHeroCommandCard,
  .dashDashboardTxns,
  .dash42,
  .dialogStop,
  .dashHeroCommandCard,
  .dashDashboardTxns,
  .dash42,
  .dialogStop {
    border-radius: var(--radius-3xl);
  }
  .rounded-full,
  .appStartupLogoImg,
  .detail123,
  .detail133,
  .detail143,
  .detail511,
  .detail68,
  .detail153,
  .detail83,
  .detail134,
  .detail163,
  .detail203,
  .detail214,
  .detail223,
  .detail232,
  .dashStyle,
  .dash2,
  .dash3,
  .dash7,
  .dash8,
  .dash212,
  .dash311,
  .dash9,
  .dash62,
  .dash152,
  .dash222,
  .dash302,
  .dash110,
  .dash342,
  .dash352,
  .dash392,
  .slipClearSearchBtn,
  .headBrandLogo,
  .headImg,
  .headSystemOnline,
  .head111,
  .head83,
  .head93,
  .head134,
  .head144,
  .headImg1,
  .head110,
  .sideSpan,
  .side33,
  .side6,
  .appStartupLogoImg,
  .detail123,
  .detail133,
  .detail143,
  .detail511,
  .detail68,
  .detail153,
  .detail83,
  .detail134,
  .detail163,
  .detail203,
  .detail214,
  .detail223,
  .detail232,
  .dashStyle,
  .dash2,
  .dash3,
  .dash7,
  .dash8,
  .dash212,
  .dash311,
  .dash9,
  .dash62,
  .dash152,
  .dash222,
  .dash302,
  .dash110,
  .dash342,
  .dash352,
  .dash392,
  .slipClearSearchBtn,
  .headBrandLogo,
  .headImg,
  .headSystemOnline,
  .head111,
  .head83,
  .head93,
  .head134,
  .head144,
  .headImg1,
  .head110,
  .sideSpan,
  .side33,
  .side6,
  .slip102 {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg,
  .app12,
  .app14,
  .appOpenPopupFileBtn,
  .appRouteDecisionBtn,
  .appRouteDecision2Btn,
  .appCloseRoutingActionBtn2,
  .detailCopyTrackingNumberBtn,
  .detail1,
  .detail213,
  .detail73,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detail113,
  .detailHandleViewFileBtn,
  .detail42,
  .detailHalKuhaninSaArea,
  .detail51,
  .detail54,
  .detail63,
  .dash213,
  .dashOnDocBtn,
  .dash332,
  .dash58,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head10,
  .headCloseScannerBtn,
  .sideEmitBtn,
  .sideEmit2Btn,
  .uiAutocompleteFieldArea,
  .uiAutocompleteField2,
  .app12,
  .app14,
  .appOpenPopupFileBtn,
  .appRouteDecisionBtn,
  .appRouteDecision2Btn,
  .appCloseRoutingActionBtn2,
  .detailCopyTrackingNumberBtn,
  .detail1,
  .detail213,
  .detail73,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detail113,
  .detailHandleViewFileBtn,
  .detail42,
  .detailHalKuhaninSaArea,
  .detail51,
  .detail54,
  .detail63,
  .dash213,
  .dashOnDocBtn,
  .dash332,
  .dash58,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head10,
  .headCloseScannerBtn,
  .sideEmitBtn,
  .sideEmit2Btn,
  .uiAutocompleteFieldArea,
  .uiAutocompleteField2,
  .slipOnBackBtn,
  .slipChooseRoutingSlipSelect,
  .slipSetBtn,
  .slipHandlePrintBtn,
  .slipSelect,
  .slipEGOicInput,
  .slipCreateSignatoryFormatBtn,
  .slipDeleteSignatoryFormatBtn {
    border-radius: var(--radius-lg);
  }
  .rounded-md,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailCancelEditingFinalBtn,
  .detailSaveFinalNotesBtn,
  .detail242,
  .detailHandleViewFileBtn3,
  .dash372,
  .head33,
  .head124,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailCancelEditingFinalBtn,
  .detailSaveFinalNotesBtn,
  .detail242,
  .detailHandleViewFileBtn3,
  .dash372,
  .head33,
  .head124 {
    border-radius: var(--radius-md);
  }
  .rounded-xl,
  .detailHandleCloseBtn,
  .detailLi1,
  .detail11,
  .detail12,
  .detailOverflowAnywhere2,
  .detail18,
  .detailLabel,
  .detail20,
  .detail22,
  .detail29,
  .detail35,
  .detail36,
  .detail43,
  .detail45,
  .detail48,
  .detail53,
  .detail61,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .route9,
  .routeHandoffNotesArea,
  .dash511,
  .dashOnNavigateToBtn2,
  .dash92,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash292,
  .dashOnDoc2Btn,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .dashSetBtn,
  .dash54,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .slipSlipBar,
  .slipSlipCustomize,
  .slipSlipPicker,
  .slip11,
  .slipSlipCanvas,
  .headEmit1Btn,
  .head4,
  .headHandleInstallAppBtn,
  .head122,
  .headLogoutActionBtn,
  .headCloseUserStatusBtn,
  .head19,
  .headSearchScanner,
  .head143,
  .headBtn,
  .dialogRequestDefaultValueInput,
  .dialogDismissBtn,
  .dialogAcceptBtn,
  .detailHandleCloseBtn,
  .detailLi1,
  .detail11,
  .detail12,
  .detailOverflowAnywhere2,
  .detail18,
  .detailLabel,
  .detail20,
  .detail22,
  .detail29,
  .detail35,
  .detail36,
  .detail43,
  .detail45,
  .detail48,
  .detail53,
  .detail61,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .route9,
  .routeHandoffNotesArea,
  .dash511,
  .dashOnNavigateToBtn2,
  .dash92,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash292,
  .dashOnDoc2Btn,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .dashSetBtn,
  .dash54,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .slipSlipBar,
  .slipSlipCustomize,
  .slipSlipPicker,
  .slip11,
  .slipSlipCanvas,
  .headEmit1Btn,
  .head4,
  .headHandleInstallAppBtn,
  .head122,
  .headLogoutActionBtn,
  .headCloseUserStatusBtn,
  .head19,
  .headSearchScanner,
  .head143,
  .headBtn,
  .dialogRequestDefaultValueInput,
  .dialogDismissBtn,
  .dialogAcceptBtn,
  .slipStyle,
  .slip6 {
    border-radius: var(--radius-xl);
  }
  .rounded-t-lg,
  .dash29,
  .dash29 {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-t-md,
  .dash30,
  .dash30 {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
  .border,
  .app1,
  .appOpenPopupFileBtn,
  .appRouteDecision2Btn,
  .detailCopyTrackingNumberBtn,
  .detail1,
  .detail213,
  .detail123,
  .detail7,
  .detail73,
  .detailLi1,
  .detail11,
  .detail12,
  .detailHandleDecision2Btn,
  .detailOverflowAnywhere2,
  .detail18,
  .detailLabel,
  .detail20,
  .detail22,
  .detail113,
  .detailHandleViewFileBtn,
  .detail26,
  .detailRecipientFlowNav,
  .detail29,
  .detailFlowRecipientDetails,
  .detail36,
  .detail38,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detail42,
  .detail43,
  .detail45,
  .detailHalKuhaninSaArea,
  .detailCancelEditingFinalBtn,
  .detail48,
  .detail51,
  .detail53,
  .detail54,
  .detail57,
  .detail61,
  .detail63,
  .detailHandleViewFileBtn3,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision4Btn,
  .route2,
  .route7,
  .routeHandoffNotesArea,
  .dashHeroCommandCard,
  .dash7,
  .dash8,
  .dash9,
  .dashOnNavigateToBtn,
  .dashUrgentBanner,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dash222,
  .dashDashboardTxns,
  .dashDashboardTxnsScroll,
  .dashOnDocBtn,
  .dash312,
  .dash110,
  .dash332,
  .dash342,
  .dashPrevPageBtn,
  .dash42,
  .dash45,
  .dash372,
  .dash54,
  .dash58,
  .dashDocFromCardBtn,
  .slipSlipBar,
  .slipSlipCustomize,
  .slipSlipPicker,
  .headEmit1Btn,
  .head33,
  .head2,
  .head14,
  .head124,
  .head162,
  .head19,
  .headImg1,
  .head110,
  .head20,
  .head143,
  .side33,
  .dialogStop,
  .dialogRequestDefaultValueInput,
  .dialogDismissBtn,
  .dialog4,
  .dialog7,
  .uiAutocompleteFieldArea,
  .uiAutocompleteField2,
  .modalStop,
  .app1,
  .appOpenPopupFileBtn,
  .appRouteDecision2Btn,
  .detailCopyTrackingNumberBtn,
  .detail1,
  .detail213,
  .detail123,
  .detail7,
  .detail73,
  .detailLi1,
  .detail11,
  .detail12,
  .detailHandleDecision2Btn,
  .detailOverflowAnywhere2,
  .detail18,
  .detailLabel,
  .detail20,
  .detail22,
  .detail113,
  .detailHandleViewFileBtn,
  .detail26,
  .detailRecipientFlowNav,
  .detail29,
  .detailFlowRecipientDetails,
  .detail36,
  .detail38,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detail42,
  .detail43,
  .detail45,
  .detailHalKuhaninSaArea,
  .detailCancelEditingFinalBtn,
  .detail48,
  .detail51,
  .detail53,
  .detail54,
  .detail57,
  .detail61,
  .detail63,
  .detailHandleViewFileBtn3,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision4Btn,
  .route2,
  .route7,
  .routeHandoffNotesArea,
  .dashHeroCommandCard,
  .dash7,
  .dash8,
  .dash9,
  .dashOnNavigateToBtn,
  .dashUrgentBanner,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dash222,
  .dashDashboardTxns,
  .dashDashboardTxnsScroll,
  .dashOnDocBtn,
  .dash312,
  .dash110,
  .dash332,
  .dash342,
  .dashPrevPageBtn,
  .dash42,
  .dash45,
  .dash372,
  .dash54,
  .dash58,
  .dashDocFromCardBtn,
  .slipSlipBar,
  .slipSlipCustomize,
  .slipSlipPicker,
  .headEmit1Btn,
  .head33,
  .head2,
  .head14,
  .head124,
  .head162,
  .head19,
  .headImg1,
  .head110,
  .head20,
  .head143,
  .side33,
  .dialogStop,
  .dialogRequestDefaultValueInput,
  .dialogDismissBtn,
  .dialog4,
  .dialog7,
  .uiAutocompleteFieldArea,
  .uiAutocompleteField2,
  .modalStop,
  .slipStyle,
  .slipOnBackBtn,
  .slipChooseRoutingSlipSelect,
  .slipSetBtn,
  .slip6,
  .slipSelect,
  .slipEGOicInput,
  .slipInput,
  .slip2Input,
  .slip3Input,
  .slip4Input,
  .slip5Input,
  .slip232,
  .headResultDocDirection,
  .headResultDocDirection2 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2,
  .detail232,
  .detail232,
  .slip24 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[3px\],
  .slip15 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-t,
  .app13,
  .appLi1,
  .app15,
  .detail24,
  .detail52,
  .detailDetail2,
  .dash40,
  .dash50,
  .dash60,
  .head13,
  .app13,
  .appLi1,
  .app15,
  .detail24,
  .detail52,
  .detailDetail2,
  .dash40,
  .dash50,
  .dash60,
  .head13,
  .appApp,
  .slip65 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2,
  .detail32,
  .detail32 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-t-\[3px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 3px;
  }
  .border-t-\[6px\],
  .detail154,
  .detail154 {
    border-top-style: var(--tw-border-style);
    border-top-width: 6px;
  }
  .border-r-\[4px\],
  .detail154,
  .detail154 {
    border-right-style: var(--tw-border-style);
    border-right-width: 4px;
  }
  .border-b,
  .app16,
  .detailViewTabsNav,
  .detail33,
  .detail58,
  .dash26,
  .dashTr,
  .dash43,
  .dash55,
  .slip10,
  .head1,
  .head15,
  .head16,
  .head17,
  .head18,
  .head21,
  .app16,
  .detailViewTabsNav,
  .detail33,
  .detail58,
  .dash26,
  .dashTr,
  .dash43,
  .dash55,
  .slip10,
  .head1,
  .head15,
  .head16,
  .head17,
  .head18,
  .head21,
  .slip5,
  .slip26,
  .slip322,
  .slip47,
  .slip50,
  .slip82,
  .slip58,
  .slip59,
  .slip67,
  .headAppMain {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2,
  .slip25,
  .slip44,
  .slip722 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-\[3px\],
  .slip16 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }
  .border-l,
  .slip30 {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2,
  .detail31,
  .detail31 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-4,
  .border-l-\[4px\],
  .detail43,
  .dashUrgentBanner,
  .detail154,
  .detail43,
  .dashUrgentBanner,
  .detail154 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-dashed,
  .detail20,
  .detail45,
  .detail20,
  .detail45,
  .detailStageActiveState3 {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-\[color\:var\(--ui-border\)\],
  .dialogStop,
  .dialogRequestDefaultValueInput,
  .dialogDismissBtn,
  .uiAutocompleteFieldArea,
  .uiAutocompleteField2,
  .modalStop,
  .dialogStop,
  .dialogRequestDefaultValueInput,
  .dialogDismissBtn,
  .uiAutocompleteFieldArea,
  .uiAutocompleteField2,
  .modalStop {
    border-color: var(--ui-border);
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-300,
  .detail12,
  .detail12,
  .detailCurrentStatusState2 {
    border-color: var(--color-amber-300);
  }
  .border-amber-500\/30,
  .side33,
  .side33 {
    border-color: color-mix(in srgb, oklch(76.9% .188 70.08) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }
  .border-blue-200,
  .detailCopyTrackingNumberBtn,
  .detailLabel,
  .detailCopyTrackingNumberBtn,
  .detailLabel {
    border-color: var(--color-blue-200);
  }
  .border-blue-200\/60,
  .detail73,
  .detail113,
  .detail73,
  .detail113 {
    border-color: color-mix(in srgb, oklch(88.2% .059 254.128) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);
    }
  }
  .border-blue-200\/80,
  .detail48,
  .dashOnDocBtn,
  .dash372,
  .detail48,
  .dashOnDocBtn,
  .dash372 {
    border-color: color-mix(in srgb, oklch(88.2% .059 254.128) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-200) 80%, transparent);
    }
  }
  .border-blue-300,
  .detailCurrentStatusState3 {
    border-color: var(--color-blue-300);
  }
  .border-blue-500,
  .detailStageActiveState {
    border-color: var(--color-blue-500);
  }
  .border-blue-500\/20,
  .dash7,
  .dash7,
  .headResultDocDirection2 {
    border-color: color-mix(in srgb, oklch(62.3% .214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .border-blue-500\/25,
  .dashDocDirectionState2 {
    border-color: color-mix(in srgb, oklch(62.3% .214 259.815) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
    }
  }
  .border-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-blue-900,
  .appApp {
    border-color: var(--color-blue-900);
  }
  .border-cyan-200 {
    border-color: var(--color-cyan-200);
  }
  .border-emerald-200,
  .detail36,
  .detail36,
  .detailDirectionState2 {
    border-color: var(--color-emerald-200);
  }
  .border-emerald-200\/80,
  .detail43,
  .detail43 {
    border-color: color-mix(in srgb, oklch(90.5% .093 164.15) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent);
    }
  }
  .border-emerald-200\/90,
  .detail38,
  .route7,
  .detail38,
  .route7 {
    border-color: color-mix(in srgb, oklch(90.5% .093 164.15) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-200) 90%, transparent);
    }
  }
  .border-emerald-300,
  .detailStartEditingFinalBtn,
  .detailHalKuhaninSaArea,
  .detailHandlePrintSlipBtn,
  .routeHandoffNotesArea,
  .detailStartEditingFinalBtn,
  .detailHalKuhaninSaArea,
  .detailHandlePrintSlipBtn,
  .routeHandoffNotesArea,
  .detailCurrentStatusState {
    border-color: var(--color-emerald-300);
  }
  .border-emerald-300\/80,
  .detail45,
  .detail45 {
    border-color: color-mix(in srgb, oklch(84.5% .143 164.978) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-300) 80%, transparent);
    }
  }
  .border-emerald-400,
  .detail42,
  .detail42 {
    border-color: var(--color-emerald-400);
  }
  .border-emerald-500 {
    border-color: var(--color-emerald-500);
  }
  .border-emerald-500\/20,
  .headResultDocDirection {
    border-color: color-mix(in srgb, oklch(69.6% .17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
  .border-emerald-500\/25,
  .dash8,
  .dash8,
  .dashDocDirectionState {
    border-color: color-mix(in srgb, oklch(69.6% .17 162.48) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
    }
  }
  .border-emerald-500\/30,
  .dialog4,
  .dialog4 {
    border-color: color-mix(in srgb, oklch(69.6% .17 162.48) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }
  .border-indigo-200,
  .detailDirectionState3 {
    border-color: var(--color-indigo-200);
  }
  .border-indigo-300 {
    border-color: var(--color-indigo-300);
  }
  .border-orange-300 {
    border-color: var(--color-orange-300);
  }
  .border-purple-200,
  .detailPriorityState3 {
    border-color: var(--color-purple-200);
  }
  .border-purple-300 {
    border-color: var(--color-purple-300);
  }
  .border-purple-800 {
    border-color: var(--color-purple-800);
  }
  .border-rose-200,
  .detailPriorityState2 {
    border-color: var(--color-rose-200);
  }
  .border-rose-300,
  .appRouteDecision2Btn,
  .detailHandleDecision2Btn,
  .detailHandleDecision4Btn,
  .appRouteDecision2Btn,
  .detailHandleDecision2Btn,
  .detailHandleDecision4Btn {
    border-color: var(--color-rose-300);
  }
  .border-rose-500,
  .dashUrgentBanner,
  .dashUrgentBanner {
    border-color: var(--color-rose-500);
  }
  .border-rose-500\/20,
  .head143,
  .head143 {
    border-color: color-mix(in srgb, oklch(64.5% .246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }
  .border-rose-500\/25,
  .dashUrgentBanner,
  .dashUrgentBanner {
    border-color: color-mix(in srgb, oklch(64.5% .246 16.439) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent);
    }
  }
  .border-rose-500\/30,
  .dash312,
  .dialog7,
  .dash312,
  .dialog7 {
    border-color: color-mix(in srgb, oklch(64.5% .246 16.439) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
    }
  }
  .border-rose-700 {
    border-color: var(--color-rose-700);
  }
  .border-sky-200 {
    border-color: var(--color-sky-200);
  }
  .border-sky-300 {
    border-color: var(--color-sky-300);
  }
  .border-slate-100,
  .detail33,
  .detail52,
  .detail58,
  .dash40,
  .detail33,
  .detail52,
  .detail58,
  .dash40,
  .head25 {
    border-color: var(--color-slate-100);
  }
  .border-slate-200,
  .detail213,
  .detailViewTabsNav,
  .detail20,
  .detailHandleViewFileBtn,
  .detail29,
  .detailCopyNotesToBtn,
  .detail53,
  .detailHandleViewFileBtn3,
  .detailDetail2,
  .detailHandleClose2Btn,
  .route2,
  .dash9,
  .dashTr,
  .dashPrevPageBtn,
  .dash54,
  .dashDocFromCardBtn,
  .slipSlipBar,
  .slipSlipCustomize,
  .slipSlipPicker,
  .slip10,
  .head162,
  .detail213,
  .detailViewTabsNav,
  .detail20,
  .detailHandleViewFileBtn,
  .detail29,
  .detailCopyNotesToBtn,
  .detail53,
  .detailHandleViewFileBtn3,
  .detailDetail2,
  .detailHandleClose2Btn,
  .route2,
  .dash9,
  .dashTr,
  .dashPrevPageBtn,
  .dash54,
  .dashDocFromCardBtn,
  .slipSlipBar,
  .slipSlipCustomize,
  .slipSlipPicker,
  .slip10,
  .head162,
  .app24,
  .detailPriorityState4,
  .detailStageActiveState2,
  .detailStageActiveState3,
  .slipStyle,
  .slipOnBackBtn,
  .slipChooseRoutingSlipSelect,
  .slipSetBtn,
  .slip5,
  .slip6,
  .slipSelect,
  .slipEGOicInput,
  .slipInput,
  .slip2Input,
  .slip3Input,
  .slip4Input,
  .slip5Input,
  .slip232,
  .slip58,
  .slip59,
  .headEmit2Btn,
  .head26,
  .head252,
  .head27 {
    border-color: var(--color-slate-200);
  }
  .border-slate-200\/60,
  .detail24,
  .detail54,
  .detail24,
  .detail54 {
    border-color: color-mix(in srgb, oklch(92.9% .013 255.508) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
    }
  }
  .border-slate-200\/70,
  .detail18,
  .detail63,
  .detail18,
  .detail63 {
    border-color: color-mix(in srgb, oklch(92.9% .013 255.508) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
    }
  }
  .border-slate-200\/80,
  .detail11,
  .detailOverflowAnywhere2,
  .detail22,
  .detail26,
  .detail51,
  .detail61,
  .dash222,
  .dash26,
  .dashDashboardTxnsScroll,
  .dash332,
  .dash43,
  .dash50,
  .dash55,
  .dash58,
  .dash60,
  .head33,
  .head2,
  .detail11,
  .detailOverflowAnywhere2,
  .detail22,
  .detail26,
  .detail51,
  .detail61,
  .dash222,
  .dash26,
  .dashDashboardTxnsScroll,
  .dash332,
  .dash43,
  .dash50,
  .dash55,
  .dash58,
  .dash60,
  .head33,
  .head2,
  .headAppMain,
  .head262 {
    border-color: color-mix(in srgb, oklch(92.9% .013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .border-slate-200\/90,
  .detail7,
  .detailRecipientFlowNav,
  .detailFlowRecipientDetails,
  .detail57,
  .dashHeroCommandCard,
  .dashOnNavigateToBtn,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dashDashboardTxns,
  .dash42,
  .dash45,
  .detail7,
  .detailRecipientFlowNav,
  .detailFlowRecipientDetails,
  .detail57,
  .dashHeroCommandCard,
  .dashOnNavigateToBtn,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dashDashboardTxns,
  .dash42,
  .dash45,
  .head242 {
    border-color: color-mix(in srgb, oklch(92.9% .013 255.508) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 90%, transparent);
    }
  }
  .border-slate-300,
  .detail31,
  .detail32,
  .detailCancelEditingFinalBtn,
  .detail31,
  .detail32,
  .detailCancelEditingFinalBtn,
  .slip47,
  .slip50,
  .slip65,
  .slip67 {
    border-color: var(--color-slate-300);
  }
  .border-slate-400,
  .slip26,
  .slip322,
  .slip82 {
    border-color: var(--color-slate-400);
  }
  .border-slate-600,
  .headCurrentUserRole {
    border-color: var(--color-slate-600);
  }
  .border-slate-700,
  .head20,
  .head20 {
    border-color: var(--color-slate-700);
  }
  .border-slate-800,
  .head21,
  .head21 {
    border-color: var(--color-slate-800);
  }
  .border-slate-900,
  .slip24,
  .slip25,
  .slip30,
  .slip44,
  .slip722 {
    border-color: var(--color-slate-900);
  }
  .border-slate-950,
  .slip15,
  .slip16 {
    border-color: var(--color-slate-950);
  }
  .border-teal-200 {
    border-color: var(--color-teal-200);
  }
  .border-white,
  .detail232,
  .detail232 {
    border-color: var(--color-white);
  }
  .border-t-slate-400,
  .detail154,
  .detail154 {
    border-top-color: var(--color-slate-400);
  }
  .border-r-transparent,
  .detail154,
  .detail154 {
    border-right-color: transparent;
  }
  .border-l-emerald-500,
  .detail43,
  .detail43 {
    border-left-color: var(--color-emerald-500);
  }
  .border-l-transparent,
  .detail154,
  .detail154 {
    border-left-color: transparent;
  }
  .bg-\[color\:var\(--ui-soft\)\],
  .dialogRequestDefaultValueInput,
  .dialogRequestDefaultValueInput {
    background-color: var(--ui-soft);
  }
  .bg-\[color\:var\(--ui-surface\)\],
  .dialogStop,
  .dialogDismissBtn,
  .uiAutocompleteFieldArea,
  .uiAutocompleteField2,
  .modalStop,
  .dialogStop,
  .dialogDismissBtn,
  .uiAutocompleteFieldArea,
  .uiAutocompleteField2,
  .modalStop {
    background-color: var(--ui-surface);
  }
  .bg-amber-50,
  .detailCurrentStatusState2 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-50\/60,
  .slip65 {
    background-color: color-mix(in srgb, oklch(98.7% .022 95.277) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent);
    }
  }
  .bg-amber-50\/80,
  .detail12,
  .detail12 {
    background-color: color-mix(in srgb, oklch(98.7% .022 95.277) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);
    }
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-amber-200 {
    background-color: var(--color-amber-200);
  }
  .bg-amber-400,
  .detailCurrentStatusState5 {
    background-color: var(--color-amber-400);
  }
  .bg-amber-500,
  .dash152,
  .dash152,
  .detailCurrentStatusState8 {
    background-color: var(--color-amber-500);
  }
  .bg-amber-500\/10,
  .dash142,
  .dash162,
  .dash142,
  .dash162 {
    background-color: color-mix(in srgb, oklch(76.9% .188 70.08) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }
  .bg-amber-500\/15,
  .side33,
  .side33 {
    background-color: color-mix(in srgb, oklch(76.9% .188 70.08) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }
  .bg-black,
  .headSearchScanner,
  .headSearchScanner {
    background-color: var(--color-black);
  }
  .bg-blue-50,
  .detail73,
  .detail113,
  .dashOnDocBtn,
  .dash372,
  .mailModalBadgeIcon,
  .detail73,
  .detail113,
  .dashOnDocBtn,
  .dash372,
  .mailModalBadgeIcon,
  .detailCurrentStatusState3 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-50\/40,
  .detail48,
  .detail48 {
    background-color: color-mix(in srgb, oklch(97% .014 254.604) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent);
    }
  }
  .bg-blue-50\/50,
  .detailStageActiveState {
    background-color: color-mix(in srgb, oklch(97% .014 254.604) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
    }
  }
  .bg-blue-50\/70,
  .detailLabel,
  .detailLabel {
    background-color: color-mix(in srgb, oklch(97% .014 254.604) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 70%, transparent);
    }
  }
  .bg-blue-50\/80,
  .detailCopyTrackingNumberBtn,
  .detailCopyTrackingNumberBtn {
    background-color: color-mix(in srgb, oklch(97% .014 254.604) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 80%, transparent);
    }
  }
  .bg-blue-100,
  .detail68,
  .detail163,
  .detail203,
  .followSpan,
  .detail68,
  .detail163,
  .detail203,
  .followSpan {
    background-color: var(--color-blue-100);
  }
  .bg-blue-400,
  .detailCurrentStatusState6 {
    background-color: var(--color-blue-400);
  }
  .bg-blue-500,
  .detailCurrentStatusState9 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-500\/10,
  .dash7,
  .dash92,
  .dash213,
  .dash292,
  .dash7,
  .dash92,
  .dash213,
  .dash292,
  .dashDocDirectionState2,
  .headResultDocDirection2 {
    background-color: color-mix(in srgb, oklch(62.3% .214 259.815) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }
  .bg-blue-500\/15,
  .dashStyle,
  .dashStyle {
    background-color: color-mix(in srgb, oklch(62.3% .214 259.815) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
    }
  }
  .bg-blue-600,
  .dashOnDoc2Btn,
  .dashNextPageBtn,
  .dash392,
  .sideSpan,
  .dashOnDoc2Btn,
  .dashNextPageBtn,
  .dash392,
  .sideSpan,
  .detailStageActiveState4,
  .slipCreateSignatoryFormatBtn,
  .slip102 {
    background-color: var(--color-blue-600);
  }
  .bg-blue-600\/15,
  .detail83,
  .detail83 {
    background-color: color-mix(in srgb, oklch(54.6% .245 262.881) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-600) 15%, transparent);
    }
  }
  .bg-current,
  .dash352,
  .dash352 {
    background-color: currentcolor;
  }
  .bg-cyan-50 {
    background-color: var(--color-cyan-50);
  }
  .bg-cyan-500\/10,
  .dash3,
  .dash3 {
    background-color: color-mix(in srgb, oklch(71.5% .143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
  }
  .bg-emerald-50,
  .detailHandlePrintSlipBtn,
  .mailModalBadge2Icon,
  .detailHandlePrintSlipBtn,
  .mailModalBadge2Icon,
  .detailDirectionState2,
  .detailCurrentStatusState,
  .head233 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-50\/70,
  .detail36,
  .detail38,
  .route7,
  .detail36,
  .detail38,
  .route7 {
    background-color: color-mix(in srgb, oklch(97.9% .021 166.113) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 70%, transparent);
    }
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-emerald-100\/90,
  .detail42,
  .detail42 {
    background-color: color-mix(in srgb, oklch(95% .052 163.051) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-100) 90%, transparent);
    }
  }
  .bg-emerald-400,
  .dash212,
  .dash212,
  .detailCurrentStatusState4 {
    background-color: var(--color-emerald-400);
  }
  .bg-emerald-500,
  .dash311,
  .headSystemOnline,
  .dash311,
  .headSystemOnline,
  .detailCurrentStatusState7,
  .head243 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-500\/10,
  .dash8,
  .dash172,
  .dash182,
  .dash8,
  .dash172,
  .dash182,
  .dashDocDirectionState,
  .dash214,
  .headResultDocDirection {
    background-color: color-mix(in srgb, oklch(69.6% .17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }
  .bg-emerald-600,
  .appRouteDecisionBtn,
  .detailHandleDecisionBtn,
  .detailSaveFinalNotesBtn,
  .detailHandleDecision3Btn,
  .route9,
  .dashReapproveFromCardBtn,
  .headHandleInstallAppBtn,
  .appRouteDecisionBtn,
  .detailHandleDecisionBtn,
  .detailSaveFinalNotesBtn,
  .detailHandleDecision3Btn,
  .route9,
  .dashReapproveFromCardBtn,
  .headHandleInstallAppBtn,
  .slipHandlePrintBtn {
    background-color: var(--color-emerald-600);
  }
  .bg-indigo-50,
  .detailDirectionState3 {
    background-color: var(--color-indigo-50);
  }
  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }
  .bg-indigo-500\/10,
  .dash2,
  .dash2 {
    background-color: color-mix(in srgb, oklch(58.5% .233 277.117) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
    }
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-purple-50,
  .detailPriorityState3 {
    background-color: var(--color-purple-50);
  }
  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-purple-900 {
    background-color: var(--color-purple-900);
  }
  .bg-rose-50,
  .detailHandleDecision4Btn,
  .detailHandleDecision4Btn,
  .detailPriorityState2,
  .head322 {
    background-color: var(--color-rose-50);
  }
  .bg-rose-100,
  .slipDeleteSignatoryFormatBtn {
    background-color: var(--color-rose-100);
  }
  .bg-rose-500,
  .head93,
  .head93,
  .head34 {
    background-color: var(--color-rose-500);
  }
  .bg-rose-500\/10,
  .dash192,
  .dash202,
  .head143,
  .dash192,
  .dash202,
  .head143,
  .dash323 {
    background-color: color-mix(in srgb, oklch(64.5% .246 16.439) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }
  .bg-rose-500\/15,
  .dash312,
  .dash312 {
    background-color: color-mix(in srgb, oklch(64.5% .246 16.439) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent);
    }
  }
  .bg-rose-600,
  .dash511,
  .dash62,
  .dashOnNavigateToBtn2,
  .dash511,
  .dash62,
  .dashOnNavigateToBtn2 {
    background-color: var(--color-rose-600);
  }
  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }
  .bg-sky-500\/10,
  .dash112,
  .dash112 {
    background-color: color-mix(in srgb, oklch(68.5% .169 237.323) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
    }
  }
  .bg-slate-50,
  .appStyle,
  .detail213,
  .appStyle,
  .detail213,
  .appAppShell2,
  .slip6,
  .slipInput,
  .slip2Input,
  .slip3Input,
  .slip4Input,
  .slip5Input {
    background-color: var(--color-slate-50);
  }
  .bg-slate-50\/40,
  .head19,
  .head19 {
    background-color: color-mix(in srgb, oklch(98.4% .003 247.858) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 40%, transparent);
    }
  }
  .bg-slate-50\/50,
  .detail20,
  .head1,
  .head13,
  .head15,
  .detail20,
  .head1,
  .head13,
  .head15,
  .slip45 {
    background-color: color-mix(in srgb, oklch(98.4% .003 247.858) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
    }
  }
  .bg-slate-50\/60,
  .detailOverflowAnywhere2,
  .detail18,
  .detail22,
  .detailOverflowAnywhere2,
  .detail18,
  .detail22,
  .detailStageActiveState2 {
    background-color: color-mix(in srgb, oklch(98.4% .003 247.858) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
    }
  }
  .bg-slate-50\/70,
  .detailDetail,
  .detail61,
  .detailDetail,
  .detail61 {
    background-color: color-mix(in srgb, oklch(98.4% .003 247.858) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
    }
  }
  .bg-slate-50\/80,
  .detail11,
  .detail29,
  .detail35,
  .dash54,
  .detail11,
  .detail29,
  .detail35,
  .dash54 {
    background-color: color-mix(in srgb, oklch(98.4% .003 247.858) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
    }
  }
  .bg-slate-50\/90,
  .dashTr,
  .dashTr {
    background-color: color-mix(in srgb, oklch(98.4% .003 247.858) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 90%, transparent);
    }
  }
  .bg-slate-100,
  .detail134,
  .detailHandleViewFileBtn2,
  .detail214,
  .detail223,
  .detailHandleClose2Btn,
  .route2,
  .dash222,
  .dash302,
  .dash332,
  .head33,
  .head4,
  .detail134,
  .detailHandleViewFileBtn2,
  .detail214,
  .detail223,
  .detailHandleClose2Btn,
  .route2,
  .dash222,
  .dash302,
  .dash332,
  .head33,
  .head4,
  .app232,
  .detailPriorityState4,
  .slipStyle,
  .slipOnBackBtn,
  .slipSetBtn,
  .head26 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-100\/80,
  .dash9,
  .dash9 {
    background-color: color-mix(in srgb, oklch(96.8% .007 247.896) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
    }
  }
  .bg-slate-100\/90,
  .dash29,
  .dash29 {
    background-color: color-mix(in srgb, oklch(96.8% .007 247.896) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-100) 90%, transparent);
    }
  }
  .bg-slate-200,
  .detailStageActiveState6 {
    background-color: var(--color-slate-200);
  }
  .bg-slate-200\/80,
  .detail511,
  .side3,
  .detail511,
  .side3 {
    background-color: color-mix(in srgb, oklch(92.9% .013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .bg-slate-300,
  .detail144,
  .detail144 {
    background-color: var(--color-slate-300);
  }
  .bg-slate-700,
  .headCurrentUserRole {
    background-color: var(--color-slate-700);
  }
  .bg-slate-800,
  .headBtn,
  .headBtn,
  .detailStageActiveState5 {
    background-color: var(--color-slate-800);
  }
  .bg-slate-900,
  .head20,
  .head20 {
    background-color: var(--color-slate-900);
  }
  .bg-slate-950\/45,
  .modalStyle,
  .modalStyle {
    background-color: color-mix(in srgb, oklch(12.9% .042 264.695) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 45%, transparent);
    }
  }
  .bg-slate-950\/60,
  .appMobileSidebarBackdrop,
  .head152,
  .dialogDismiss,
  .appMobileSidebarBackdrop,
  .head152,
  .dialogDismiss {
    background-color: color-mix(in srgb, oklch(12.9% .042 264.695) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 60%, transparent);
    }
  }
  .bg-slate-950\/65,
  .dash41,
  .dash41 {
    background-color: color-mix(in srgb, oklch(12.9% .042 264.695) 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 65%, transparent);
    }
  }
  .bg-slate-950\/80,
  .head192,
  .head192 {
    background-color: color-mix(in srgb, oklch(12.9% .042 264.695) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
    }
  }
  .bg-slate-950\/90 {
    background-color: color-mix(in srgb, oklch(12.9% .042 264.695) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 90%, transparent);
    }
  }
  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }
  .bg-transparent,
  .detailStageActiveState3 {
    background-color: transparent;
  }
  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-violet-500\/10,
  .dash122,
  .dash132,
  .dash122,
  .dash132 {
    background-color: color-mix(in srgb, oklch(60.6% .25 292.717) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
    }
  }
  .bg-white,
  .app1,
  .app15,
  .detailDetailPanel,
  .detail7,
  .detailHandleDecision2Btn,
  .detailHandleViewFileBtn,
  .detail26,
  .detailRecipientFlowNav,
  .detailFlowRecipientDetails,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailHalKuhaninSaArea,
  .detailCancelEditingFinalBtn,
  .detail51,
  .detail57,
  .detail63,
  .detailHandleViewFileBtn3,
  .routeHandoffNotesArea,
  .dashOnNavigateToBtn,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dashDashboardTxns,
  .dash42,
  .dash58,
  .slipSlipBar,
  .slipSlipCustomize,
  .slipSlipPicker,
  .slipSlipCanvas,
  .headBrandLogo,
  .head162,
  .app1,
  .app15,
  .detailDetailPanel,
  .detail7,
  .detailHandleDecision2Btn,
  .detailHandleViewFileBtn,
  .detail26,
  .detailRecipientFlowNav,
  .detailFlowRecipientDetails,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailHalKuhaninSaArea,
  .detailCancelEditingFinalBtn,
  .detail51,
  .detail57,
  .detail63,
  .detailHandleViewFileBtn3,
  .routeHandoffNotesArea,
  .dashOnNavigateToBtn,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dashDashboardTxns,
  .dash42,
  .dash58,
  .slipSlipBar,
  .slipSlipCustomize,
  .slipSlipPicker,
  .slipSlipCanvas,
  .headBrandLogo,
  .head162,
  .slipChooseRoutingSlipSelect,
  .slipSelect,
  .slipEGOicInput,
  .slip232,
  .headEmit2Btn,
  .head27 {
    background-color: var(--color-white);
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/60,
  .detail45,
  .detail45 {
    background-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .bg-white\/80,
  .dashHeroCommandCard,
  .dashHeroCommandCard {
    background-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-white\/85,
  .headAppMain {
    background-color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .bg-white\/95,
  .detail43,
  .detailDetail2,
  .head2,
  .dialog4,
  .dialog7,
  .detail43,
  .detailDetail2,
  .head2,
  .dialog4,
  .dialog7,
  .head242 {
    background-color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .bg-gradient-to-br,
  .slip11,
  .head10,
  .head122,
  .side6,
  .slip11,
  .head10,
  .head122,
  .side6 {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r,
  .detailHandleOpenRouteBtn,
  .dash411,
  .dashOnOpenCreateBtn,
  .dashUrgentBanner,
  .dash14,
  .dash18,
  .dash19,
  .dash20,
  .dash21,
  .dash22,
  .dialogAcceptBtn,
  .detailHandleOpenRouteBtn,
  .dash411,
  .dashOnOpenCreateBtn,
  .dashUrgentBanner,
  .dash14,
  .dash18,
  .dash19,
  .dash20,
  .dash21,
  .dash22,
  .dialogAcceptBtn,
  .appApp {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(90deg\,\#2563eb\,\#6366f1\)\] {
    background-image:
      linear-gradient(
        90deg,
        #2563eb,
        #6366f1);
  }
  .from-amber-400,
  .dash20,
  .dash20 {
    --tw-gradient-from: var(--color-amber-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-500 {
    --tw-gradient-from: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-500,
  .dash14,
  .slip11,
  .dash14,
  .slip11 {
    --tw-gradient-from: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-600,
  .detailHandleOpenRouteBtn,
  .dash411,
  .dashOnOpenCreateBtn,
  .head10,
  .head122,
  .side6,
  .dialogAcceptBtn,
  .detailHandleOpenRouteBtn,
  .dash411,
  .dashOnOpenCreateBtn,
  .head10,
  .head122,
  .side6,
  .dialogAcceptBtn {
    --tw-gradient-from: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-400,
  .dash21,
  .dash21 {
    --tw-gradient-from: var(--color-emerald-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-500 {
    --tw-gradient-from: var(--color-emerald-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-purple-500 {
    --tw-gradient-from: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-500,
  .dash22,
  .dash22 {
    --tw-gradient-from: var(--color-rose-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-500\/15,
  .dashUrgentBanner,
  .dashUrgentBanner {
    --tw-gradient-from: color-mix(in srgb, oklch(64.5% .246 16.439) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-500) 15%, transparent) ;
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-400,
  .dash18,
  .dash18 {
    --tw-gradient-from: var(--color-sky-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-500 {
    --tw-gradient-from: var(--color-sky-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-500 {
    --tw-gradient-from: var(--color-slate-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-900,
  .appApp {
    --tw-gradient-from: var(--color-slate-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-500,
  .dash19,
  .dash19 {
    --tw-gradient-from: var(--color-violet-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-blue-950,
  .appApp {
    --tw-gradient-via: var(--color-blue-950);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-indigo-600,
  .dash411,
  .dashOnOpenCreateBtn,
  .dash411,
  .dashOnOpenCreateBtn {
    --tw-gradient-via: var(--color-indigo-600);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-rose-500\/5,
  .dashUrgentBanner,
  .dashUrgentBanner {
    --tw-gradient-via: color-mix(in srgb, oklch(64.5% .246 16.439) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-rose-500) 5%, transparent) ;
    }
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-blue-500,
  .dash18,
  .dash18 {
    --tw-gradient-to: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-700,
  .dashOnOpenCreateBtn,
  .dashOnOpenCreateBtn {
    --tw-gradient-to: var(--color-blue-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-500,
  .dash411,
  .dash411 {
    --tw-gradient-to: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-600,
  .detailHandleOpenRouteBtn,
  .dash14,
  .slip11,
  .head10,
  .head122,
  .side6,
  .dialogAcceptBtn,
  .detailHandleOpenRouteBtn,
  .dash14,
  .slip11,
  .head10,
  .head122,
  .side6,
  .dialogAcceptBtn {
    --tw-gradient-to: var(--color-indigo-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-500,
  .dash20,
  .dash20 {
    --tw-gradient-to: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-500,
  .dash22,
  .dash22 {
    --tw-gradient-to: var(--color-pink-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-600,
  .dash19,
  .dash19 {
    --tw-gradient-to: var(--color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-600 {
    --tw-gradient-to: var(--color-slate-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-900,
  .appApp {
    --tw-gradient-to: var(--color-slate-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-500,
  .dash21,
  .dash21 {
    --tw-gradient-to: var(--color-teal-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent,
  .dashUrgentBanner,
  .dashUrgentBanner {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-500 {
    --tw-gradient-to: var(--color-violet-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-clip-text,
  .dash411,
  .dash411 {
    background-clip: text;
  }
  .object-contain,
  .appStartupLogoImg,
  .appStartupLogoImg,
  .slipImg {
    object-fit: contain;
  }
  .object-cover,
  .headImg,
  .headImg2,
  .headImg1,
  .sideImg,
  .headImg,
  .headImg2,
  .headImg1,
  .sideImg {
    object-fit: cover;
  }
  .p-0,
  .appUl,
  .detailTxnProgressOl,
  .headP,
  .head23,
  .appUl,
  .detailTxnProgressOl,
  .headP,
  .head23 {
    padding: 0;
  }
  .p-0\.5,
  .dash29,
  .headBrandLogo,
  .dialogClearSuccessBtn,
  .dash29,
  .headBrandLogo,
  .dialogClearSuccessBtn {
    padding: calc(var(--spacing) * .5);
  }
  .p-1,
  .route2,
  .modal2,
  .route2,
  .modal2,
  .slip232,
  .slip332,
  .slip36,
  .slip39,
  .slip65 {
    padding: var(--spacing);
  }
  .p-1\.5,
  .app3,
  .headCloseUserStatusBtn,
  .headCloseScannerBtn,
  .app3,
  .headCloseUserStatusBtn,
  .headCloseScannerBtn,
  .slip27,
  .slip64 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2,
  .app5,
  .app14,
  .app15,
  .detail51,
  .detail54,
  .detail63,
  .dashSetBtn,
  .dash58,
  .app5,
  .app14,
  .app15,
  .detail51,
  .detail54,
  .detail63,
  .dashSetBtn,
  .dash58,
  .slipOnBackBtn,
  .slipSelect,
  .slipEGOicInput,
  .slipInput,
  .slip2Input,
  .slip3Input,
  .slip4Input,
  .slip5Input,
  .slip45,
  .slip51 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5,
  .app16,
  .detailLi1,
  .detail35,
  .detailHalKuhaninSaArea,
  .dash54,
  .app16,
  .detailLi1,
  .detail35,
  .detailHalKuhaninSaArea,
  .dash54,
  .slip15 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3,
  .detail11,
  .detail12,
  .detail18,
  .detail22,
  .detail36,
  .detail43,
  .detail45,
  .detail48,
  .detail53,
  .detail61,
  .routeHandoffNotesArea,
  .head19,
  .detail11,
  .detail12,
  .detail18,
  .detail22,
  .detail36,
  .detail43,
  .detail45,
  .detail48,
  .detail53,
  .detail61,
  .routeHandoffNotesArea,
  .head19,
  .slip6 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5,
  .detail26,
  .detail38,
  .detail26,
  .detail38 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4,
  .detailShell,
  .detailDetail,
  .detail7,
  .detailOverflowAnywhere2,
  .detailRecipientFlowNav,
  .detailFlowRecipientDetails,
  .detail57,
  .routeRouteModalScroll,
  .route7,
  .dashUrgentBanner,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dash41,
  .slipSlipBar,
  .slipSlipPicker,
  .slip13,
  .slipSlipCanvas,
  .head152,
  .head172,
  .head192,
  .dialogDismiss,
  .detailShell,
  .detailDetail,
  .detail7,
  .detailOverflowAnywhere2,
  .detailRecipientFlowNav,
  .detailFlowRecipientDetails,
  .detail57,
  .routeRouteModalScroll,
  .route7,
  .dashUrgentBanner,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashWorkload,
  .dash41,
  .slipSlipBar,
  .slipSlipPicker,
  .slip13,
  .slipSlipCanvas,
  .head152,
  .head172,
  .head192,
  .dialogDismiss {
    padding: calc(var(--spacing) * 4);
  }
  .p-4\.5,
  .dash45,
  .dash45 {
    padding: calc(var(--spacing) * 4.5);
  }
  .p-5,
  .dashHeroCommandCard,
  .dashDashboardTxns,
  .dash44,
  .slipSlipCustomize,
  .head22,
  .dashHeroCommandCard,
  .dashDashboardTxns,
  .dash44,
  .slipSlipCustomize,
  .head22 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6,
  .detail20,
  .dialogStop,
  .detail20,
  .dialogStop {
    padding: calc(var(--spacing) * 6);
  }
  .p-7,
  .head3,
  .head3 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8,
  .slipStyle {
    padding: calc(var(--spacing) * 8);
  }
  .px-0\.5,
  .head63,
  .head63 {
    padding-inline: calc(var(--spacing) * .5);
  }
  .px-1,
  .dash26,
  .dash312,
  .dash26,
  .dash312 {
    padding-inline: var(--spacing);
  }
  .px-1\.5,
  .detail511,
  .detail68,
  .detail83,
  .detail242,
  .dash132,
  .dash162,
  .dash182,
  .dash202,
  .followSpan,
  .head33,
  .side33,
  .detail511,
  .detail68,
  .detail83,
  .detail242,
  .dash132,
  .dash162,
  .dash182,
  .dash202,
  .followSpan,
  .head33,
  .side33,
  .slip24,
  .slip31,
  .slip41,
  .slip72,
  .slip82,
  .slip92 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2,
  .detail1,
  .detail213,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailCancelEditingFinalBtn,
  .detail203,
  .detailHandleViewFileBtn2,
  .detail214,
  .detailHandleViewFileBtn3,
  .dash62,
  .dash302,
  .dashOnDocBtn,
  .dash110,
  .dash372,
  .dash1,
  .head111,
  .head83,
  .head124,
  .head142,
  .head134,
  .sideNav,
  .detail1,
  .detail213,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailCancelEditingFinalBtn,
  .detail203,
  .detailHandleViewFileBtn2,
  .detail214,
  .detailHandleViewFileBtn3,
  .dash62,
  .dash302,
  .dashOnDocBtn,
  .dash110,
  .dash372,
  .dash1,
  .head111,
  .head83,
  .head124,
  .head142,
  .head134,
  .sideNav {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5,
  .detailCopyTrackingNumberBtn,
  .detail123,
  .detailLabel,
  .detailHandleViewFileBtn,
  .detail134,
  .detail163,
  .detail42,
  .detailSaveFinalNotesBtn,
  .dash8,
  .dash9,
  .dash332,
  .dash342,
  .sideP,
  .detailCopyTrackingNumberBtn,
  .detail123,
  .detailLabel,
  .detailHandleViewFileBtn,
  .detail134,
  .detail163,
  .detail42,
  .detailSaveFinalNotesBtn,
  .dash8,
  .dash9,
  .dash332,
  .dash342,
  .sideP {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3,
  .appRouteDecisionBtn,
  .appRouteDecision2Btn,
  .appCloseRoutingActionBtn2,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detail29,
  .detail223,
  .dash7,
  .dash222,
  .dashOnDoc2Btn,
  .dashPrevPageBtn,
  .headLogoutActionBtn,
  .head143,
  .sideStyle,
  .uiAutocompleteFieldArea,
  .uiAutocompleteFieldBtn,
  .appRouteDecisionBtn,
  .appRouteDecision2Btn,
  .appCloseRoutingActionBtn2,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detail29,
  .detail223,
  .dash7,
  .dash222,
  .dashOnDoc2Btn,
  .dashPrevPageBtn,
  .headLogoutActionBtn,
  .head143,
  .sideStyle,
  .uiAutocompleteFieldArea,
  .uiAutocompleteFieldBtn,
  .slipChooseRoutingSlipSelect {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5,
  .appOpenPopupFileBtn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .dashTh,
  .dashTh2,
  .dashTd2,
  .dashTxnTitleColumn,
  .dashTxnOriginColumn,
  .dashTd3,
  .dashNextPageBtn,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .dialogRequestDefaultValueInput,
  .appOpenPopupFileBtn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .dashTh,
  .dashTh2,
  .dashTd2,
  .dashTxnTitleColumn,
  .dashTxnOriginColumn,
  .dashTd3,
  .dashNextPageBtn,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .dialogRequestDefaultValueInput {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4,
  .detailTabBtnBtn,
  .detailDetail2,
  .detailHandleClose2Btn,
  .detailHandleOpenRouteBtn,
  .dashOnNavigateToBtn,
  .dashOnNavigateToBtn2,
  .dashTd,
  .head1,
  .head13,
  .head15,
  .headHandleInstallAppBtn,
  .head16,
  .head17,
  .dialogDismissBtn,
  .dialog4,
  .dialog7,
  .detailTabBtnBtn,
  .detailDetail2,
  .detailHandleClose2Btn,
  .detailHandleOpenRouteBtn,
  .dashOnNavigateToBtn,
  .dashOnNavigateToBtn2,
  .dashTd,
  .head1,
  .head13,
  .head15,
  .headHandleInstallAppBtn,
  .head16,
  .head17,
  .dialogDismissBtn,
  .dialog4,
  .dialog7,
  .appApp,
  .slipSetBtn,
  .slipHandlePrintBtn,
  .slipCreateSignatoryFormatBtn,
  .headAppMain {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-4\.5,
  .dashOnOpenCreateBtn,
  .dashOnOpenCreateBtn {
    padding-inline: calc(var(--spacing) * 4.5);
  }
  .px-5,
  .head18,
  .head21,
  .dialogAcceptBtn,
  .head18,
  .head21,
  .dialogAcceptBtn {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6,
  .dash43,
  .dash43 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0\.5,
  .detail1,
  .detail213,
  .detail123,
  .detail134,
  .detail163,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detail203,
  .detail214,
  .detail242,
  .detailHandleViewFileBtn3,
  .dash302,
  .dashOnDocBtn,
  .dash110,
  .dash342,
  .dash372,
  .followSpan,
  .head33,
  .head111,
  .head83,
  .head124,
  .detail1,
  .detail213,
  .detail123,
  .detail134,
  .detail163,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detail203,
  .detail214,
  .detail242,
  .detailHandleViewFileBtn3,
  .dash302,
  .dashOnDocBtn,
  .dash110,
  .dash342,
  .dash372,
  .followSpan,
  .head33,
  .head111,
  .head83,
  .head124,
  .slip31 {
    padding-block: calc(var(--spacing) * .5);
  }
  .py-1,
  .app82,
  .detailCopyTrackingNumberBtn,
  .detailCancelEditingFinalBtn,
  .detailSaveFinalNotesBtn,
  .detailHandleViewFileBtn2,
  .detail223,
  .dash7,
  .dash8,
  .dash9,
  .dash222,
  .dash332,
  .dash1,
  .head134,
  .sideP,
  .app82,
  .detailCopyTrackingNumberBtn,
  .detailCancelEditingFinalBtn,
  .detailSaveFinalNotesBtn,
  .detailHandleViewFileBtn2,
  .detail223,
  .dash7,
  .dash8,
  .dash9,
  .dash222,
  .dash332,
  .dash1,
  .head134,
  .sideP,
  .slip24,
  .slip72,
  .slip82,
  .slip92,
  .slip58,
  .slip59 {
    padding-block: var(--spacing);
  }
  .py-1\.5,
  .appLi1,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detail29,
  .detail42,
  .dashOnDoc2Btn,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .head142,
  .appLi1,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detail29,
  .detail42,
  .dashOnDoc2Btn,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .head142 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2,
  .app13,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .dashOnNavigateToBtn2,
  .headViewAllResultsBtn2,
  .head14,
  .headHandleInstallAppBtn,
  .head17,
  .headLogoutActionBtn,
  .head143,
  .sideStyle,
  .dialogDismissBtn,
  .dialogAcceptBtn,
  .uiAutocompleteFieldArea,
  .app13,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .dashOnNavigateToBtn2,
  .headViewAllResultsBtn2,
  .head14,
  .headHandleInstallAppBtn,
  .head17,
  .headLogoutActionBtn,
  .head143,
  .sideStyle,
  .dialogDismissBtn,
  .dialogAcceptBtn,
  .uiAutocompleteFieldArea,
  .slip41 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5,
  .appOpenPopupFileBtn,
  .detailTabBtnBtn,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .head1,
  .head13,
  .headBtn,
  .dialogRequestDefaultValueInput,
  .uiAutocompleteFieldBtn,
  .appOpenPopupFileBtn,
  .detailTabBtnBtn,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .head1,
  .head13,
  .headBtn,
  .dialogRequestDefaultValueInput,
  .uiAutocompleteFieldBtn,
  .slipChooseRoutingSlipSelect,
  .slipSetBtn,
  .slipHandlePrintBtn,
  .slipCreateSignatoryFormatBtn {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3,
  .detailDetail2,
  .dashTh,
  .dashTh2,
  .head15,
  .head16,
  .sideNav,
  .modal2,
  .detailDetail2,
  .dashTh,
  .dashTh2,
  .head15,
  .head16,
  .sideNav,
  .modal2 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5,
  .dashTd2,
  .dashTxnTitleColumn,
  .dashTxnOriginColumn,
  .dashTd3,
  .head21,
  .dialog4,
  .dialog7,
  .dashTd2,
  .dashTxnTitleColumn,
  .dashTxnOriginColumn,
  .dashTd3,
  .head21,
  .dialog4,
  .dialog7 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4,
  .dash43,
  .head18,
  .dash43,
  .head18 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-12,
  .detail56,
  .dashTd,
  .dash61,
  .detail56,
  .dashTd,
  .dash61 {
    padding-block: calc(var(--spacing) * 12);
  }
  .pt-0\.5,
  .detail46,
  .detail46,
  .slip19,
  .slip422,
  .slip48 {
    padding-top: calc(var(--spacing) * .5);
  }
  .pt-1,
  .slip49,
  .slip66,
  .slip71 {
    padding-top: var(--spacing);
  }
  .pt-1\.5,
  .detail52,
  .detail52 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2,
  .detail24,
  .dash25,
  .detail24,
  .dash25,
  .slip68 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3,
  .dash40,
  .dash50,
  .dash60,
  .dash40,
  .dash50,
  .dash60 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pr-4,
  .slip722 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-24,
  .headGlobalSearchInput,
  .headGlobalSearchInput {
    padding-right: calc(var(--spacing) * 24);
  }
  .pb-0\.5,
  .slip47,
  .slip50 {
    padding-bottom: calc(var(--spacing) * .5);
  }
  .pb-1,
  .dash25,
  .dash25 {
    padding-bottom: var(--spacing);
  }
  .pb-1\.5,
  .dash55,
  .dash55 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2,
  .dash32,
  .dash32,
  .slip5,
  .slip16 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3,
  .detail33,
  .detail58,
  .slip10,
  .detail33,
  .detail58,
  .slip10 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pl-0\.5,
  .slip48 {
    padding-left: calc(var(--spacing) * .5);
  }
  .pl-1,
  .detail60,
  .detail60 {
    padding-left: var(--spacing);
  }
  .pl-4,
  .slip71 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5,
  .slip58,
  .slip59 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6,
  .dash53,
  .dash53 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-8,
  .usersUaMatrixFeature,
  .usersUaMatrixFeature {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-9,
  .headGlobalSearchInput,
  .headGlobalSearchInput {
    padding-left: calc(var(--spacing) * 9);
  }
  .text-center,
  .detail20,
  .detail29,
  .detail45,
  .detail56,
  .dash31,
  .dashTd,
  .dash61,
  .slip13,
  .head3,
  .headViewAllResultsBtn2,
  .head15,
  .head17,
  .dialog2,
  .detail20,
  .detail29,
  .detail45,
  .detail56,
  .dash31,
  .dashTd,
  .dash61,
  .slip13,
  .head3,
  .headViewAllResultsBtn2,
  .head15,
  .head17,
  .dialog2,
  .slipStyle,
  .slip17,
  .slip232,
  .slip24,
  .slip332 {
    text-align: center;
  }
  .text-left,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashDashboardTxnsTable,
  .dash45,
  .headLogoutActionBtn,
  .sideBlgfSidebarLabel,
  .side7,
  .uiAutocompleteFieldBtn,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashDashboardTxnsTable,
  .dash45,
  .headLogoutActionBtn,
  .sideBlgfSidebarLabel,
  .side7,
  .uiAutocompleteFieldBtn {
    text-align: left;
  }
  .text-right,
  .dashTh2,
  .dashTd3,
  .usersUaThActions,
  .dashTh2,
  .dashTd3,
  .usersUaThActions {
    text-align: right;
  }
  .align-middle,
  .followNoticesOutlineIcon,
  .followNoticesOutlineIcon {
    vertical-align: middle;
  }
  .font-mono,
  .app32,
  .detailCopyTrackingNumberBtn,
  .detailOverflowAnywhereDd,
  .routeReviewVal,
  .dash82,
  .dashOnDocBtn,
  .dash372,
  .dash402,
  .head53,
  .app32,
  .detailCopyTrackingNumberBtn,
  .detailOverflowAnywhereDd,
  .routeReviewVal,
  .dash82,
  .dashOnDocBtn,
  .dash372,
  .dash402,
  .head53,
  .slipInput,
  .slip232,
  .slip42,
  .slip52,
  .slip38,
  .slip82,
  .slip61 {
    font-family: var(--font-mono);
  }
  .font-sans,
  .appAppShell1,
  .slipSlipCanvas,
  .appAppShell1,
  .slipSlipCanvas,
  .slip19,
  .slip21,
  .slip24,
  .slip25,
  .slip44,
  .slip68 {
    font-family: var(--font-sans);
  }
  .font-serif,
  .slip17,
  .slip722 {
    font-family: var(--font-serif);
  }
  .text-2xl,
  .appCloseRoutingActionBtn,
  .routeTextIcon,
  .routeCloudUploadOutlineIcon,
  .dashH1,
  .dash16,
  .appCloseRoutingActionBtn,
  .routeTextIcon,
  .routeCloudUploadOutlineIcon,
  .dashH1,
  .dash16 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl,
  .dialogIcon,
  .dialogIcon {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base,
  .detailInfoCircleIcon,
  .detailAlertCircleIcon,
  .detailReaderOutlineIcon,
  .detailIcon,
  .detail82,
  .detail92,
  .detail102,
  .detail210,
  .detailTextIcon,
  .routePaperPlaneIcon,
  .routeCheckmarkDoneCircleIcon,
  .routeH4,
  .routeShieldCheckmarkIcon,
  .routeReloadIcon,
  .dashPendingDocumentsTitle,
  .slipSearch2Icon,
  .headSearchIcon,
  .dialogCloseIcon,
  .detailInfoCircleIcon,
  .detailAlertCircleIcon,
  .detailReaderOutlineIcon,
  .detailIcon,
  .detail82,
  .detail92,
  .detail102,
  .detail210,
  .detailTextIcon,
  .routePaperPlaneIcon,
  .routeCheckmarkDoneCircleIcon,
  .routeH4,
  .routeShieldCheckmarkIcon,
  .routeReloadIcon,
  .dashPendingDocumentsTitle,
  .slipSearch2Icon,
  .headSearchIcon,
  .dialogCloseIcon,
  .slipH2 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg,
  .routeAlertCircleIcon,
  .routePeopleIcon,
  .headMenuIcon,
  .routeAlertCircleIcon,
  .routePeopleIcon,
  .headMenuIcon {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm,
  .appOpenPopupFileBtn,
  .detailTextOutlineIcon,
  .detailP,
  .detail112,
  .detailLocationOutlineIcon,
  .detailAttachIcon,
  .routeSendOutlineIcon,
  .dashH4,
  .dashH3,
  .dash210,
  .slipTextIcon,
  .slipOutlineIcon,
  .slipCheckmarkIcon,
  .head122,
  .head92,
  .headH2,
  .headH3,
  .sideSettingsOutlineIcon,
  .dialogRequestDefaultValueInput,
  .uiAutocompleteFieldBtn,
  .appOpenPopupFileBtn,
  .detailTextOutlineIcon,
  .detailP,
  .detail112,
  .detailLocationOutlineIcon,
  .detailAttachIcon,
  .routeSendOutlineIcon,
  .dashH4,
  .dashH3,
  .dash210,
  .slipTextIcon,
  .slipOutlineIcon,
  .slipCheckmarkIcon,
  .head122,
  .head92,
  .headH2,
  .headH3,
  .sideSettingsOutlineIcon,
  .dialogRequestDefaultValueInput,
  .uiAutocompleteFieldBtn,
  .slipP,
  .slipChooseRoutingSlipSelect,
  .slipSetBtn,
  .slipHandlePrintBtn,
  .slipCreateSignatoryFormatBtn {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl,
  .app12,
  .detailCloseIcon,
  .detailOverflowAnywhere,
  .routeCheckmarkDoneIcon,
  .slipAlertCircleOutlineIcon,
  .headSearch2Icon,
  .dialogCheckmarkCircleIcon,
  .dialogAlertCircleIcon,
  .app12,
  .detailCloseIcon,
  .detailOverflowAnywhere,
  .routeCheckmarkDoneIcon,
  .slipAlertCircleOutlineIcon,
  .headSearch2Icon,
  .dialogCheckmarkCircleIcon,
  .dialogAlertCircleIcon {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs,
  .detailCopyTrackingNumberBtn,
  .detail5,
  .detailTabBtnBtn,
  .detailH3,
  .detailSetActiveTabBtn,
  .detailArrowForwardIcon,
  .detail93,
  .detail11,
  .detail12,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detailOverflowAnywhere2,
  .detailOverflowAnywhereDd,
  .detailOverflowAnywhereDd2,
  .detailOverflowAnywhereDd3,
  .detailLabel,
  .detail410,
  .detail67,
  .detail122,
  .detail173,
  .detail132,
  .detailDd,
  .detail37,
  .detail152,
  .detail40,
  .detailCheckmarkOutlineIcon,
  .detail42,
  .detail43,
  .detail45,
  .detailHalKuhaninSaArea,
  .detailSyncOutlineIcon,
  .detailH4,
  .detail182,
  .detail192,
  .detail223,
  .detail202,
  .detail60,
  .detailAttach2Icon,
  .detail65,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .route22,
  .route32,
  .route23,
  .route33,
  .routeBusinessIcon,
  .route72,
  .routeLabel,
  .routeHandoffNotesArea,
  .route53,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dashP,
  .dashOnNavigateToBtn2,
  .dash222,
  .dash252,
  .dash272,
  .dash310,
  .dashOnNavigateToBtn3,
  .dashDashboardTxnsTable,
  .dashTd,
  .dashOnDocSelect,
  .dashOnDoc2Btn,
  .dash40,
  .dash510,
  .dash372,
  .dash47,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .dash61,
  .slipLabel3,
  .slip13,
  .slipCandidateArrowIcon,
  .head32,
  .headViewAllResultsBtn,
  .head73,
  .headViewAllResultsBtn2,
  .head10,
  .head103,
  .head14,
  .headHandleInstallAppBtn,
  .head113,
  .head110,
  .head123,
  .headBtn,
  .side6,
  .side22,
  .dialogDismissBtn,
  .dialogAcceptBtn,
  .dialog4,
  .dialog7,
  .detailCopyTrackingNumberBtn,
  .detail5,
  .detailTabBtnBtn,
  .detailH3,
  .detailSetActiveTabBtn,
  .detailArrowForwardIcon,
  .detail93,
  .detail11,
  .detail12,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detailOverflowAnywhere2,
  .detailOverflowAnywhereDd,
  .detailOverflowAnywhereDd2,
  .detailOverflowAnywhereDd3,
  .detailLabel,
  .detail410,
  .detail67,
  .detail122,
  .detail173,
  .detail132,
  .detailDd,
  .detail37,
  .detail152,
  .detail40,
  .detailCheckmarkOutlineIcon,
  .detail42,
  .detail43,
  .detail45,
  .detailHalKuhaninSaArea,
  .detailSyncOutlineIcon,
  .detailH4,
  .detail182,
  .detail192,
  .detail223,
  .detail202,
  .detail60,
  .detailAttach2Icon,
  .detail65,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .detailHandleOpenRouteBtn,
  .route22,
  .route32,
  .route23,
  .route33,
  .routeBusinessIcon,
  .route72,
  .routeLabel,
  .routeHandoffNotesArea,
  .route53,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dashP,
  .dashOnNavigateToBtn2,
  .dash222,
  .dash252,
  .dash272,
  .dash310,
  .dashOnNavigateToBtn3,
  .dashDashboardTxnsTable,
  .dashTd,
  .dashOnDocSelect,
  .dashOnDoc2Btn,
  .dash40,
  .dash510,
  .dash372,
  .dash47,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .dash61,
  .slipLabel3,
  .slip13,
  .slipCandidateArrowIcon,
  .head32,
  .headViewAllResultsBtn,
  .head73,
  .headViewAllResultsBtn2,
  .head10,
  .head103,
  .head14,
  .headHandleInstallAppBtn,
  .head113,
  .head110,
  .head123,
  .headBtn,
  .side6,
  .side22,
  .dialogDismissBtn,
  .dialogAcceptBtn,
  .dialog4,
  .dialog7,
  .slip23,
  .slipH3,
  .slipSelect,
  .slipEGOicInput,
  .slip8 {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[7px\],
  .slip102 {
    font-size: 7px;
  }
  .text-\[8\.5px\],
  .dash312,
  .dash312 {
    font-size: 8.5px;
  }
  .text-\[8px\],
  .dash392,
  .dash392,
  .slip232,
  .slip24 {
    font-size: 8px;
  }
  .text-\[9\.5px\],
  .dash262,
  .dash282,
  .dash110,
  .head62,
  .head83,
  .head93,
  .side33,
  .dash262,
  .dash282,
  .dash110,
  .head62,
  .head83,
  .head93,
  .side33,
  .slip61,
  .slip122 {
    font-size: 9.5px;
  }
  .text-\[9px\],
  .detail83,
  .dash62,
  .dash132,
  .dash162,
  .dash182,
  .dash202,
  .dash402,
  .dash422,
  .head111,
  .head182,
  .detail83,
  .dash62,
  .dash132,
  .dash162,
  .dash182,
  .dash202,
  .dash402,
  .dash422,
  .head111,
  .head182 {
    font-size: 9px;
  }
  .text-\[10\.5px\],
  .detail103,
  .detailDt,
  .detail72,
  .detailDt2,
  .detail44,
  .detail47,
  .detail252,
  .detailHandleViewFileBtn3,
  .dash7,
  .dash332,
  .dash49,
  .dash53,
  .head43,
  .head82,
  .head112,
  .side32,
  .detail103,
  .detailDt,
  .detail72,
  .detailDt2,
  .detail44,
  .detail47,
  .detail252,
  .detailHandleViewFileBtn3,
  .dash7,
  .dash332,
  .dash49,
  .dash53,
  .head43,
  .head82,
  .head112,
  .side32,
  .slip44,
  .slip522,
  .slip56,
  .slip57,
  .slip64,
  .slip132 {
    font-size: 10.5px;
  }
  .text-\[10px\],
  .detailSpan,
  .detail511,
  .detail68,
  .detail153,
  .detail124,
  .detail163,
  .detail203,
  .detail172,
  .detail214,
  .detail242,
  .dash8,
  .dash9,
  .dash15,
  .dash17,
  .dash242,
  .dash302,
  .dashTr,
  .dash36,
  .dash39,
  .dash342,
  .dash382,
  .dash51,
  .dashStrong6,
  .slipSpan,
  .followSpan,
  .head23,
  .head33,
  .head124,
  .head17,
  .head134,
  .head133,
  .sideP,
  .detailSpan,
  .detail511,
  .detail68,
  .detail153,
  .detail124,
  .detail163,
  .detail203,
  .detail172,
  .detail214,
  .detail242,
  .dash8,
  .dash9,
  .dash15,
  .dash17,
  .dash242,
  .dash302,
  .dashTr,
  .dash36,
  .dash39,
  .dash342,
  .dash382,
  .dash51,
  .dashStrong6,
  .slipSpan,
  .followSpan,
  .head23,
  .head33,
  .head124,
  .head17,
  .head134,
  .head133,
  .sideP,
  .appApp,
  .slip18,
  .slip28,
  .slip58,
  .slip622,
  .slip63 {
    font-size: 10px;
  }
  .text-\[11\.5px\],
  .detail63,
  .detail63,
  .slip29,
  .slip38,
  .slip40 {
    font-size: 11.5px;
  }
  .text-\[11px\],
  .detail1,
  .detail213,
  .detail123,
  .detail310,
  .detail510,
  .detailHandleViewFileBtn,
  .detail134,
  .detail142,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailStartEditingFinalBtn2,
  .detailCancelEditingFinalBtn,
  .detailSaveFinalNotesBtn,
  .detailHandleViewFileBtn2,
  .detail222,
  .route42,
  .route52,
  .route62,
  .route11,
  .dash211,
  .dashClearSearchBtn,
  .dashOnDocBtn,
  .dash35,
  .dash38,
  .dash48,
  .slip3,
  .head42,
  .head53,
  .head52,
  .head72,
  .head102,
  .head143,
  .side23,
  .detail1,
  .detail213,
  .detail123,
  .detail310,
  .detail510,
  .detailHandleViewFileBtn,
  .detail134,
  .detail142,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detailStartEditingFinalBtn2,
  .detailCancelEditingFinalBtn,
  .detailSaveFinalNotesBtn,
  .detailHandleViewFileBtn2,
  .detail222,
  .route42,
  .route52,
  .route62,
  .route11,
  .dash211,
  .dashClearSearchBtn,
  .dashOnDocBtn,
  .dash35,
  .dash38,
  .dash48,
  .slip3,
  .head42,
  .head53,
  .head52,
  .head72,
  .head102,
  .head143,
  .side23,
  .slipLabel,
  .slip20,
  .slip25,
  .slip34,
  .slip37,
  .slip422,
  .slip47,
  .slip50,
  .slip70,
  .slip73 {
    font-size: 11px;
  }
  .text-\[12px\],
  .slip33,
  .slip42,
  .slip35 {
    font-size: 12px;
  }
  .text-\[13px\],
  .app22,
  .app72,
  .headP,
  .app22,
  .app72,
  .headP,
  .slip21,
  .slip722 {
    font-size: 13px;
  }
  .text-\[14\.5px\],
  .dialog2,
  .dialog2 {
    font-size: 14.5px;
  }
  .text-\[14px\],
  .appP,
  .app82,
  .uiAutocompleteFieldArea,
  .appP,
  .app82,
  .uiAutocompleteFieldArea,
  .slip52 {
    font-size: 14px;
  }
  .text-\[15px\],
  .app32,
  .app42,
  .app62,
  .appRouteDecisionBtn,
  .appRouteDecision2Btn,
  .appCloseRoutingActionBtn2,
  .app32,
  .app42,
  .app62,
  .appRouteDecisionBtn,
  .appRouteDecision2Btn,
  .appCloseRoutingActionBtn2,
  .slip19 {
    font-size: 15px;
  }
  .text-\[16px\],
  .app52,
  .app2,
  .app52,
  .app2 {
    font-size: 16px;
  }
  .text-\[17px\],
  .slip43 {
    font-size: 17px;
  }
  .text-\[20px\],
  .appRoutingPopupTitle,
  .appH3,
  .appRoutingPopupTitle,
  .appH3 {
    font-size: 20px;
  }
  .leading-4,
  .slip58 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5,
  .slip43 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-none,
  .slip28,
  .slip34,
  .slip37,
  .slip102 {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed,
  .appH3,
  .detail211,
  .detailOverflowAnywhere2,
  .detail43,
  .slip3,
  .dialog2,
  .dialog6,
  .appH3,
  .detail211,
  .detailOverflowAnywhere2,
  .detail43,
  .slip3,
  .dialog2,
  .dialog6 {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug,
  .app62,
  .app62 {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight,
  .appRoutingPopupTitle,
  .detailOverflowAnywhere,
  .route32,
  .route42,
  .route52,
  .dashH1,
  .dashH3,
  .headP,
  .head23,
  .appRoutingPopupTitle,
  .detailOverflowAnywhere,
  .route32,
  .route42,
  .route52,
  .dashH1,
  .dashH3,
  .headP,
  .head23,
  .slip18,
  .slip19,
  .slip20,
  .slip232,
  .slip24,
  .slip29,
  .slip35,
  .slip38,
  .slip40 {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-black,
  .detailCopyTrackingNumberBtn,
  .detail123,
  .detailOverflowAnywhere,
  .detailH3,
  .detail153,
  .detail83,
  .detailOverflowAnywhereDd,
  .detail124,
  .detail82,
  .detail92,
  .detail102,
  .detail163,
  .detail203,
  .detail242,
  .route32,
  .dashH1,
  .dash62,
  .dash15,
  .dash16,
  .dashStrong,
  .dash252,
  .dash302,
  .dashTr,
  .dash312,
  .dash332,
  .dash372,
  .dash51,
  .dash392,
  .slipLabel3,
  .headP,
  .detailCopyTrackingNumberBtn,
  .detail123,
  .detailOverflowAnywhere,
  .detailH3,
  .detail153,
  .detail83,
  .detailOverflowAnywhereDd,
  .detail124,
  .detail82,
  .detail92,
  .detail102,
  .detail163,
  .detail203,
  .detail242,
  .route32,
  .dashH1,
  .dash62,
  .dash15,
  .dash16,
  .dashStrong,
  .dash252,
  .dash302,
  .dashTr,
  .dash312,
  .dash332,
  .dash372,
  .dash51,
  .dash392,
  .slipLabel3,
  .headP,
  .slip19,
  .slip21,
  .slip24,
  .slip52,
  .slip47,
  .slip50,
  .slip102,
  .slip722 {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold,
  .app12,
  .appRoutingPopupTitle,
  .appRouteDecisionBtn,
  .appRouteDecision2Btn,
  .appCloseRoutingActionBtn2,
  .detail213,
  .detailTabBtnBtn,
  .detailSetActiveTabBtn,
  .detail93,
  .detailStrong4,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detailDt,
  .detailOverflowAnywhereDd2,
  .detailOverflowAnywhereDd3,
  .detailLabel,
  .detail410,
  .detail67,
  .detailHandleViewFileBtn,
  .detail134,
  .detail122,
  .detail173,
  .detailDt2,
  .detail37,
  .detailCopyNotesToBtn,
  .detail183,
  .detailStartEditingFinalBtn,
  .detail42,
  .detailStartEditingFinalBtn2,
  .detailSaveFinalNotesBtn,
  .detailH4,
  .detailHandleViewFileBtn2,
  .detail214,
  .detail182,
  .detailHandleViewFileBtn3,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .routeP,
  .route23,
  .routeLabel,
  .dash9,
  .dashOnNavigateToBtn,
  .dash72,
  .dash82,
  .dash132,
  .dash162,
  .dash182,
  .dash202,
  .dash222,
  .dash262,
  .dash410,
  .dashClearSearchBtn,
  .dashOnDocSelect,
  .dash36,
  .dash37,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .dash55,
  .dash422,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .slipSpan,
  .followSpan,
  .head32,
  .headViewAllResultsBtn,
  .head73,
  .head83,
  .headViewAllResultsBtn2,
  .head10,
  .head103,
  .headHandleInstallAppBtn,
  .head82,
  .head122,
  .head92,
  .head124,
  .head113,
  .head110,
  .head123,
  .head143,
  .headBtn,
  .side22,
  .dialogDismissBtn,
  .dialogAcceptBtn,
  .app12,
  .appRoutingPopupTitle,
  .appRouteDecisionBtn,
  .appRouteDecision2Btn,
  .appCloseRoutingActionBtn2,
  .detail213,
  .detailTabBtnBtn,
  .detailSetActiveTabBtn,
  .detail93,
  .detailStrong4,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detailDt,
  .detailOverflowAnywhereDd2,
  .detailOverflowAnywhereDd3,
  .detailLabel,
  .detail410,
  .detail67,
  .detailHandleViewFileBtn,
  .detail134,
  .detail122,
  .detail173,
  .detailDt2,
  .detail37,
  .detailCopyNotesToBtn,
  .detail183,
  .detailStartEditingFinalBtn,
  .detail42,
  .detailStartEditingFinalBtn2,
  .detailSaveFinalNotesBtn,
  .detailH4,
  .detailHandleViewFileBtn2,
  .detail214,
  .detail182,
  .detailHandleViewFileBtn3,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision3Btn,
  .detailHandleDecision4Btn,
  .routeP,
  .route23,
  .routeLabel,
  .dash9,
  .dashOnNavigateToBtn,
  .dash72,
  .dash82,
  .dash132,
  .dash162,
  .dash182,
  .dash202,
  .dash222,
  .dash262,
  .dash410,
  .dashClearSearchBtn,
  .dashOnDocSelect,
  .dash36,
  .dash37,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .dash55,
  .dash422,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .slipSpan,
  .followSpan,
  .head32,
  .headViewAllResultsBtn,
  .head73,
  .head83,
  .headViewAllResultsBtn2,
  .head10,
  .head103,
  .headHandleInstallAppBtn,
  .head82,
  .head122,
  .head92,
  .head124,
  .head113,
  .head110,
  .head123,
  .head143,
  .headBtn,
  .side22,
  .dialogDismissBtn,
  .dialogAcceptBtn,
  .slipChooseRoutingSlipSelect,
  .slipSetBtn,
  .slipHandlePrintBtn,
  .slipLabel,
  .slipSelect,
  .slipCreateSignatoryFormatBtn,
  .slipLabel2,
  .slipInput,
  .slip4Input,
  .slip5Input,
  .slip20,
  .slip29,
  .slip42,
  .slip35,
  .slip40,
  .slip422,
  .slip43,
  .slip72,
  .slip56,
  .slip60,
  .slip122,
  .slip70,
  .slip73 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold,
  .detailSpan,
  .detail1,
  .detail511,
  .detail68,
  .detailP,
  .detailStrong3,
  .detail112,
  .detail210,
  .detail40,
  .detail223,
  .detailHandleOpenRouteBtn,
  .routeH4,
  .dash7,
  .dash8,
  .dashOnOpenCreateBtn,
  .dashH4,
  .dashOnNavigateToBtn2,
  .dashH3,
  .dash272,
  .dash210,
  .dashOnNavigateToBtn3,
  .dashOnDocBtn,
  .dash110,
  .dash342,
  .dashOnDoc2Btn,
  .dashPendingDocumentsTitle,
  .dash382,
  .dash47,
  .head43,
  .head53,
  .head111,
  .head93,
  .head72,
  .headH2,
  .head134,
  .head182,
  .headH3,
  .side23,
  .sideP,
  .side33,
  .side6,
  .detailSpan,
  .detail1,
  .detail511,
  .detail68,
  .detailP,
  .detailStrong3,
  .detail112,
  .detail210,
  .detail40,
  .detail223,
  .detailHandleOpenRouteBtn,
  .routeH4,
  .dash7,
  .dash8,
  .dashOnOpenCreateBtn,
  .dashH4,
  .dashOnNavigateToBtn2,
  .dashH3,
  .dash272,
  .dash210,
  .dashOnNavigateToBtn3,
  .dashOnDocBtn,
  .dash110,
  .dash342,
  .dashOnDoc2Btn,
  .dashPendingDocumentsTitle,
  .dash382,
  .dash47,
  .head43,
  .head53,
  .head111,
  .head93,
  .head72,
  .headH2,
  .head134,
  .head182,
  .headH3,
  .side23,
  .sideP,
  .side33,
  .side6,
  .slipH2,
  .slipH3 {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium,
  .detail211,
  .detailOverflowAnywhere2,
  .detailDd,
  .detail44,
  .detail162,
  .detailHalKuhaninSaArea,
  .detail202,
  .detail252,
  .detail212,
  .route42,
  .route52,
  .routeHandoffNotesArea,
  .route11,
  .dashP,
  .dash282,
  .dash38,
  .dash49,
  .dash402,
  .head17,
  .detail211,
  .detailOverflowAnywhere2,
  .detailDd,
  .detail44,
  .detail162,
  .detailHalKuhaninSaArea,
  .detail202,
  .detail252,
  .detail212,
  .route42,
  .route52,
  .routeHandoffNotesArea,
  .route11,
  .dashP,
  .dash282,
  .dash38,
  .dash49,
  .dash402,
  .head17,
  .appApp,
  .slip23,
  .slip58,
  .slip132 {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal,
  .route53,
  .route53 {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold,
  .appH3,
  .app52,
  .app2,
  .app62,
  .detail43,
  .detailCancelEditingFinalBtn,
  .dash102,
  .dash362,
  .follow2,
  .head23,
  .head33,
  .head62,
  .dialog2,
  .dialog4,
  .dialog7,
  .appH3,
  .app52,
  .app2,
  .app62,
  .detail43,
  .detailCancelEditingFinalBtn,
  .dash102,
  .dash362,
  .follow2,
  .head23,
  .head33,
  .head62,
  .dialog2,
  .dialog4,
  .dialog7,
  .slipP,
  .slip2Input,
  .slip28,
  .slip33,
  .slip92,
  .slip622 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.05em\],
  .headP,
  .headP {
    --tw-tracking: .05em;
    letter-spacing: .05em;
  }
  .tracking-\[0\.14em\],
  .side23,
  .sideP,
  .side23,
  .sideP {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }
  .tracking-tight,
  .detailOverflowAnywhere,
  .dashH1,
  .dash16,
  .detailOverflowAnywhere,
  .dashH1,
  .dash16,
  .slip29,
  .slip422,
  .slip70 {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide,
  .detail242,
  .head23,
  .detail242,
  .head23 {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider,
  .detail1,
  .detail123,
  .detailH3,
  .detailDt,
  .detail124,
  .detail163,
  .detailDt2,
  .detail40,
  .detailH4,
  .route32,
  .route23,
  .dash7,
  .dash62,
  .dash15,
  .dash272,
  .dashTr,
  .dash51,
  .slipLabel3,
  .head43,
  .head72,
  .detail1,
  .detail123,
  .detailH3,
  .detailDt,
  .detail124,
  .detail163,
  .detailDt2,
  .detail40,
  .detailH4,
  .route32,
  .route23,
  .dash7,
  .dash62,
  .dash15,
  .dash272,
  .dashTr,
  .dash51,
  .slipLabel3,
  .head43,
  .head72,
  .slipH3,
  .slip52,
  .slip47,
  .slip50,
  .slip56 {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .break-words,
  .app32,
  .appH3,
  .app42,
  .app52,
  .app62,
  .app32,
  .appH3,
  .app42,
  .app52,
  .app62,
  .slip29,
  .slip43 {
    overflow-wrap: break-word;
  }
  .whitespace-normal,
  .slip29 {
    white-space: normal;
  }
  .whitespace-pre-wrap,
  .detailOverflowAnywhere2,
  .detailDd,
  .detail43,
  .dialog2,
  .dialog6,
  .detailOverflowAnywhere2,
  .detailDd,
  .detail43,
  .dialog2,
  .dialog6,
  .slip43,
  .slip58 {
    white-space: pre-wrap;
  }
  .text-\[color\:var\(--ui-text\)\],
  .dialog2,
  .dialogDismissBtn,
  .uiAutocompleteFieldArea,
  .uiAutocompleteFieldBtn,
  .dialog2,
  .dialogDismissBtn,
  .uiAutocompleteFieldArea,
  .uiAutocompleteFieldBtn {
    color: var(--ui-text);
  }
  .text-amber-400,
  .head1Icon {
    color: var(--color-amber-400);
  }
  .text-amber-500,
  .mailSm5Icon,
  .mailSm5Icon {
    color: var(--color-amber-500);
  }
  .text-amber-600,
  .detailAlertCircleIcon,
  .dash142,
  .dash162,
  .dash36,
  .dashStrong7,
  .head62,
  .detailAlertCircleIcon,
  .dash142,
  .dash162,
  .dash36,
  .dashStrong7,
  .head62 {
    color: var(--color-amber-600);
  }
  .text-amber-700,
  .side33,
  .side33 {
    color: var(--color-amber-700);
  }
  .text-amber-800,
  .detailCurrentStatusState2,
  .slip622 {
    color: var(--color-amber-800);
  }
  .text-amber-900,
  .detail12,
  .detail12 {
    color: var(--color-amber-900);
  }
  .text-blue-400,
  .headScanIcon,
  .headScanIcon {
    color: var(--color-blue-400);
  }
  .text-blue-500,
  .detailAttach2Icon,
  .routeCloudUploadOutlineIcon,
  .dashBriefcaseOutlineIcon,
  .mailSmIcon,
  .detailAttach2Icon,
  .routeCloudUploadOutlineIcon,
  .dashBriefcaseOutlineIcon,
  .mailSmIcon {
    color: var(--color-blue-500);
  }
  .text-blue-600,
  .appArrowForwardCircleIcon,
  .detailStrong2,
  .detail73,
  .detailSetActiveTabBtn,
  .detailInfoCircleIcon,
  .detailOverflowAnywhereDd3,
  .detail113,
  .detail102,
  .detailAttachIcon,
  .detailTextIcon,
  .routePeopleIcon,
  .routeShieldCheckmarkIcon,
  .dashShieldCheckmarkIcon,
  .dash92,
  .dash213,
  .dash292,
  .dashOnNavigateToBtn3,
  .dashClearSearchBtn,
  .dashOnDocBtn,
  .dash372,
  .slipSpan,
  .slipTextIcon,
  .slipCheckmarkIcon,
  .mailModalBadgeIcon,
  .headViewAllResultsBtn,
  .head53,
  .headViewAllResultsBtn2,
  .appArrowForwardCircleIcon,
  .detailStrong2,
  .detail73,
  .detailSetActiveTabBtn,
  .detailInfoCircleIcon,
  .detailOverflowAnywhereDd3,
  .detail113,
  .detail102,
  .detailAttachIcon,
  .detailTextIcon,
  .routePeopleIcon,
  .routeShieldCheckmarkIcon,
  .dashShieldCheckmarkIcon,
  .dash92,
  .dash213,
  .dash292,
  .dashOnNavigateToBtn3,
  .dashClearSearchBtn,
  .dashOnDocBtn,
  .dash372,
  .slipSpan,
  .slipTextIcon,
  .slipCheckmarkIcon,
  .mailModalBadgeIcon,
  .headViewAllResultsBtn,
  .head53,
  .headViewAllResultsBtn2,
  .headUserIdState {
    color: var(--color-blue-600);
  }
  .text-blue-700,
  .detailCopyTrackingNumberBtn,
  .detail68,
  .detail83,
  .detailLabel,
  .dash7,
  .followSpan,
  .detailCopyTrackingNumberBtn,
  .detail68,
  .detail83,
  .detailLabel,
  .dash7,
  .followSpan,
  .dashDocDirectionState2,
  .headResultDocDirection2 {
    color: var(--color-blue-700);
  }
  .text-blue-800,
  .detail163,
  .detail203,
  .detail163,
  .detail203,
  .detailCurrentStatusState3 {
    color: var(--color-blue-800);
  }
  .text-cyan-700 {
    color: var(--color-cyan-700);
  }
  .text-emerald-500,
  .mailSm3Icon,
  .dialogCheckmarkCircleIcon,
  .mailSm3Icon,
  .dialogCheckmarkCircleIcon {
    color: var(--color-emerald-500);
  }
  .text-emerald-600,
  .appCheckmarkCircleIcon,
  .detailSpan,
  .detailLocationOutlineIcon,
  .detailCheckmarkOutlineIcon,
  .routeCheckmarkDoneCircleIcon,
  .dash172,
  .dash182,
  .dashStrong4,
  .mailModalBadge2Icon,
  .head82,
  .appCheckmarkCircleIcon,
  .detailSpan,
  .detailLocationOutlineIcon,
  .detailCheckmarkOutlineIcon,
  .routeCheckmarkDoneCircleIcon,
  .dash172,
  .dash182,
  .dashStrong4,
  .mailModalBadge2Icon,
  .head82,
  .headUserActiveState {
    color: var(--color-emerald-600);
  }
  .text-emerald-700,
  .detail183,
  .detailStartEditingFinalBtn2,
  .dash8,
  .detail183,
  .detailStartEditingFinalBtn2,
  .dash8,
  .detailDirectionState2,
  .dashDocDirectionState,
  .dash214,
  .headResultDocDirection,
  .head233 {
    color: var(--color-emerald-700);
  }
  .text-emerald-700\/80,
  .detail142,
  .route72,
  .detail142,
  .route72 {
    color: color-mix(in srgb, oklch(50.8% .118 165.612) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-700) 80%, transparent);
    }
  }
  .text-emerald-800,
  .detail37,
  .detailStartEditingFinalBtn,
  .detailHandlePrintSlipBtn,
  .route11,
  .detail37,
  .detailStartEditingFinalBtn,
  .detailHandlePrintSlipBtn,
  .route11,
  .detailCurrentStatusState {
    color: var(--color-emerald-800);
  }
  .text-emerald-800\/90,
  .detail44,
  .detail44 {
    color: color-mix(in srgb, oklch(43.2% .095 166.913) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-800) 90%, transparent);
    }
  }
  .text-emerald-900,
  .detail40,
  .detail42,
  .detail40,
  .detail42 {
    color: var(--color-emerald-900);
  }
  .text-emerald-950,
  .routeH4,
  .dialog4,
  .routeH4,
  .dialog4 {
    color: var(--color-emerald-950);
  }
  .text-indigo-500,
  .mailSm2Icon,
  .mailSm2Icon {
    color: var(--color-indigo-500);
  }
  .text-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-indigo-700,
  .detailDirectionState3 {
    color: var(--color-indigo-700);
  }
  .text-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-purple-100 {
    color: var(--color-purple-100);
  }
  .text-purple-700,
  .detailPriorityState3 {
    color: var(--color-purple-700);
  }
  .text-purple-800 {
    color: var(--color-purple-800);
  }
  .text-rose-300,
  .head143,
  .head143 {
    color: var(--color-rose-300);
  }
  .text-rose-500,
  .route43,
  .routeTextIcon,
  .dialogAlertCircleIcon,
  .route43,
  .routeTextIcon,
  .dialogAlertCircleIcon {
    color: var(--color-rose-500);
  }
  .text-rose-600,
  .appCloseCircleIcon,
  .appRouteDecision2Btn,
  .detailHandleDecision2Btn,
  .dash192,
  .dash202,
  .dash312,
  .usersUaFeatureTitle,
  .headLogoutActionBtn,
  .appCloseCircleIcon,
  .appRouteDecision2Btn,
  .detailHandleDecision2Btn,
  .dash192,
  .dash202,
  .dash312,
  .usersUaFeatureTitle,
  .headLogoutActionBtn,
  .headUserActiveState2 {
    color: var(--color-rose-600);
  }
  .text-rose-700,
  .detailHandleDecision4Btn,
  .detailHandleDecision4Btn,
  .detailPriorityState2,
  .dash323,
  .slipDeleteSignatoryFormatBtn,
  .head322 {
    color: var(--color-rose-700);
  }
  .text-rose-800 {
    color: var(--color-rose-800);
  }
  .text-rose-800\/90,
  .dashP,
  .dashP {
    color: color-mix(in srgb, oklch(45.5% .188 13.697) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-800) 90%, transparent);
    }
  }
  .text-rose-950,
  .dashH4,
  .dash72,
  .dialog7,
  .dashH4,
  .dash72,
  .dialog7 {
    color: var(--color-rose-950);
  }
  .text-sky-600,
  .dash112,
  .dash112 {
    color: var(--color-sky-600);
  }
  .text-sky-700 {
    color: var(--color-sky-700);
  }
  .text-slate-100 {
    color: var(--color-slate-100);
  }
  .text-slate-300,
  .detail411,
  .detailAttachOutlineIcon,
  .dashOpenOutlineIcon,
  .dashOpenOutline2Icon,
  .dashFileTrayOutlineIcon,
  .dashTextOutlineIcon,
  .slipAlertCircleOutlineIcon,
  .mailLgIcon,
  .detail411,
  .detailAttachOutlineIcon,
  .dashOpenOutlineIcon,
  .dashOpenOutline2Icon,
  .dashFileTrayOutlineIcon,
  .dashTextOutlineIcon,
  .slipAlertCircleOutlineIcon,
  .mailLgIcon,
  .appApp {
    color: var(--color-slate-300);
  }
  .text-slate-400,
  .detailHandleCloseBtn,
  .detailH3,
  .detailReaderOutlineIcon,
  .detailDt,
  .detail310,
  .detail510,
  .detail72,
  .detail124,
  .detailDt2,
  .detail193,
  .detail172,
  .detail56,
  .detail252,
  .route62,
  .dash102,
  .dash242,
  .dash262,
  .dash282,
  .dashTd,
  .dash39,
  .dashSetBtn,
  .dash402,
  .dash412,
  .dash61,
  .slipSearch2Icon,
  .slipClearSearchBtn,
  .slip13,
  .slipCandidateArrowIcon,
  .mailSm4Icon,
  .followTime,
  .headSpan,
  .head33,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head4,
  .head42,
  .headTextIcon,
  .headChevronDownIcon,
  .head102,
  .head17,
  .headCloseUserStatusBtn,
  .headCloseScannerBtn,
  .side23,
  .sideEmitBtn,
  .sideEmit2Btn,
  .sideP,
  .side32,
  .sideSettingsOutlineIcon,
  .dialogClearSuccessBtn,
  .detailHandleCloseBtn,
  .detailH3,
  .detailReaderOutlineIcon,
  .detailDt,
  .detail310,
  .detail510,
  .detail72,
  .detail124,
  .detailDt2,
  .detail193,
  .detail172,
  .detail56,
  .detail252,
  .route62,
  .dash102,
  .dash242,
  .dash262,
  .dash282,
  .dashTd,
  .dash39,
  .dashSetBtn,
  .dash402,
  .dash412,
  .dash61,
  .slipSearch2Icon,
  .slipClearSearchBtn,
  .slip13,
  .slipCandidateArrowIcon,
  .mailSm4Icon,
  .followTime,
  .headSpan,
  .head33,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .head4,
  .head42,
  .headTextIcon,
  .headChevronDownIcon,
  .head102,
  .head17,
  .headCloseUserStatusBtn,
  .headCloseScannerBtn,
  .side23,
  .sideEmitBtn,
  .sideEmit2Btn,
  .sideP,
  .side32,
  .sideSettingsOutlineIcon,
  .dialogClearSuccessBtn,
  .slipSquareOutlineIcon,
  .headUserIdState2 {
    color: var(--color-slate-400);
  }
  .text-slate-500,
  .appP,
  .appCloseRoutingActionBtn,
  .app22,
  .app72,
  .app82,
  .detail5,
  .detail173,
  .detail132,
  .detail45,
  .detail192,
  .detail222,
  .detail65,
  .route33,
  .route53,
  .dashPrintIcon,
  .dash15,
  .dash211,
  .dash232,
  .dash310,
  .dashTr,
  .dash35,
  .dash38,
  .dash362,
  .dash510,
  .dash382,
  .dash48,
  .dash49,
  .dash51,
  .dash59,
  .slip3,
  .mailSpan,
  .head23,
  .head43,
  .head52,
  .head112,
  .head133,
  .appP,
  .appCloseRoutingActionBtn,
  .app22,
  .app72,
  .app82,
  .detail5,
  .detail173,
  .detail132,
  .detail45,
  .detail192,
  .detail222,
  .detail65,
  .route33,
  .route53,
  .dashPrintIcon,
  .dash15,
  .dash211,
  .dash232,
  .dash310,
  .dashTr,
  .dash35,
  .dash38,
  .dash362,
  .dash510,
  .dash382,
  .dash48,
  .dash49,
  .dash51,
  .dash59,
  .slip3,
  .mailSpan,
  .head23,
  .head43,
  .head52,
  .head112,
  .head133,
  .detailStageActiveState6,
  .slip23,
  .slip28,
  .slip34,
  .slip37,
  .slip61,
  .slip64 {
    color: var(--color-slate-500);
  }
  .text-slate-600,
  .detail213,
  .detailTabBtnBtn,
  .detail214,
  .detail182,
  .detail63,
  .dash9,
  .dash302,
  .dash410,
  .dashTxnOriginColumn,
  .dash57,
  .follow3,
  .detail213,
  .detailTabBtnBtn,
  .detail214,
  .detail182,
  .detail63,
  .dash9,
  .dash302,
  .dash410,
  .dashTxnOriginColumn,
  .dash57,
  .follow3,
  .slipStyle,
  .slipPrintIcon,
  .slipCreateIcon,
  .slipColorPaletteIcon,
  .slipLabel,
  .slip4Input,
  .slip56,
  .head2Icon,
  .head26 {
    color: var(--color-slate-600);
  }
  .text-slate-700,
  .detailStrong,
  .detail511,
  .detail211,
  .detail410,
  .detailHandleViewFileBtn,
  .detail134,
  .detail152,
  .detailCopyNotesToBtn,
  .detailCancelEditingFinalBtn,
  .detailHandleViewFileBtn2,
  .detail223,
  .detail212,
  .detailHandleViewFileBtn3,
  .detailHandleClose2Btn,
  .route23,
  .routeLabel,
  .dashOnNavigateToBtn,
  .dash222,
  .dash332,
  .dashPrevPageBtn,
  .dash56,
  .dashDocFromCardBtn,
  .head32,
  .head103,
  .head72,
  .detailStrong,
  .detail511,
  .detail211,
  .detail410,
  .detailHandleViewFileBtn,
  .detail134,
  .detail152,
  .detailCopyNotesToBtn,
  .detailCancelEditingFinalBtn,
  .detailHandleViewFileBtn2,
  .detail223,
  .detail212,
  .detailHandleViewFileBtn3,
  .detailHandleClose2Btn,
  .route23,
  .routeLabel,
  .dashOnNavigateToBtn,
  .dash222,
  .dash332,
  .dashPrevPageBtn,
  .dash56,
  .dashDocFromCardBtn,
  .head32,
  .head103,
  .head72,
  .detailPriorityState4,
  .slipOnBackBtn,
  .slipLabel2,
  .slip82,
  .slip63,
  .slip73,
  .headEmit2Btn,
  .head27 {
    color: var(--color-slate-700);
  }
  .text-slate-800,
  .detailOverflowAnywhere2,
  .detail82,
  .detail92,
  .detail112,
  .detail122,
  .detailDd,
  .detail43,
  .detailHalKuhaninSaArea,
  .detailH4,
  .routeHandoffNotesArea,
  .dash272,
  .dashTbody,
  .dash37,
  .dashStrong2,
  .dash58,
  .slipLabel3,
  .follow2,
  .side22,
  .detailOverflowAnywhere2,
  .detail82,
  .detail92,
  .detail112,
  .detail122,
  .detailDd,
  .detail43,
  .detailHalKuhaninSaArea,
  .detailH4,
  .routeHandoffNotesArea,
  .dash272,
  .dashTbody,
  .dash37,
  .dashStrong2,
  .dash58,
  .slipLabel3,
  .follow2,
  .side22,
  .slipChooseRoutingSlipSelect,
  .slipSetBtn,
  .slip422,
  .slip92,
  .slip58,
  .slip65 {
    color: var(--color-slate-800);
  }
  .text-slate-900,
  .app1,
  .detailDetailPanel,
  .detailOverflowAnywhere,
  .detailP,
  .detail93,
  .detailStrong3,
  .detailOverflowAnywhereDd,
  .detailOverflowAnywhereDd2,
  .detail67,
  .detail210,
  .detailStrong5,
  .dashH1,
  .dash16,
  .dashH3,
  .dashStrong,
  .dash252,
  .dash210,
  .dashOnDocSelect,
  .dashPendingDocumentsTitle,
  .dash47,
  .dashStrong3,
  .slipSlipCanvas,
  .headP,
  .head73,
  .head92,
  .headH2,
  .head123,
  .app1,
  .detailDetailPanel,
  .detailOverflowAnywhere,
  .detailP,
  .detail93,
  .detailStrong3,
  .detailOverflowAnywhereDd,
  .detailOverflowAnywhereDd2,
  .detail67,
  .detail210,
  .detailStrong5,
  .dashH1,
  .dash16,
  .dashH3,
  .dashStrong,
  .dash252,
  .dash210,
  .dashOnDocSelect,
  .dashPendingDocumentsTitle,
  .dash47,
  .dashStrong3,
  .slipSlipCanvas,
  .headP,
  .head73,
  .head92,
  .headH2,
  .head123,
  .appAppShell2,
  .slipH2,
  .slipH3,
  .slipInput,
  .slip2Input,
  .slip3Input,
  .slip5Input,
  .slip17,
  .slip52,
  .slip40,
  .slip43,
  .slip47,
  .slip62,
  .slipCheckboxIcon,
  .slip50,
  .slip72,
  .slip60,
  .slip122,
  .slip70,
  .slip722 {
    color: var(--color-slate-900);
  }
  .text-teal-800 {
    color: var(--color-teal-800);
  }
  .text-transparent,
  .dash411,
  .dash411 {
    color: transparent;
  }
  .text-violet-600,
  .dash122,
  .dash132,
  .dash122,
  .dash132 {
    color: var(--color-violet-600);
  }
  .text-violet-800 {
    color: var(--color-violet-800);
  }
  .text-white,
  .appRouteDecisionBtn,
  .detailHandleDecisionBtn,
  .detailSaveFinalNotesBtn,
  .detailHandleDecision3Btn,
  .detailHandleOpenRouteBtn,
  .route9,
  .dashOnOpenCreateBtn,
  .dashAddCircleIcon,
  .dash511,
  .dash62,
  .dashOnNavigateToBtn2,
  .dashOnDoc2Btn,
  .dashNextPageBtn,
  .dash392,
  .dashReapproveFromCardBtn,
  .slip11,
  .head93,
  .head10,
  .headHandleInstallAppBtn,
  .head122,
  .headH3,
  .headBtn,
  .side6,
  .dialogAcceptBtn,
  .appRouteDecisionBtn,
  .detailHandleDecisionBtn,
  .detailSaveFinalNotesBtn,
  .detailHandleDecision3Btn,
  .detailHandleOpenRouteBtn,
  .route9,
  .dashOnOpenCreateBtn,
  .dashAddCircleIcon,
  .dash511,
  .dash62,
  .dashOnNavigateToBtn2,
  .dashOnDoc2Btn,
  .dashNextPageBtn,
  .dash392,
  .dashReapproveFromCardBtn,
  .slip11,
  .head93,
  .head10,
  .headHandleInstallAppBtn,
  .head122,
  .headH3,
  .headBtn,
  .side6,
  .dialogAcceptBtn,
  .detailStageActiveState4,
  .detailStageActiveState5,
  .slipHandlePrintBtn,
  .slipCreateSignatoryFormatBtn,
  .slip102,
  .headCurrentUserRole {
    color: var(--color-white);
  }
  .capitalize,
  .routeSpan,
  .slip2,
  .routeSpan,
  .slip2 {
    text-transform: capitalize;
  }
  .uppercase,
  .detail1,
  .detail123,
  .detailH3,
  .detail83,
  .detailDt,
  .detail124,
  .detail163,
  .detailDt2,
  .detail40,
  .detailH4,
  .detail242,
  .route32,
  .route23,
  .dash7,
  .dash62,
  .dash15,
  .dash272,
  .dashTr,
  .dash110,
  .dash51,
  .slipLabel3,
  .head43,
  .head72,
  .side23,
  .sideP,
  .detail1,
  .detail123,
  .detailH3,
  .detail83,
  .detailDt,
  .detail124,
  .detail163,
  .detailDt2,
  .detail40,
  .detailH4,
  .detail242,
  .route32,
  .route23,
  .dash7,
  .dash62,
  .dash15,
  .dash272,
  .dashTr,
  .dash110,
  .dash51,
  .slipLabel3,
  .head43,
  .head72,
  .side23,
  .sideP,
  .slipH3,
  .slip19,
  .slip20,
  .slip21,
  .slip24,
  .slip28,
  .slip29,
  .slip34,
  .slip422,
  .slip47,
  .slip50,
  .slip56,
  .slip122,
  .slip70,
  .slip722 {
    text-transform: uppercase;
  }
  .italic,
  .slip64 {
    font-style: italic;
  }
  .tabular-nums,
  .dash16,
  .dash252,
  .dash16,
  .dash252 {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .underline,
  .slip52,
  .slip35 {
    text-decoration-line: underline;
  }
  .antialiased,
  .appAppShell2 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60,
  .detailFingerPrintOutlineIcon,
  .detailTimeOutlineIcon,
  .detailFingerPrintOutlineIcon,
  .detailTimeOutlineIcon,
  .detailStageActiveState3 {
    opacity: 60%;
  }
  .opacity-70,
  .route42,
  .route42 {
    opacity: 70%;
  }
  .opacity-75,
  .detail133,
  .dash212,
  .detail133,
  .dash212 {
    opacity: 75%;
  }
  .opacity-85,
  .route52,
  .route52 {
    opacity: 85%;
  }
  .opacity-90,
  .route22,
  .route22 {
    opacity: 90%;
  }
  .shadow-2xl,
  .app1,
  .detailDetailPanel,
  .dash42,
  .head2,
  .head14,
  .head162,
  .head20,
  .dialogStop,
  .dialog4,
  .dialog7,
  .modalStop,
  .app1,
  .detailDetailPanel,
  .dash42,
  .head2,
  .head14,
  .head162,
  .head20,
  .dialogStop,
  .dialog4,
  .dialog7,
  .modalStop {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-2xs,
  .detailCopyTrackingNumberBtn,
  .detail73,
  .detailLabel,
  .detail22,
  .detail26,
  .detail29,
  .detail38,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detail43,
  .detailSaveFinalNotesBtn,
  .detail51,
  .detail61,
  .detailCopyTrackingNumberBtn,
  .detail73,
  .detailLabel,
  .detail22,
  .detail26,
  .detail29,
  .detail38,
  .detailCopyNotesToBtn,
  .detailStartEditingFinalBtn,
  .detail43,
  .detailSaveFinalNotesBtn,
  .detail51,
  .detail61 {
    --tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / .05));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-inner,
  .detailHalKuhaninSaArea,
  .routeHandoffNotesArea,
  .detailHalKuhaninSaArea,
  .routeHandoffNotesArea {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-md,
  .detailHandleOpenRouteBtn,
  .dashOnOpenCreateBtn,
  .dash511,
  .head122,
  .detailHandleOpenRouteBtn,
  .dashOnOpenCreateBtn,
  .dash511,
  .head122,
  .headShell2 {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-none,
  .appRouteDecisionBtn,
  .appRouteDecisionBtn {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-sm,
  .detailHandleDecision3Btn,
  .dashHeroCommandCard,
  .dashUrgentBanner,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashDashboardTxns,
  .dashReapproveFromCardBtn,
  .slipSlipCustomize,
  .slipSlipPicker,
  .slip11,
  .head93,
  .headHandleInstallAppBtn,
  .side6,
  .dialogAcceptBtn,
  .detailHandleDecision3Btn,
  .dashHeroCommandCard,
  .dashUrgentBanner,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dashDashboardTxns,
  .dashReapproveFromCardBtn,
  .slipSlipCustomize,
  .slipSlipPicker,
  .slip11,
  .head93,
  .headHandleInstallAppBtn,
  .side6,
  .dialogAcceptBtn {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-xl,
  .slipSlipCanvas,
  .uiAutocompleteField2,
  .slipSlipCanvas,
  .uiAutocompleteField2 {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-xs,
  .detail7,
  .detailHandleDecisionBtn,
  .detailRecipientFlowNav,
  .detailFlowRecipientDetails,
  .detail57,
  .detail232,
  .route7,
  .route9,
  .dashOnNavigateToBtn,
  .dashWorkload,
  .dashOnDoc2Btn,
  .dashNextPageBtn,
  .dash45,
  .slipSlipBar,
  .headBrandLogo,
  .headSystemOnline,
  .head10,
  .detail7,
  .detailHandleDecisionBtn,
  .detailRecipientFlowNav,
  .detailFlowRecipientDetails,
  .detail57,
  .detail232,
  .route7,
  .route9,
  .dashOnNavigateToBtn,
  .dashWorkload,
  .dashOnDoc2Btn,
  .dashNextPageBtn,
  .dash45,
  .slipSlipBar,
  .headBrandLogo,
  .headSystemOnline,
  .head10,
  .slipHandlePrintBtn,
  .headEmit2Btn {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring-1,
  .headBrandLogo,
  .head10,
  .headBrandLogo,
  .head10,
  .slip102 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring-2,
  .dash392,
  .headSystemOnline,
  .head122,
  .side6,
  .dash392,
  .headSystemOnline,
  .head122,
  .side6 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-blue-500\/20,
  .slip11,
  .slip11 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% .214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .shadow-blue-600\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(54.6% .245 262.881) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 10%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .shadow-blue-600\/20,
  .dashOnDoc2Btn,
  .dashOnDoc2Btn {
    --tw-shadow-color: color-mix(in srgb, oklch(54.6% .245 262.881) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 20%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .shadow-blue-600\/25,
  .detailHandleOpenRouteBtn,
  .dashOnOpenCreateBtn,
  .dialogAcceptBtn,
  .detailHandleOpenRouteBtn,
  .dashOnOpenCreateBtn,
  .dialogAcceptBtn {
    --tw-shadow-color: color-mix(in srgb, oklch(54.6% .245 262.881) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 25%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .shadow-emerald-600\/20,
  .headHandleInstallAppBtn,
  .headHandleInstallAppBtn {
    --tw-shadow-color: color-mix(in srgb, oklch(59.6% .145 163.225) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 20%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .shadow-rose-500\/40,
  .head93,
  .head93 {
    --tw-shadow-color: color-mix(in srgb, oklch(64.5% .246 16.439) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 40%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .shadow-rose-600\/30,
  .dash511,
  .dash511 {
    --tw-shadow-color: color-mix(in srgb, oklch(58.6% .253 17.585) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 30%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .shadow-slate-900\/5,
  .headShell2 {
    --tw-shadow-color: color-mix(in srgb, oklch(20.8% .042 265.755) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .shadow-slate-900\/10,
  .head242 {
    --tw-shadow-color: color-mix(in srgb, oklch(20.8% .042 265.755) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 10%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .shadow-slate-900\/15,
  .head2,
  .head2 {
    --tw-shadow-color: color-mix(in srgb, oklch(20.8% .042 265.755) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 15%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .ring-blue-500\/20,
  .head10,
  .head10 {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% .214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent) ;
    }
  }
  .ring-blue-600\/25 {
    --tw-ring-color: color-mix(in srgb, oklch(54.6% .245 262.881) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-600) 25%, transparent) ;
    }
  }
  .ring-slate-200,
  .headBrandLogo,
  .headBrandLogo {
    --tw-ring-color: var(--color-slate-200);
  }
  .ring-white,
  .dash392,
  .headSystemOnline,
  .head122,
  .side6,
  .dash392,
  .headSystemOnline,
  .head122,
  .side6,
  .slip102 {
    --tw-ring-color: var(--color-white);
  }
  .blur-3xl,
  .dashStyle,
  .dash2,
  .dash3,
  .dashStyle,
  .dash2,
  .dash3 {
    --tw-blur: blur(var(--blur-3xl));
    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,);
  }
  .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,);
  }
  .backdrop-blur,
  .detailDetail2,
  .detailDetail2 {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-md,
  .dashHeroCommandCard,
  .dash41,
  .dashHeroCommandCard,
  .dash41 {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm,
  .appMobileSidebarBackdrop,
  .dashUrgentBanner,
  .head152,
  .head192,
  .dialogDismiss,
  .modalStyle,
  .appMobileSidebarBackdrop,
  .dashUrgentBanner,
  .head152,
  .head192,
  .dialogDismiss,
  .modalStyle {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xl,
  .head2,
  .head14,
  .dialog4,
  .dialog7,
  .head2,
  .head14,
  .dialog4,
  .dialog7,
  .headAppMain {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition-all,
  .detailCopyTrackingNumberBtn,
  .detailLi1,
  .detailHandleDecision3Btn,
  .detailHandleOpenRouteBtn,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dashOnNavigateToBtn2,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dash30,
  .dashOnDoc2Btn,
  .dash41,
  .dash45,
  .headEmit1Btn,
  .head2,
  .dialogRequestDefaultValueInput,
  .dialogAcceptBtn,
  .dialog4,
  .dialog7,
  .detailCopyTrackingNumberBtn,
  .detailLi1,
  .detailHandleDecision3Btn,
  .detailHandleOpenRouteBtn,
  .dashOnOpenCreateBtn,
  .dashOnNavigateToBtn,
  .dashOnNavigateToBtn2,
  .dashKpiCardBtn,
  .dashKpiCard2Btn,
  .dashKpiCard3Btn,
  .dashKpiCard4Btn,
  .dashKpiCard5Btn,
  .dashKpiCard6Btn,
  .dash30,
  .dashOnDoc2Btn,
  .dash41,
  .dash45,
  .headEmit1Btn,
  .head2,
  .dialogRequestDefaultValueInput,
  .dialogAcceptBtn,
  .dialog4,
  .dialog7,
  .slipSetBtn,
  .slipHandlePrintBtn,
  .headShell1 {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors,
  .detailHandleCloseBtn,
  .detailSetActiveTabBtn,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detailLabel,
  .detail22,
  .detailHandleViewFileBtn,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision4Btn,
  .dashOpenOutlineIcon,
  .dashOpenOutline2Icon,
  .dash252,
  .dash29,
  .dash272,
  .dashOnNavigateToBtn3,
  .dashDashboardTxnRow,
  .dashOnDocBtn,
  .dashOnDocSelect,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .dashSetBtn,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .slipClearSearchBtn,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .headTextIcon,
  .head73,
  .headHandleInstallAppBtn,
  .headLogoutActionBtn,
  .headCloseUserStatusBtn,
  .headCloseScannerBtn,
  .headBtn,
  .sideEmitBtn,
  .sideEmit2Btn,
  .dialogDismissBtn,
  .dialogClearSuccessBtn,
  .detailHandleCloseBtn,
  .detailSetActiveTabBtn,
  .detailHandleDecisionBtn,
  .detailHandleDecision2Btn,
  .detailLabel,
  .detail22,
  .detailHandleViewFileBtn,
  .detailHandleClose2Btn,
  .detailHandlePrintSlipBtn,
  .detailHandleDecision4Btn,
  .dashOpenOutlineIcon,
  .dashOpenOutline2Icon,
  .dash252,
  .dash29,
  .dash272,
  .dashOnNavigateToBtn3,
  .dashDashboardTxnRow,
  .dashOnDocBtn,
  .dashOnDocSelect,
  .dashPrevPageBtn,
  .dashNextPageBtn,
  .dashSetBtn,
  .dashDocFromCardBtn,
  .dashReapproveFromCardBtn,
  .slipClearSearchBtn,
  .headOpenScannerBtn,
  .headClearSearchBtn,
  .headTextIcon,
  .head73,
  .headHandleInstallAppBtn,
  .headLogoutActionBtn,
  .headCloseUserStatusBtn,
  .headCloseScannerBtn,
  .headBtn,
  .sideEmitBtn,
  .sideEmit2Btn,
  .dialogDismissBtn,
  .dialogClearSuccessBtn,
  .slipOnBackBtn,
  .headAppMain {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform,
  .dash92,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash28,
  .dashArrowForward2Icon,
  .dash92,
  .dash112,
  .dash122,
  .dash142,
  .dash172,
  .dash192,
  .dash28,
  .dashArrowForward2Icon {
    transition-property:
      transform,
      translate,
      scale,
      rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }
  .duration-300,
  .dash30,
  .dash30,
  .headShell1 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }
  .outline-none,
  .dialogRequestDefaultValueInput,
  .uiAutocompleteFieldArea,
  .dialogRequestDefaultValueInput,
  .uiAutocompleteFieldArea {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  @media (hover: hover) {
    .group-hover\:translate-x-1:is(:where(.group):hover *),
    .dashArrowForward2Icon:is(:where(.group):hover *),
    .group-hover\:translate-x-1:is(:where(.dashKpiCardBtn):hover *),
    .group-hover\:translate-x-1:is(:where(.dashKpiCard2Btn):hover *),
    .group-hover\:translate-x-1:is(:where(.dashKpiCard3Btn):hover *),
    .group-hover\:translate-x-1:is(:where(.dashKpiCard4Btn):hover *),
    .group-hover\:translate-x-1:is(:where(.dashKpiCard5Btn):hover *),
    .group-hover\:translate-x-1:is(:where(.dashKpiCard6Btn):hover *),
    .group-hover\:translate-x-1:is(:where(.dashOnNavigateToBtn3):hover *),
    .group-hover\:translate-x-1:is(:where(.headSearchResultRowBtn):hover *),
    .dashArrowForward2Icon:is(:where(.group):hover *),
    .group-hover\:translate-x-1:is(:where(.dashKpiCardBtn):hover *),
    .group-hover\:translate-x-1:is(:where(.dashKpiCard2Btn):hover *),
    .group-hover\:translate-x-1:is(:where(.dashKpiCard3Btn):hover *),
    .group-hover\:translate-x-1:is(:where(.dashKpiCard4Btn):hover *),
    .group-hover\:translate-x-1:is(:where(.dashKpiCard5Btn):hover *),
    .group-hover\:translate-x-1:is(:where(.dashKpiCard6Btn):hover *),
    .group-hover\:translate-x-1:is(:where(.dashOnNavigateToBtn3):hover *),
    .group-hover\:translate-x-1:is(:where(.headSearchResultRowBtn):hover *) {
      --tw-translate-x: var(--spacing);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:scale-110:is(:where(.group):hover *),
    .dash92:is(:where(.group):hover *),
    .dash112:is(:where(.group):hover *),
    .dash122:is(:where(.group):hover *),
    .dash142:is(:where(.group):hover *),
    .dash172:is(:where(.group):hover *),
    .dash192:is(:where(.group):hover *),
    .group-hover\:scale-110:is(:where(.dashKpiCardBtn):hover *),
    .group-hover\:scale-110:is(:where(.dashKpiCard2Btn):hover *),
    .group-hover\:scale-110:is(:where(.dashKpiCard3Btn):hover *),
    .group-hover\:scale-110:is(:where(.dashKpiCard4Btn):hover *),
    .group-hover\:scale-110:is(:where(.dashKpiCard5Btn):hover *),
    .group-hover\:scale-110:is(:where(.dashKpiCard6Btn):hover *),
    .group-hover\:scale-110:is(:where(.dashOnNavigateToBtn3):hover *),
    .group-hover\:scale-110:is(:where(.headSearchResultRowBtn):hover *),
    .dash92:is(:where(.group):hover *),
    .dash112:is(:where(.group):hover *),
    .dash122:is(:where(.group):hover *),
    .dash142:is(:where(.group):hover *),
    .dash172:is(:where(.group):hover *),
    .dash192:is(:where(.group):hover *),
    .group-hover\:scale-110:is(:where(.dashKpiCardBtn):hover *),
    .group-hover\:scale-110:is(:where(.dashKpiCard2Btn):hover *),
    .group-hover\:scale-110:is(:where(.dashKpiCard3Btn):hover *),
    .group-hover\:scale-110:is(:where(.dashKpiCard4Btn):hover *),
    .group-hover\:scale-110:is(:where(.dashKpiCard5Btn):hover *),
    .group-hover\:scale-110:is(:where(.dashKpiCard6Btn):hover *),
    .group-hover\:scale-110:is(:where(.dashOnNavigateToBtn3):hover *),
    .group-hover\:scale-110:is(:where(.headSearchResultRowBtn):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:text-blue-500:is(:where(.group):hover *),
    .dashOpenOutlineIcon:is(:where(.group):hover *),
    .group-hover\:text-blue-500:is(:where(.dashKpiCardBtn):hover *),
    .group-hover\:text-blue-500:is(:where(.dashKpiCard2Btn):hover *),
    .group-hover\:text-blue-500:is(:where(.dashKpiCard3Btn):hover *),
    .group-hover\:text-blue-500:is(:where(.dashKpiCard4Btn):hover *),
    .group-hover\:text-blue-500:is(:where(.dashKpiCard5Btn):hover *),
    .group-hover\:text-blue-500:is(:where(.dashKpiCard6Btn):hover *),
    .group-hover\:text-blue-500:is(:where(.dashOnNavigateToBtn3):hover *),
    .group-hover\:text-blue-500:is(:where(.headSearchResultRowBtn):hover *),
    .dashOpenOutlineIcon:is(:where(.group):hover *),
    .group-hover\:text-blue-500:is(:where(.dashKpiCardBtn):hover *),
    .group-hover\:text-blue-500:is(:where(.dashKpiCard2Btn):hover *),
    .group-hover\:text-blue-500:is(:where(.dashKpiCard3Btn):hover *),
    .group-hover\:text-blue-500:is(:where(.dashKpiCard4Btn):hover *),
    .group-hover\:text-blue-500:is(:where(.dashKpiCard5Btn):hover *),
    .group-hover\:text-blue-500:is(:where(.dashKpiCard6Btn):hover *),
    .group-hover\:text-blue-500:is(:where(.dashOnNavigateToBtn3):hover *),
    .group-hover\:text-blue-500:is(:where(.headSearchResultRowBtn):hover *) {
      color: var(--color-blue-500);
    }
    .group-hover\:text-blue-600:is(:where(.group):hover *),
    .headTextIcon:is(:where(.group):hover *),
    .head73:is(:where(.group):hover *),
    .group-hover\:text-blue-600:is(:where(.dashKpiCardBtn):hover *),
    .group-hover\:text-blue-600:is(:where(.dashKpiCard2Btn):hover *),
    .group-hover\:text-blue-600:is(:where(.dashKpiCard3Btn):hover *),
    .group-hover\:text-blue-600:is(:where(.dashKpiCard4Btn):hover *),
    .group-hover\:text-blue-600:is(:where(.dashKpiCard5Btn):hover *),
    .group-hover\:text-blue-600:is(:where(.dashKpiCard6Btn):hover *),
    .group-hover\:text-blue-600:is(:where(.dashOnNavigateToBtn3):hover *),
    .group-hover\:text-blue-600:is(:where(.headSearchResultRowBtn):hover *),
    .headTextIcon:is(:where(.group):hover *),
    .head73:is(:where(.group):hover *),
    .group-hover\:text-blue-600:is(:where(.dashKpiCardBtn):hover *),
    .group-hover\:text-blue-600:is(:where(.dashKpiCard2Btn):hover *),
    .group-hover\:text-blue-600:is(:where(.dashKpiCard3Btn):hover *),
    .group-hover\:text-blue-600:is(:where(.dashKpiCard4Btn):hover *),
    .group-hover\:text-blue-600:is(:where(.dashKpiCard5Btn):hover *),
    .group-hover\:text-blue-600:is(:where(.dashKpiCard6Btn):hover *),
    .group-hover\:text-blue-600:is(:where(.dashOnNavigateToBtn3):hover *),
    .group-hover\:text-blue-600:is(:where(.headSearchResultRowBtn):hover *) {
      color: var(--color-blue-600);
    }
    .group-hover\:text-sky-500:is(:where(.group):hover *),
    .dashOpenOutline2Icon:is(:where(.group):hover *),
    .group-hover\:text-sky-500:is(:where(.dashKpiCardBtn):hover *),
    .group-hover\:text-sky-500:is(:where(.dashKpiCard2Btn):hover *),
    .group-hover\:text-sky-500:is(:where(.dashKpiCard3Btn):hover *),
    .group-hover\:text-sky-500:is(:where(.dashKpiCard4Btn):hover *),
    .group-hover\:text-sky-500:is(:where(.dashKpiCard5Btn):hover *),
    .group-hover\:text-sky-500:is(:where(.dashKpiCard6Btn):hover *),
    .group-hover\:text-sky-500:is(:where(.dashOnNavigateToBtn3):hover *),
    .group-hover\:text-sky-500:is(:where(.headSearchResultRowBtn):hover *),
    .dashOpenOutline2Icon:is(:where(.group):hover *),
    .group-hover\:text-sky-500:is(:where(.dashKpiCardBtn):hover *),
    .group-hover\:text-sky-500:is(:where(.dashKpiCard2Btn):hover *),
    .group-hover\:text-sky-500:is(:where(.dashKpiCard3Btn):hover *),
    .group-hover\:text-sky-500:is(:where(.dashKpiCard4Btn):hover *),
    .group-hover\:text-sky-500:is(:where(.dashKpiCard5Btn):hover *),
    .group-hover\:text-sky-500:is(:where(.dashKpiCard6Btn):hover *),
    .group-hover\:text-sky-500:is(:where(.dashOnNavigateToBtn3):hover *),
    .group-hover\:text-sky-500:is(:where(.headSearchResultRowBtn):hover *) {
      color: var(--color-sky-500);
    }
    .group-hover\/bar\:scale-105:is(:where(.group\/bar):hover *),
    .dash28:is(:where(.group\/bar):hover *),
    .group-hover\/bar\:scale-105:is(:where(.dash27):hover *),
    .dash28:is(:where(.group\/bar):hover *),
    .group-hover\/bar\:scale-105:is(:where(.dash27):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\/bar\:bg-slate-200\/80:is(:where(.group\/bar):hover *),
    .dash29:is(:where(.group\/bar):hover *),
    .group-hover\/bar\:bg-slate-200\/80:is(:where(.dash27):hover *),
    .dash29:is(:where(.group\/bar):hover *),
    .group-hover\/bar\:bg-slate-200\/80:is(:where(.dash27):hover *) {
      background-color: color-mix(in srgb, oklch(92.9% .013 255.508) 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/bar\:bg-slate-200\/80:is(:where(.group\/bar):hover *),
      .dash29:is(:where(.group\/bar):hover *),
      .group-hover\/bar\:bg-slate-200\/80:is(:where(.dash27):hover *),
      .dash29:is(:where(.group\/bar):hover *),
      .group-hover\/bar\:bg-slate-200\/80:is(:where(.dash27):hover *) {
        background-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
      }
    }
    .group-hover\/bar\:text-blue-600:is(:where(.group\/bar):hover *),
    .dash252:is(:where(.group\/bar):hover *),
    .dash272:is(:where(.group\/bar):hover *),
    .group-hover\/bar\:text-blue-600:is(:where(.dash27):hover *),
    .dash252:is(:where(.group\/bar):hover *),
    .dash272:is(:where(.group\/bar):hover *),
    .group-hover\/bar\:text-blue-600:is(:where(.dash27):hover *) {
      color: var(--color-blue-600);
    }
  }
  .selection\:bg-blue-600 ::selection,
  .appAppShell2 ::selection {
    background-color: var(--color-blue-600);
  }
  .selection\:bg-blue-600::selection,
  .appAppShell2::selection {
    background-color: var(--color-blue-600);
  }
  .selection\:text-white ::selection,
  .appAppShell2 ::selection {
    color: var(--color-white);
  }
  .selection\:text-white::selection,
  .appAppShell2::selection {
    color: var(--color-white);
  }
  .before\:absolute:before,
  .detail59:before,
  .detail59:before,
  .slip57:before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:top-2:before,
  .detail59:before,
  .detail59:before,
  .slip57:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 2);
  }
  .before\:bottom-2:before,
  .detail59:before,
  .detail59:before,
  .slip57:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 2);
  }
  .before\:left-4:before,
  .detail59:before,
  .detail59:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 4);
  }
  .before\:left-\[5px\]:before,
  .slip57:before {
    content: var(--tw-content);
    left: 5px;
  }
  .before\:w-0\.5:before,
  .detail59:before,
  .detail59:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }
  .before\:w-px:before,
  .slip57:before {
    content: var(--tw-content);
    width: 1px;
  }
  .before\:bg-slate-200:before,
  .detail59:before,
  .detail59:before {
    content: var(--tw-content);
    background-color: var(--color-slate-200);
  }
  .before\:bg-slate-300:before,
  .slip57:before {
    content: var(--tw-content);
    background-color: var(--color-slate-300);
  }
  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover,
    .dashOnOpenCreateBtn:hover,
    .dashOnNavigateToBtn:hover,
    .dashOnDoc2Btn:hover,
    .dialogAcceptBtn:hover,
    .dashOnOpenCreateBtn:hover,
    .dashOnNavigateToBtn:hover,
    .dashOnDoc2Btn:hover,
    .dialogAcceptBtn:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:-translate-y-1:hover,
    .dashKpiCardBtn:hover,
    .dashKpiCard2Btn:hover,
    .dashKpiCard3Btn:hover,
    .dashKpiCard4Btn:hover,
    .dashKpiCard5Btn:hover,
    .dashKpiCard6Btn:hover,
    .dashKpiCardBtn:hover,
    .dashKpiCard2Btn:hover,
    .dashKpiCard3Btn:hover,
    .dashKpiCard4Btn:hover,
    .dashKpiCard5Btn:hover,
    .dashKpiCard6Btn:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:border-amber-500\/50:hover,
    .dashKpiCard4Btn:hover,
    .dashKpiCard4Btn:hover {
      border-color: color-mix(in srgb, oklch(76.9% .188 70.08) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-amber-500\/50:hover,
      .dashKpiCard4Btn:hover,
      .dashKpiCard4Btn:hover {
        border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
      }
    }
    .hover\:border-blue-300:hover,
    .detail22:hover,
    .detail22:hover {
      border-color: var(--color-blue-300);
    }
    .hover\:border-blue-500\/40:hover,
    .dashOnNavigateToBtn:hover,
    .dashOnNavigateToBtn:hover {
      border-color: color-mix(in srgb, oklch(62.3% .214 259.815) 40%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-blue-500\/40:hover,
      .dashOnNavigateToBtn:hover,
      .dashOnNavigateToBtn:hover {
        border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
      }
    }
    .hover\:border-blue-500\/50:hover,
    .dashKpiCardBtn:hover,
    .dash45:hover,
    .dashKpiCardBtn:hover,
    .dash45:hover {
      border-color: color-mix(in srgb, oklch(62.3% .214 259.815) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-blue-500\/50:hover,
      .dashKpiCardBtn:hover,
      .dash45:hover,
      .dashKpiCardBtn:hover,
      .dash45:hover {
        border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
      }
    }
    .hover\:border-emerald-500:hover {
      border-color: var(--color-emerald-500);
    }
    .hover\:border-emerald-500\/50:hover,
    .dashKpiCard5Btn:hover,
    .dashKpiCard5Btn:hover {
      border-color: color-mix(in srgb, oklch(69.6% .17 162.48) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-emerald-500\/50:hover,
      .dashKpiCard5Btn:hover,
      .dashKpiCard5Btn:hover {
        border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
      }
    }
    .hover\:border-rose-500\/50:hover,
    .dashKpiCard6Btn:hover,
    .dashKpiCard6Btn:hover {
      border-color: color-mix(in srgb, oklch(64.5% .246 16.439) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-rose-500\/50:hover,
      .dashKpiCard6Btn:hover,
      .dashKpiCard6Btn:hover {
        border-color: color-mix(in oklab, var(--color-rose-500) 50%, transparent);
      }
    }
    .hover\:border-sky-500\/50:hover,
    .dashKpiCard2Btn:hover,
    .dashKpiCard2Btn:hover {
      border-color: color-mix(in srgb, oklch(68.5% .169 237.323) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-sky-500\/50:hover,
      .dashKpiCard2Btn:hover,
      .dashKpiCard2Btn:hover {
        border-color: color-mix(in oklab, var(--color-sky-500) 50%, transparent);
      }
    }
    .hover\:border-slate-400:hover {
      border-color: var(--color-slate-400);
    }
    .hover\:border-violet-500\/50:hover,
    .dashKpiCard3Btn:hover,
    .dashKpiCard3Btn:hover {
      border-color: color-mix(in srgb, oklch(60.6% .25 292.717) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-violet-500\/50:hover,
      .dashKpiCard3Btn:hover,
      .dashKpiCard3Btn:hover {
        border-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);
      }
    }
    .hover\:bg-\[color\:var\(--ui-soft\)\]:hover,
    .dialogDismissBtn:hover,
    .uiAutocompleteFieldBtn:hover,
    .dialogDismissBtn:hover,
    .uiAutocompleteFieldBtn:hover {
      background-color: var(--ui-soft);
    }
    .hover\:bg-blue-50:hover,
    .headOpenScannerBtn:hover,
    .headOpenScannerBtn:hover {
      background-color: var(--color-blue-50);
    }
    .hover\:bg-blue-50\/20:hover,
    .dash45:hover,
    .dash45:hover {
      background-color: color-mix(in srgb, oklch(97% .014 254.604) 20%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-50\/20:hover,
      .dash45:hover,
      .dash45:hover {
        background-color: color-mix(in oklab, var(--color-blue-50) 20%, transparent);
      }
    }
    .hover\:bg-blue-100:hover,
    .detailCopyTrackingNumberBtn:hover,
    .detailLabel:hover,
    .dashOnDocBtn:hover,
    .detailCopyTrackingNumberBtn:hover,
    .detailLabel:hover,
    .dashOnDocBtn:hover {
      background-color: var(--color-blue-100);
    }
    .hover\:bg-blue-500:hover,
    .slipCreateSignatoryFormatBtn:hover {
      background-color: var(--color-blue-500);
    }
    .hover\:bg-blue-500\/\[0\.04\]:hover,
    .dashDashboardTxnRow:hover,
    .dashDashboardTxnRow:hover {
      background-color: color-mix(in srgb, oklch(62.3% .214 259.815) 4%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-500\/\[0\.04\]:hover,
      .dashDashboardTxnRow:hover,
      .dashDashboardTxnRow:hover {
        background-color: color-mix(in oklab, var(--color-blue-500) 4%, transparent);
      }
    }
    .hover\:bg-blue-700:hover,
    .dashOnDoc2Btn:hover,
    .dashNextPageBtn:hover,
    .dashOnDoc2Btn:hover,
    .dashNextPageBtn:hover {
      background-color: var(--color-blue-700);
    }
    .hover\:bg-emerald-50:hover,
    .detailStartEditingFinalBtn:hover,
    .detailStartEditingFinalBtn:hover {
      background-color: var(--color-emerald-50);
    }
    .hover\:bg-emerald-100:hover,
    .detailHandlePrintSlipBtn:hover,
    .detailHandlePrintSlipBtn:hover {
      background-color: var(--color-emerald-100);
    }
    .hover\:bg-emerald-500:hover,
    .appRouteDecisionBtn:hover,
    .detailHandleDecisionBtn:hover,
    .detailHandleDecision3Btn:hover,
    .dashReapproveFromCardBtn:hover,
    .headHandleInstallAppBtn:hover,
    .appRouteDecisionBtn:hover,
    .detailHandleDecisionBtn:hover,
    .detailHandleDecision3Btn:hover,
    .dashReapproveFromCardBtn:hover,
    .headHandleInstallAppBtn:hover,
    .slipHandlePrintBtn:hover {
      background-color: var(--color-emerald-500);
    }
    .hover\:bg-emerald-700:hover,
    .detailSaveFinalNotesBtn:hover,
    .detailSaveFinalNotesBtn:hover {
      background-color: var(--color-emerald-700);
    }
    .hover\:bg-rose-50:hover,
    .appRouteDecision2Btn:hover,
    .detailHandleDecision2Btn:hover,
    .headLogoutActionBtn:hover,
    .appRouteDecision2Btn:hover,
    .detailHandleDecision2Btn:hover,
    .headLogoutActionBtn:hover {
      background-color: var(--color-rose-50);
    }
    .hover\:bg-rose-100:hover,
    .detailHandleDecision4Btn:hover,
    .detailHandleDecision4Btn:hover {
      background-color: var(--color-rose-100);
    }
    .hover\:bg-rose-200:hover,
    .slipDeleteSignatoryFormatBtn:hover {
      background-color: var(--color-rose-200);
    }
    .hover\:bg-rose-700:hover,
    .dashOnNavigateToBtn2:hover,
    .dashOnNavigateToBtn2:hover {
      background-color: var(--color-rose-700);
    }
    .hover\:bg-slate-50:hover,
    .detailCopyNotesToBtn:hover,
    .detailHandleViewFileBtn3:hover,
    .dashPrevPageBtn:hover,
    .dashDocFromCardBtn:hover,
    .detailCopyNotesToBtn:hover,
    .detailHandleViewFileBtn3:hover,
    .dashPrevPageBtn:hover,
    .dashDocFromCardBtn:hover,
    .headEmit2Btn:hover {
      background-color: var(--color-slate-50);
    }
    .hover\:bg-slate-100:hover,
    .detailHandleCloseBtn:hover,
    .detailHandleViewFileBtn:hover,
    .detailCancelEditingFinalBtn:hover,
    .dashSetBtn:hover,
    .headClearSearchBtn:hover,
    .headCloseUserStatusBtn:hover,
    .sideEmitBtn:hover,
    .sideEmit2Btn:hover,
    .detailHandleCloseBtn:hover,
    .detailHandleViewFileBtn:hover,
    .detailCancelEditingFinalBtn:hover,
    .dashSetBtn:hover,
    .headClearSearchBtn:hover,
    .headCloseUserStatusBtn:hover,
    .sideEmitBtn:hover,
    .sideEmit2Btn:hover {
      background-color: var(--color-slate-100);
    }
    .hover\:bg-slate-200:hover,
    .detailHandleViewFileBtn2:hover,
    .detailHandleClose2Btn:hover,
    .slipClearSearchBtn:hover,
    .detailHandleViewFileBtn2:hover,
    .detailHandleClose2Btn:hover,
    .slipClearSearchBtn:hover,
    .slipOnBackBtn:hover,
    .slipSetBtn:hover {
      background-color: var(--color-slate-200);
    }
    .hover\:bg-slate-700:hover,
    .headBtn:hover,
    .headBtn:hover {
      background-color: var(--color-slate-700);
    }
    .hover\:bg-slate-800:hover,
    .headCloseScannerBtn:hover,
    .headCloseScannerBtn:hover {
      background-color: var(--color-slate-800);
    }
    .hover\:from-blue-500:hover,
    .detailHandleOpenRouteBtn:hover,
    .dashOnOpenCreateBtn:hover,
    .dialogAcceptBtn:hover,
    .detailHandleOpenRouteBtn:hover,
    .dashOnOpenCreateBtn:hover,
    .dialogAcceptBtn:hover {
      --tw-gradient-from: var(--color-blue-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    .hover\:to-indigo-500:hover,
    .detailHandleOpenRouteBtn:hover,
    .dashOnOpenCreateBtn:hover,
    .dialogAcceptBtn:hover,
    .detailHandleOpenRouteBtn:hover,
    .dashOnOpenCreateBtn:hover,
    .dialogAcceptBtn:hover {
      --tw-gradient-to: var(--color-indigo-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    .hover\:text-blue-600:hover,
    .dashOnDocSelect:hover,
    .headOpenScannerBtn:hover,
    .dashOnDocSelect:hover,
    .headOpenScannerBtn:hover {
      color: var(--color-blue-600);
    }
    .hover\:text-blue-700:hover,
    .detailSetActiveTabBtn:hover,
    .dashOnNavigateToBtn3:hover,
    .headViewAllResultsBtn:hover,
    .detailSetActiveTabBtn:hover,
    .dashOnNavigateToBtn3:hover,
    .headViewAllResultsBtn:hover {
      color: var(--color-blue-700);
    }
    .hover\:text-slate-600:hover,
    .dashSetBtn:hover,
    .headClearSearchBtn:hover,
    .headCloseUserStatusBtn:hover,
    .dialogClearSuccessBtn:hover,
    .dashSetBtn:hover,
    .headClearSearchBtn:hover,
    .headCloseUserStatusBtn:hover,
    .dialogClearSuccessBtn:hover {
      color: var(--color-slate-600);
    }
    .hover\:text-slate-700:hover,
    .detailHandleCloseBtn:hover,
    .slipClearSearchBtn:hover,
    .sideEmitBtn:hover,
    .sideEmit2Btn:hover,
    .detailHandleCloseBtn:hover,
    .slipClearSearchBtn:hover,
    .sideEmitBtn:hover,
    .sideEmit2Btn:hover {
      color: var(--color-slate-700);
    }
    .hover\:text-slate-900:hover,
    .detailTabBtnBtn:hover,
    .detailTabBtnBtn:hover {
      color: var(--color-slate-900);
    }
    .hover\:text-white:hover,
    .headCloseScannerBtn:hover,
    .headCloseScannerBtn:hover {
      color: var(--color-white);
    }
    .hover\:underline:hover,
    .detailStartEditingFinalBtn2:hover,
    .dashClearSearchBtn:hover,
    .headViewAllResultsBtn2:hover,
    .detailStartEditingFinalBtn2:hover,
    .dashClearSearchBtn:hover,
    .headViewAllResultsBtn2:hover {
      text-decoration-line: underline;
    }
    .hover\:opacity-80:hover {
      opacity: 80%;
    }
    .hover\:shadow:hover,
    .detailHandleDecision3Btn:hover,
    .detailHandleDecision3Btn:hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
    .hover\:shadow-lg:hover,
    .detailHandleOpenRouteBtn:hover,
    .dashOnOpenCreateBtn:hover,
    .detailHandleOpenRouteBtn:hover,
    .dashOnOpenCreateBtn:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
    .hover\:shadow-md:hover,
    .dashOnNavigateToBtn:hover,
    .dashOnNavigateToBtn2:hover,
    .dashOnDoc2Btn:hover,
    .dashOnNavigateToBtn:hover,
    .dashOnNavigateToBtn2:hover,
    .dashOnDoc2Btn:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
    .hover\:shadow-xl:hover,
    .dashKpiCardBtn:hover,
    .dashKpiCard2Btn:hover,
    .dashKpiCard3Btn:hover,
    .dashKpiCard4Btn:hover,
    .dashKpiCard5Btn:hover,
    .dashKpiCard6Btn:hover,
    .dashKpiCardBtn:hover,
    .dashKpiCard2Btn:hover,
    .dashKpiCard3Btn:hover,
    .dashKpiCard4Btn:hover,
    .dashKpiCard5Btn:hover,
    .dashKpiCard6Btn:hover {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
    .hover\:shadow-amber-500\/10:hover,
    .dashKpiCard4Btn:hover,
    .dashKpiCard4Btn:hover {
      --tw-shadow-color: color-mix(in srgb, oklch(76.9% .188 70.08) 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-amber-500\/10:hover,
      .dashKpiCard4Btn:hover,
      .dashKpiCard4Btn:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
    .hover\:shadow-blue-500\/10:hover,
    .dashKpiCardBtn:hover,
    .dashKpiCardBtn:hover {
      --tw-shadow-color: color-mix(in srgb, oklch(62.3% .214 259.815) 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-blue-500\/10:hover,
      .dashKpiCardBtn:hover,
      .dashKpiCardBtn:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
    .hover\:shadow-blue-600\/35:hover,
    .dashOnOpenCreateBtn:hover,
    .dashOnOpenCreateBtn:hover {
      --tw-shadow-color: color-mix(in srgb, oklch(54.6% .245 262.881) 35%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-blue-600\/35:hover,
      .dashOnOpenCreateBtn:hover,
      .dashOnOpenCreateBtn:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 35%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
    .hover\:shadow-emerald-500\/10:hover,
    .dashKpiCard5Btn:hover,
    .dashKpiCard5Btn:hover {
      --tw-shadow-color: color-mix(in srgb, oklch(69.6% .17 162.48) 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-emerald-500\/10:hover,
      .dashKpiCard5Btn:hover,
      .dashKpiCard5Btn:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
    .hover\:shadow-rose-500\/10:hover,
    .dashKpiCard6Btn:hover,
    .dashKpiCard6Btn:hover {
      --tw-shadow-color: color-mix(in srgb, oklch(64.5% .246 16.439) 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-rose-500\/10:hover,
      .dashKpiCard6Btn:hover,
      .dashKpiCard6Btn:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
    .hover\:shadow-rose-600\/30:hover,
    .dashOnNavigateToBtn2:hover,
    .dashOnNavigateToBtn2:hover {
      --tw-shadow-color: color-mix(in srgb, oklch(58.6% .253 17.585) 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-rose-600\/30:hover,
      .dashOnNavigateToBtn2:hover,
      .dashOnNavigateToBtn2:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
    .hover\:shadow-sky-500\/10:hover,
    .dashKpiCard2Btn:hover,
    .dashKpiCard2Btn:hover {
      --tw-shadow-color: color-mix(in srgb, oklch(68.5% .169 237.323) 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-sky-500\/10:hover,
      .dashKpiCard2Btn:hover,
      .dashKpiCard2Btn:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
    .hover\:shadow-violet-500\/10:hover,
    .dashKpiCard3Btn:hover,
    .dashKpiCard3Btn:hover {
      --tw-shadow-color: color-mix(in srgb, oklch(60.6% .25 292.717) 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-violet-500\/10:hover,
      .dashKpiCard3Btn:hover,
      .dashKpiCard3Btn:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .focus\:border-\[color\:var\(--ui-muted\)\]:focus,
  .uiAutocompleteFieldArea:focus,
  .uiAutocompleteFieldArea:focus {
    border-color: var(--ui-muted);
  }
  .focus\:border-blue-500:focus,
  .dialogRequestDefaultValueInput:focus,
  .dialogRequestDefaultValueInput:focus {
    border-color: var(--color-blue-500);
  }
  .focus\:border-emerald-500:focus,
  .detailHalKuhaninSaArea:focus,
  .routeHandoffNotesArea:focus,
  .detailHalKuhaninSaArea:focus,
  .routeHandoffNotesArea:focus {
    border-color: var(--color-emerald-500);
  }
  .focus\:ring-2:focus,
  .detailHalKuhaninSaArea:focus,
  .routeHandoffNotesArea:focus,
  .detailHalKuhaninSaArea:focus,
  .routeHandoffNotesArea:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus\:ring-4:focus,
  .dialogRequestDefaultValueInput:focus,
  .dialogRequestDefaultValueInput:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus\:ring-blue-500\/15:focus,
  .dialogRequestDefaultValueInput:focus,
  .dialogRequestDefaultValueInput:focus {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% .214 259.815) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent) ;
    }
  }
  .focus\:ring-emerald-500\/20:focus,
  .detailHalKuhaninSaArea:focus,
  .routeHandoffNotesArea:focus,
  .detailHalKuhaninSaArea:focus,
  .routeHandoffNotesArea:focus {
    --tw-ring-color: color-mix(in srgb, oklch(69.6% .17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent) ;
    }
  }
  .focus\:outline-none:focus,
  .detailHalKuhaninSaArea:focus,
  .routeHandoffNotesArea:focus,
  .dashKpiCardBtn:focus,
  .dashKpiCard2Btn:focus,
  .dashKpiCard3Btn:focus,
  .dashKpiCard4Btn:focus,
  .dashKpiCard5Btn:focus,
  .dashKpiCard6Btn:focus,
  .detailHalKuhaninSaArea:focus,
  .routeHandoffNotesArea:focus,
  .dashKpiCardBtn:focus,
  .dashKpiCard2Btn:focus,
  .dashKpiCard3Btn:focus,
  .dashKpiCard4Btn:focus,
  .dashKpiCard5Btn:focus,
  .dashKpiCard6Btn:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .active\:scale-95:active,
  .detailHandleOpenRouteBtn:active,
  .dashOnOpenCreateBtn:active,
  .dashOnNavigateToBtn:active,
  .dashOnNavigateToBtn2:active,
  .dashOnDoc2Btn:active,
  .dialogAcceptBtn:active,
  .detailHandleOpenRouteBtn:active,
  .dashOnOpenCreateBtn:active,
  .dashOnNavigateToBtn:active,
  .dashOnNavigateToBtn2:active,
  .dashOnDoc2Btn:active,
  .dialogAcceptBtn:active,
  .headEmit2Btn:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .disabled\:cursor-not-allowed:disabled,
  .detailHandleOpenRouteBtn:disabled,
  .dashPrevPageBtn:disabled,
  .dashNextPageBtn:disabled,
  .detailHandleOpenRouteBtn:disabled,
  .dashPrevPageBtn:disabled,
  .dashNextPageBtn:disabled,
  .slipDeleteSignatoryFormatBtn:disabled {
    cursor: not-allowed;
  }
  .disabled\:opacity-40:disabled,
  .dashPrevPageBtn:disabled,
  .dashNextPageBtn:disabled,
  .dashPrevPageBtn:disabled,
  .dashNextPageBtn:disabled,
  .slipDeleteSignatoryFormatBtn:disabled {
    opacity: 40%;
  }
  .disabled\:opacity-50:disabled,
  .detailHandleDecisionBtn:disabled,
  .detailHandleDecision2Btn:disabled,
  .detailHandleViewFileBtn:disabled,
  .detailSaveFinalNotesBtn:disabled,
  .detailHandleViewFileBtn2:disabled,
  .detailHandleDecision3Btn:disabled,
  .detailHandleDecision4Btn:disabled,
  .detailHandleOpenRouteBtn:disabled,
  .detailHandleDecisionBtn:disabled,
  .detailHandleDecision2Btn:disabled,
  .detailHandleViewFileBtn:disabled,
  .detailSaveFinalNotesBtn:disabled,
  .detailHandleViewFileBtn2:disabled,
  .detailHandleDecision3Btn:disabled,
  .detailHandleDecision4Btn:disabled,
  .detailHandleOpenRouteBtn:disabled {
    opacity: 50%;
  }
  .disabled\:opacity-60:disabled,
  .appRouteDecisionBtn:disabled,
  .appRouteDecision2Btn:disabled,
  .appRouteDecisionBtn:disabled,
  .appRouteDecision2Btn:disabled {
    opacity: 60%;
  }
  @media (width >= 40rem) {
    .sm\:col-span-2,
    .app7,
    .routeReviewItem,
    .app7,
    .routeReviewItem {
      grid-column: span 2 / span 2;
    }
    .sm\:block,
    .detail30,
    .detail30 {
      display: block;
    }
    .sm\:inline,
    .head103,
    .head103 {
      display: inline;
    }
    .sm\:inline-flex,
    .detail213,
    .detail213 {
      display: inline-flex;
    }
    .sm\:h-32,
    .dash29,
    .dash29 {
      height: calc(var(--spacing) * 32);
    }
    .sm\:h-48,
    .dash26,
    .dash26 {
      height: calc(var(--spacing) * 48);
    }
    .sm\:h-\[92vh\] {
      height: 92vh;
    }
    .sm\:flex-initial,
    .dashOnOpenCreateBtn,
    .dashOnNavigateToBtn,
    .dashOnOpenCreateBtn,
    .dashOnNavigateToBtn {
      flex: 0 auto;
    }
    .sm\:grid-cols-2,
    .app13,
    .detailDl,
    .dash57,
    .head172,
    .app13,
    .detailDl,
    .dash57,
    .head172,
    .slip8 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-4,
    .detailTxnProgressOl,
    .detail25,
    .detailTxnProgressOl,
    .detail25 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\],
    .slip6 {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }
    .sm\:flex-row,
    .detail12,
    .dashUrgentBanner,
    .detail12,
    .dashUrgentBanner,
    .slip5 {
      flex-direction: row;
    }
    .sm\:items-center,
    .detail12,
    .dashUrgentBanner,
    .detail12,
    .dashUrgentBanner,
    .slip5 {
      align-items: center;
    }
    .sm\:gap-2,
    .detail2,
    .detail2 {
      gap: calc(var(--spacing) * 2);
    }
    .sm\:gap-3,
    .detail25,
    .detail25 {
      gap: calc(var(--spacing) * 3);
    }
    .sm\:gap-4,
    .dash13,
    .dash26,
    .dash13,
    .dash26 {
      gap: calc(var(--spacing) * 4);
    }
    .sm\:self-auto,
    .detail14,
    .dashOnNavigateToBtn2,
    .detail14,
    .dashOnNavigateToBtn2 {
      align-self: auto;
    }
    .sm\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }
    .sm\:p-3,
    .app3,
    .app5,
    .app3,
    .app5 {
      padding: calc(var(--spacing) * 3);
    }
    .sm\:p-3\.5,
    .slip15 {
      padding: calc(var(--spacing) * 3.5);
    }
    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .sm\:p-5,
    .detail7,
    .detailRecipientFlowNav,
    .detailFlowRecipientDetails,
    .route7,
    .dashWorkload,
    .detail7,
    .detailRecipientFlowNav,
    .detailFlowRecipientDetails,
    .route7,
    .dashWorkload {
      padding: calc(var(--spacing) * 5);
    }
    .sm\:p-6,
    .detailDetail,
    .detail57,
    .routeRouteModalScroll,
    .detailDetail,
    .detail57,
    .routeRouteModalScroll {
      padding: calc(var(--spacing) * 6);
    }
    .sm\:px-2,
    .dash26,
    .dash26 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .sm\:px-6,
    .detailShell,
    .detailDetail2,
    .detailShell,
    .detailDetail2 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
    .sm\:py-6,
    .modal2,
    .modal2 {
      padding-block: calc(var(--spacing) * 6);
    }
    .sm\:pt-5,
    .detailShell,
    .detailShell {
      padding-top: calc(var(--spacing) * 5);
    }
    .sm\:pb-0,
    .detailShell,
    .detailShell {
      padding-bottom: 0;
    }
    .sm\:text-2xl,
    .detailOverflowAnywhere,
    .detailOverflowAnywhere {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .sm\:text-sm,
    .detailOverflowAnywhere2,
    .routeHandoffNotesArea,
    .detailOverflowAnywhere2,
    .routeHandoffNotesArea {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  @media (width >= 48rem) {
    .md\:sticky,
    .detailFlowRecipientDetails,
    .detailFlowRecipientDetails {
      position: sticky;
    }
    .md\:top-4,
    .detailFlowRecipientDetails,
    .detailFlowRecipientDetails {
      top: calc(var(--spacing) * 4);
    }
    .md\:mx-6,
    .headGlobalSearch {
      margin-inline: calc(var(--spacing) * 6);
    }
    .md\:flex,
    .headBrandCluster,
    .headBrandCluster {
      display: flex;
    }
    .md\:hidden,
    .headEmit1Btn,
    .headEmit1Btn {
      display: none;
    }
    .md\:w-auto,
    .slip4 {
      width: auto;
    }
    .md\:grid-cols-3,
    .dash13,
    .dash13 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:flex-row,
    .detail3,
    .dash32,
    .slipSlipBar,
    .detail3,
    .dash32,
    .slipSlipBar {
      flex-direction: row;
    }
    .md\:items-center,
    .detail3,
    .dash32,
    .detail3,
    .dash32 {
      align-items: center;
    }
    .md\:justify-between,
    .detail3,
    .detail3 {
      justify-content: space-between;
    }
    .md\:gap-2\.5,
    .headActions {
      gap: calc(var(--spacing) * 2.5);
    }
    :where(.md\:space-y-6 > :not(:last-child)),
    :where(.dashDashboardShell > :not(:last-child)),
    :where(.dashDashboardShell > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
    .md\:p-6,
    .dashDashboardTxns,
    .dashDashboardTxns {
      padding: calc(var(--spacing) * 6);
    }
    .md\:p-7,
    .dashHeroCommandCard,
    .dashHeroCommandCard {
      padding: calc(var(--spacing) * 7);
    }
    .md\:px-6,
    .headAppMain {
      padding-inline: calc(var(--spacing) * 6);
    }
    .md\:text-3xl,
    .dashH1,
    .dashH1 {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .md\:text-base,
    .dashH3,
    .dash210,
    .dashH3,
    .dash210 {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:inline-flex,
    .head33,
    .head33 {
      display: inline-flex;
    }
    .lg\:w-auto,
    .dash10,
    .dash10 {
      width: auto;
    }
    .lg\:grid-cols-6,
    .dash13,
    .dash13 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(320px\,0\.8fr\)\],
    .detail15,
    .detail15 {
      grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(340px\,1\.1fr\)\],
    .detail27,
    .detail27 {
      grid-template-columns: minmax(0, 1.45fr) minmax(340px, 1.1fr);
    }
    .lg\:flex-row,
    .dash4,
    .dash4 {
      flex-direction: row;
    }
    .lg\:items-center,
    .dash4,
    .dash4 {
      align-items: center;
    }
    .lg\:text-3xl,
    .dash16,
    .dash16 {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .lg\:text-\[32px\],
    .dashH1,
    .dashH1 {
      font-size: 32px;
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1\.3fr\)_380px\],
    .detail15,
    .detail15 {
      grid-template-columns: minmax(0, 1.3fr) 380px;
    }
    .xl\:grid-cols-\[minmax\(0\,1\.75fr\)_minmax\(380px\,1\.2fr\)\],
    .detail27,
    .detail27 {
      grid-template-columns: minmax(0, 1.75fr) minmax(380px, 1.2fr);
    }
  }
  :where(.dark\:divide-slate-800\/80:where(.dark, .dark *) > :not(:last-child)),
  :where(.dashTbody:where(.dark, .dark *) > :not(:last-child)),
  :where(.dashTbody:where(.dark, .dark *) > :not(:last-child)),
  :where(.head232:where(.dark, .dark *) > :not(:last-child)) {
    border-color: color-mix(in srgb, oklch(27.9% .041 260.031) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
    }
  }
  .dark\:border-amber-700:where(.dark, .dark *) {
    border-color: var(--color-amber-700);
  }
  .dark\:border-amber-700\/80:where(.dark, .dark *),
  .detail12:where(.dark, .dark *),
  .detail12:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(55.5% .163 48.998) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-700) 80%, transparent);
    }
  }
  .dark\:border-amber-800:where(.dark, .dark *),
  .detailCurrentStatusState2:where(.dark, .dark *) {
    border-color: var(--color-amber-800);
  }
  .dark\:border-blue-400:where(.dark, .dark *) {
    border-color: var(--color-blue-400);
  }
  .dark\:border-blue-400\/25:where(.dark, .dark *),
  .dash7:where(.dark, .dark *),
  .dash7:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(70.7% .165 254.624) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-400) 25%, transparent);
    }
  }
  .dark\:border-blue-700:where(.dark, .dark *),
  .detailStageActiveState:where(.dark, .dark *) {
    border-color: var(--color-blue-700);
  }
  .dark\:border-blue-800:where(.dark, .dark *),
  .detailLabel:where(.dark, .dark *),
  .detail113:where(.dark, .dark *),
  .detailLabel:where(.dark, .dark *),
  .detail113:where(.dark, .dark *),
  .detailCurrentStatusState3:where(.dark, .dark *) {
    border-color: var(--color-blue-800);
  }
  .dark\:border-blue-800\/80:where(.dark, .dark *),
  .detailCopyTrackingNumberBtn:where(.dark, .dark *),
  .dashOnDocBtn:where(.dark, .dark *),
  .dash372:where(.dark, .dark *),
  .detailCopyTrackingNumberBtn:where(.dark, .dark *),
  .dashOnDocBtn:where(.dark, .dark *),
  .dash372:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(42.4% .199 265.638) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-800) 80%, transparent);
    }
  }
  .dark\:border-blue-900\/50:where(.dark, .dark *),
  .detail73:where(.dark, .dark *),
  .slipSlipCustomize:where(.dark, .dark *),
  .detail73:where(.dark, .dark *),
  .slipSlipCustomize:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.9% .146 265.522) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
    }
  }
  .dark\:border-blue-900\/60:where(.dark, .dark *),
  .detail48:where(.dark, .dark *),
  .detail48:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.9% .146 265.522) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-900) 60%, transparent);
    }
  }
  .dark\:border-cyan-800:where(.dark, .dark *) {
    border-color: var(--color-cyan-800);
  }
  .dark\:border-emerald-500\/30:where(.dark, .dark *),
  .dialog4:where(.dark, .dark *),
  .dialog4:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(69.6% .17 162.48) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }
  .dark\:border-emerald-600:where(.dark, .dark *),
  .detail42:where(.dark, .dark *),
  .detail42:where(.dark, .dark *) {
    border-color: var(--color-emerald-600);
  }
  .dark\:border-emerald-700:where(.dark, .dark *),
  .detailStartEditingFinalBtn:where(.dark, .dark *),
  .detailHalKuhaninSaArea:where(.dark, .dark *),
  .detailHandlePrintSlipBtn:where(.dark, .dark *),
  .routeHandoffNotesArea:where(.dark, .dark *),
  .detailStartEditingFinalBtn:where(.dark, .dark *),
  .detailHalKuhaninSaArea:where(.dark, .dark *),
  .detailHandlePrintSlipBtn:where(.dark, .dark *),
  .routeHandoffNotesArea:where(.dark, .dark *) {
    border-color: var(--color-emerald-700);
  }
  .dark\:border-emerald-800:where(.dark, .dark *),
  .detailDirectionState2:where(.dark, .dark *),
  .detailCurrentStatusState:where(.dark, .dark *) {
    border-color: var(--color-emerald-800);
  }
  .dark\:border-emerald-800\/60:where(.dark, .dark *),
  .detail36:where(.dark, .dark *),
  .detail45:where(.dark, .dark *),
  .detail36:where(.dark, .dark *),
  .detail45:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(43.2% .095 166.913) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-800) 60%, transparent);
    }
  }
  .dark\:border-emerald-800\/80:where(.dark, .dark *),
  .detail38:where(.dark, .dark *),
  .route7:where(.dark, .dark *),
  .detail38:where(.dark, .dark *),
  .route7:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(43.2% .095 166.913) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-800) 80%, transparent);
    }
  }
  .dark\:border-emerald-900\/60:where(.dark, .dark *),
  .detail43:where(.dark, .dark *),
  .detail43:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.8% .077 168.94) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-900) 60%, transparent);
    }
  }
  .dark\:border-indigo-700:where(.dark, .dark *) {
    border-color: var(--color-indigo-700);
  }
  .dark\:border-indigo-800:where(.dark, .dark *),
  .detailDirectionState3:where(.dark, .dark *) {
    border-color: var(--color-indigo-800);
  }
  .dark\:border-orange-700:where(.dark, .dark *) {
    border-color: var(--color-orange-700);
  }
  .dark\:border-purple-700:where(.dark, .dark *) {
    border-color: var(--color-purple-700);
  }
  .dark\:border-purple-800:where(.dark, .dark *),
  .detailPriorityState3:where(.dark, .dark *) {
    border-color: var(--color-purple-800);
  }
  .dark\:border-rose-500\/30:where(.dark, .dark *),
  .dialog7:where(.dark, .dark *),
  .dialog7:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(64.5% .246 16.439) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
    }
  }
  .dark\:border-rose-700:where(.dark, .dark *),
  .detailHandleDecision2Btn:where(.dark, .dark *),
  .detailHandleDecision4Btn:where(.dark, .dark *),
  .detailHandleDecision2Btn:where(.dark, .dark *),
  .detailHandleDecision4Btn:where(.dark, .dark *) {
    border-color: var(--color-rose-700);
  }
  .dark\:border-rose-800:where(.dark, .dark *),
  .appRouteDecision2Btn:where(.dark, .dark *),
  .appRouteDecision2Btn:where(.dark, .dark *),
  .detailPriorityState2:where(.dark, .dark *) {
    border-color: var(--color-rose-800);
  }
  .dark\:border-sky-700:where(.dark, .dark *) {
    border-color: var(--color-sky-700);
  }
  .dark\:border-sky-800:where(.dark, .dark *) {
    border-color: var(--color-sky-800);
  }
  .dark\:border-slate-600:where(.dark, .dark *),
  .detail31:where(.dark, .dark *),
  .detail32:where(.dark, .dark *),
  .detail31:where(.dark, .dark *),
  .detail32:where(.dark, .dark *) {
    border-color: var(--color-slate-600);
  }
  .dark\:border-slate-700:where(.dark, .dark *),
  .detail213:where(.dark, .dark *),
  .detailHandleViewFileBtn:where(.dark, .dark *),
  .detail29:where(.dark, .dark *),
  .detailCopyNotesToBtn:where(.dark, .dark *),
  .detailCancelEditingFinalBtn:where(.dark, .dark *),
  .detailHandleViewFileBtn3:where(.dark, .dark *),
  .detailHandleClose2Btn:where(.dark, .dark *),
  .route2:where(.dark, .dark *),
  .dashPrevPageBtn:where(.dark, .dark *),
  .dash55:where(.dark, .dark *),
  .dash58:where(.dark, .dark *),
  .dashDocFromCardBtn:where(.dark, .dark *),
  .head162:where(.dark, .dark *),
  .detail213:where(.dark, .dark *),
  .detailHandleViewFileBtn:where(.dark, .dark *),
  .detail29:where(.dark, .dark *),
  .detailCopyNotesToBtn:where(.dark, .dark *),
  .detailCancelEditingFinalBtn:where(.dark, .dark *),
  .detailHandleViewFileBtn3:where(.dark, .dark *),
  .detailHandleClose2Btn:where(.dark, .dark *),
  .route2:where(.dark, .dark *),
  .dashPrevPageBtn:where(.dark, .dark *),
  .dash55:where(.dark, .dark *),
  .dash58:where(.dark, .dark *),
  .dashDocFromCardBtn:where(.dark, .dark *),
  .head162:where(.dark, .dark *),
  .app24:where(.dark, .dark *),
  .detailPriorityState4:where(.dark, .dark *),
  .slipStyle:where(.dark, .dark *),
  .slipOnBackBtn:where(.dark, .dark *),
  .slipChooseRoutingSlipSelect:where(.dark, .dark *),
  .slipSetBtn:where(.dark, .dark *),
  .slip6:where(.dark, .dark *),
  .slipSelect:where(.dark, .dark *),
  .slipEGOicInput:where(.dark, .dark *),
  .slipInput:where(.dark, .dark *),
  .slip2Input:where(.dark, .dark *),
  .slip3Input:where(.dark, .dark *),
  .slip4Input:where(.dark, .dark *),
  .slip5Input:where(.dark, .dark *),
  .head26:where(.dark, .dark *),
  .head252:where(.dark, .dark *),
  .head27:where(.dark, .dark *) {
    border-color: var(--color-slate-700);
  }
  .dark\:border-slate-700\/60:where(.dark, .dark *),
  .detail24:where(.dark, .dark *),
  .detail24:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.2% .044 257.287) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-700) 60%, transparent);
    }
  }
  .dark\:border-slate-700\/80:where(.dark, .dark *),
  .detail20:where(.dark, .dark *),
  .detail63:where(.dark, .dark *),
  .dashOnNavigateToBtn:where(.dark, .dark *),
  .dash222:where(.dark, .dark *),
  .dash332:where(.dark, .dark *),
  .head33:where(.dark, .dark *),
  .detail20:where(.dark, .dark *),
  .detail63:where(.dark, .dark *),
  .dashOnNavigateToBtn:where(.dark, .dark *),
  .dash222:where(.dark, .dark *),
  .dash332:where(.dark, .dark *),
  .head33:where(.dark, .dark *),
  .head262:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.2% .044 257.287) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-700) 80%, transparent);
    }
  }
  .dark\:border-slate-800:where(.dark, .dark *),
  .detailViewTabsNav:where(.dark, .dark *),
  .detail11:where(.dark, .dark *),
  .detailOverflowAnywhere2:where(.dark, .dark *),
  .detail18:where(.dark, .dark *),
  .detail22:where(.dark, .dark *),
  .detail26:where(.dark, .dark *),
  .detailRecipientFlowNav:where(.dark, .dark *),
  .detailFlowRecipientDetails:where(.dark, .dark *),
  .detail33:where(.dark, .dark *),
  .detail51:where(.dark, .dark *),
  .detail52:where(.dark, .dark *),
  .detail53:where(.dark, .dark *),
  .detail54:where(.dark, .dark *),
  .detail58:where(.dark, .dark *),
  .detail61:where(.dark, .dark *),
  .detailDetail2:where(.dark, .dark *),
  .dash9:where(.dark, .dark *),
  .dashKpiCardBtn:where(.dark, .dark *),
  .dashKpiCard2Btn:where(.dark, .dark *),
  .dashKpiCard3Btn:where(.dark, .dark *),
  .dashKpiCard4Btn:where(.dark, .dark *),
  .dashKpiCard5Btn:where(.dark, .dark *),
  .dashKpiCard6Btn:where(.dark, .dark *),
  .dash26:where(.dark, .dark *),
  .dashTr:where(.dark, .dark *),
  .dash40:where(.dark, .dark *),
  .dash42:where(.dark, .dark *),
  .dash43:where(.dark, .dark *),
  .dash45:where(.dark, .dark *),
  .dash50:where(.dark, .dark *),
  .dash54:where(.dark, .dark *),
  .dash60:where(.dark, .dark *),
  .slipSlipBar:where(.dark, .dark *),
  .slipSlipPicker:where(.dark, .dark *),
  .slip10:where(.dark, .dark *),
  .head2:where(.dark, .dark *),
  .detailViewTabsNav:where(.dark, .dark *),
  .detail11:where(.dark, .dark *),
  .detailOverflowAnywhere2:where(.dark, .dark *),
  .detail18:where(.dark, .dark *),
  .detail22:where(.dark, .dark *),
  .detail26:where(.dark, .dark *),
  .detailRecipientFlowNav:where(.dark, .dark *),
  .detailFlowRecipientDetails:where(.dark, .dark *),
  .detail33:where(.dark, .dark *),
  .detail51:where(.dark, .dark *),
  .detail52:where(.dark, .dark *),
  .detail53:where(.dark, .dark *),
  .detail54:where(.dark, .dark *),
  .detail58:where(.dark, .dark *),
  .detail61:where(.dark, .dark *),
  .detailDetail2:where(.dark, .dark *),
  .dash9:where(.dark, .dark *),
  .dashKpiCardBtn:where(.dark, .dark *),
  .dashKpiCard2Btn:where(.dark, .dark *),
  .dashKpiCard3Btn:where(.dark, .dark *),
  .dashKpiCard4Btn:where(.dark, .dark *),
  .dashKpiCard5Btn:where(.dark, .dark *),
  .dashKpiCard6Btn:where(.dark, .dark *),
  .dash26:where(.dark, .dark *),
  .dashTr:where(.dark, .dark *),
  .dash40:where(.dark, .dark *),
  .dash42:where(.dark, .dark *),
  .dash43:where(.dark, .dark *),
  .dash45:where(.dark, .dark *),
  .dash50:where(.dark, .dark *),
  .dash54:where(.dark, .dark *),
  .dash60:where(.dark, .dark *),
  .slipSlipBar:where(.dark, .dark *),
  .slipSlipPicker:where(.dark, .dark *),
  .slip10:where(.dark, .dark *),
  .head2:where(.dark, .dark *),
  .detailStageActiveState2:where(.dark, .dark *),
  .detailStageActiveState3:where(.dark, .dark *),
  .slip5:where(.dark, .dark *),
  .headEmit2Btn:where(.dark, .dark *),
  .head25:where(.dark, .dark *),
  .head242:where(.dark, .dark *) {
    border-color: var(--color-slate-800);
  }
  .dark\:border-slate-800\/70:where(.dark, .dark *),
  .headAppMain:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(27.9% .041 260.031) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-800) 70%, transparent);
    }
  }
  .dark\:border-slate-800\/80:where(.dark, .dark *),
  .dashDashboardTxnsScroll:where(.dark, .dark *),
  .dashDashboardTxnsScroll:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(27.9% .041 260.031) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
    }
  }
  .dark\:border-slate-800\/90:where(.dark, .dark *),
  .detail7:where(.dark, .dark *),
  .detail57:where(.dark, .dark *),
  .dashHeroCommandCard:where(.dark, .dark *),
  .dashWorkload:where(.dark, .dark *),
  .dashDashboardTxns:where(.dark, .dark *),
  .detail7:where(.dark, .dark *),
  .detail57:where(.dark, .dark *),
  .dashHeroCommandCard:where(.dark, .dark *),
  .dashWorkload:where(.dark, .dark *),
  .dashDashboardTxns:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(27.9% .041 260.031) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-800) 90%, transparent);
    }
  }
  .dark\:border-slate-900:where(.dark, .dark *),
  .detail232:where(.dark, .dark *),
  .detail232:where(.dark, .dark *) {
    border-color: var(--color-slate-900);
  }
  .dark\:border-t-slate-500:where(.dark, .dark *),
  .detail154:where(.dark, .dark *),
  .detail154:where(.dark, .dark *) {
    border-top-color: var(--color-slate-500);
  }
  .dark\:border-l-emerald-400:where(.dark, .dark *),
  .detail43:where(.dark, .dark *),
  .detail43:where(.dark, .dark *) {
    border-left-color: var(--color-emerald-400);
  }
  .dark\:bg-\[\#0f172a\]\/95:where(.dark, .dark *),
  .head242:where(.dark, .dark *) {
    background-color: color-mix(in oklab, #0f172a 95%, transparent);
  }
  .dark\:bg-\[\#090d16\]\/85:where(.dark, .dark *),
  .headAppMain:where(.dark, .dark *) {
    background-color: color-mix(in oklab, #090d16 85%, transparent);
  }
  .dark\:bg-amber-500\/20:where(.dark, .dark *),
  .dash142:where(.dark, .dark *),
  .dash142:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(76.9% .188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }
  .dark\:bg-amber-900:where(.dark, .dark *) {
    background-color: var(--color-amber-900);
  }
  .dark\:bg-amber-900\/40:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(41.4% .112 45.904) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
    }
  }
  .dark\:bg-amber-900\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(41.4% .112 45.904) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-900) 60%, transparent);
    }
  }
  .dark\:bg-amber-950:where(.dark, .dark *) {
    background-color: var(--color-amber-950);
  }
  .dark\:bg-amber-950\/40:where(.dark, .dark *),
  .detail12:where(.dark, .dark *),
  .detail12:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(27.9% .077 45.635) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
    }
  }
  .dark\:bg-amber-950\/60:where(.dark, .dark *),
  .detailCurrentStatusState2:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(27.9% .077 45.635) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-950) 60%, transparent);
    }
  }
  .dark\:bg-blue-400\/10:where(.dark, .dark *),
  .dash7:where(.dark, .dark *),
  .dash7:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(70.7% .165 254.624) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
    }
  }
  .dark\:bg-blue-500:where(.dark, .dark *) {
    background-color: var(--color-blue-500);
  }
  .dark\:bg-blue-500\/20:where(.dark, .dark *),
  .dashStyle:where(.dark, .dark *),
  .dash92:where(.dark, .dark *),
  .dash213:where(.dark, .dark *),
  .dash292:where(.dark, .dark *),
  .dashStyle:where(.dark, .dark *),
  .dash92:where(.dark, .dark *),
  .dash213:where(.dark, .dark *),
  .dash292:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(62.3% .214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .dark\:bg-blue-900:where(.dark, .dark *),
  .detail163:where(.dark, .dark *),
  .detail203:where(.dark, .dark *),
  .detail163:where(.dark, .dark *),
  .detail203:where(.dark, .dark *) {
    background-color: var(--color-blue-900);
  }
  .dark\:bg-blue-900\/40:where(.dark, .dark *),
  .followSpan:where(.dark, .dark *),
  .followSpan:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.9% .146 265.522) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
    }
  }
  .dark\:bg-blue-900\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.9% .146 265.522) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 60%, transparent);
    }
  }
  .dark\:bg-blue-950:where(.dark, .dark *),
  .detail68:where(.dark, .dark *),
  .detail113:where(.dark, .dark *),
  .detail68:where(.dark, .dark *),
  .detail113:where(.dark, .dark *) {
    background-color: var(--color-blue-950);
  }
  .dark\:bg-blue-950\/20:where(.dark, .dark *),
  .detail48:where(.dark, .dark *),
  .detail48:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(28.2% .091 267.935) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
    }
  }
  .dark\:bg-blue-950\/30:where(.dark, .dark *),
  .detailStageActiveState:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(28.2% .091 267.935) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
    }
  }
  .dark\:bg-blue-950\/40:where(.dark, .dark *),
  .detailLabel:where(.dark, .dark *),
  .detailLabel:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(28.2% .091 267.935) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
    }
  }
  .dark\:bg-blue-950\/50:where(.dark, .dark *),
  .detailCopyTrackingNumberBtn:where(.dark, .dark *),
  .detailCopyTrackingNumberBtn:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(28.2% .091 267.935) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-950) 50%, transparent);
    }
  }
  .dark\:bg-blue-950\/60:where(.dark, .dark *),
  .detail73:where(.dark, .dark *),
  .dashOnDocBtn:where(.dark, .dark *),
  .dash372:where(.dark, .dark *),
  .detail73:where(.dark, .dark *),
  .dashOnDocBtn:where(.dark, .dark *),
  .dash372:where(.dark, .dark *),
  .detailCurrentStatusState3:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(28.2% .091 267.935) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-950) 60%, transparent);
    }
  }
  .dark\:bg-cyan-500\/10:where(.dark, .dark *),
  .dash3:where(.dark, .dark *),
  .dash3:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(71.5% .143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
  }
  .dark\:bg-cyan-950\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(30.2% .056 229.695) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-950) 60%, transparent);
    }
  }
  .dark\:bg-emerald-500:where(.dark, .dark *),
  .route9:where(.dark, .dark *),
  .route9:where(.dark, .dark *) {
    background-color: var(--color-emerald-500);
  }
  .dark\:bg-emerald-500\/20:where(.dark, .dark *),
  .dash172:where(.dark, .dark *),
  .dash172:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(69.6% .17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
  .dark\:bg-emerald-900:where(.dark, .dark *) {
    background-color: var(--color-emerald-900);
  }
  .dark\:bg-emerald-900\/60:where(.dark, .dark *),
  .detail42:where(.dark, .dark *),
  .detail42:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.8% .077 168.94) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 60%, transparent);
    }
  }
  .dark\:bg-emerald-950:where(.dark, .dark *) {
    background-color: var(--color-emerald-950);
  }
  .dark\:bg-emerald-950\/30:where(.dark, .dark *),
  .detail36:where(.dark, .dark *),
  .detail38:where(.dark, .dark *),
  .route7:where(.dark, .dark *),
  .detail36:where(.dark, .dark *),
  .detail38:where(.dark, .dark *),
  .route7:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(26.2% .051 172.552) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent);
    }
  }
  .dark\:bg-emerald-950\/40:where(.dark, .dark *),
  .detailDirectionState2:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(26.2% .051 172.552) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
    }
  }
  .dark\:bg-emerald-950\/50:where(.dark, .dark *),
  .detailHandlePrintSlipBtn:where(.dark, .dark *),
  .detailHandlePrintSlipBtn:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(26.2% .051 172.552) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 50%, transparent);
    }
  }
  .dark\:bg-emerald-950\/60:where(.dark, .dark *),
  .detailCurrentStatusState:where(.dark, .dark *),
  .head233:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(26.2% .051 172.552) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 60%, transparent);
    }
  }
  .dark\:bg-indigo-500\/15:where(.dark, .dark *),
  .dash2:where(.dark, .dark *),
  .dash2:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(58.5% .233 277.117) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 15%, transparent);
    }
  }
  .dark\:bg-indigo-900\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(35.9% .144 278.697) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-900) 60%, transparent);
    }
  }
  .dark\:bg-indigo-950:where(.dark, .dark *) {
    background-color: var(--color-indigo-950);
  }
  .dark\:bg-indigo-950\/40:where(.dark, .dark *),
  .detailDirectionState3:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(25.7% .09 281.288) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-950) 40%, transparent);
    }
  }
  .dark\:bg-indigo-950\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(25.7% .09 281.288) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-950) 60%, transparent);
    }
  }
  .dark\:bg-orange-900\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(40.8% .123 38.172) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-900) 60%, transparent);
    }
  }
  .dark\:bg-orange-950:where(.dark, .dark *) {
    background-color: var(--color-orange-950);
  }
  .dark\:bg-purple-900\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(38.1% .176 304.987) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-900) 60%, transparent);
    }
  }
  .dark\:bg-purple-950:where(.dark, .dark *) {
    background-color: var(--color-purple-950);
  }
  .dark\:bg-purple-950\/40:where(.dark, .dark *),
  .detailPriorityState3:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(29.1% .149 302.717) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-950) 40%, transparent);
    }
  }
  .dark\:bg-purple-950\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(29.1% .149 302.717) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-950) 60%, transparent);
    }
  }
  .dark\:bg-rose-500\/20:where(.dark, .dark *),
  .dash192:where(.dark, .dark *),
  .dash192:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(64.5% .246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }
  .dark\:bg-rose-900:where(.dark, .dark *) {
    background-color: var(--color-rose-900);
  }
  .dark\:bg-rose-900\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(41% .159 10.272) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-900) 60%, transparent);
    }
  }
  .dark\:bg-rose-950:where(.dark, .dark *),
  .slipDeleteSignatoryFormatBtn:where(.dark, .dark *) {
    background-color: var(--color-rose-950);
  }
  .dark\:bg-rose-950\/40:where(.dark, .dark *),
  .detailPriorityState2:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(27.1% .105 12.094) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent);
    }
  }
  .dark\:bg-rose-950\/50:where(.dark, .dark *),
  .detailHandleDecision4Btn:where(.dark, .dark *),
  .detailHandleDecision4Btn:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(27.1% .105 12.094) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-950) 50%, transparent);
    }
  }
  .dark\:bg-rose-950\/60:where(.dark, .dark *),
  .head322:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(27.1% .105 12.094) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-950) 60%, transparent);
    }
  }
  .dark\:bg-sky-500\/20:where(.dark, .dark *),
  .dash112:where(.dark, .dark *),
  .dash112:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(68.5% .169 237.323) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
    }
  }
  .dark\:bg-sky-950:where(.dark, .dark *) {
    background-color: var(--color-sky-950);
  }
  .dark\:bg-slate-200:where(.dark, .dark *),
  .detailStageActiveState5:where(.dark, .dark *) {
    background-color: var(--color-slate-200);
  }
  .dark\:bg-slate-600:where(.dark, .dark *),
  .detail144:where(.dark, .dark *),
  .detail144:where(.dark, .dark *) {
    background-color: var(--color-slate-600);
  }
  .dark\:bg-slate-700:where(.dark, .dark *) {
    background-color: var(--color-slate-700);
  }
  .dark\:bg-slate-800:where(.dark, .dark *),
  .detail213:where(.dark, .dark *),
  .detail511:where(.dark, .dark *),
  .detailHandleDecision2Btn:where(.dark, .dark *),
  .detailHandleViewFileBtn:where(.dark, .dark *),
  .detail134:where(.dark, .dark *),
  .detail29:where(.dark, .dark *),
  .detailCopyNotesToBtn:where(.dark, .dark *),
  .detailStartEditingFinalBtn:where(.dark, .dark *),
  .detailHalKuhaninSaArea:where(.dark, .dark *),
  .detailCancelEditingFinalBtn:where(.dark, .dark *),
  .detailHandleViewFileBtn2:where(.dark, .dark *),
  .detail214:where(.dark, .dark *),
  .detail223:where(.dark, .dark *),
  .detailHandleClose2Btn:where(.dark, .dark *),
  .routeHandoffNotesArea:where(.dark, .dark *),
  .dash222:where(.dark, .dark *),
  .dash302:where(.dark, .dark *),
  .dash332:where(.dark, .dark *),
  .headBrandLogo:where(.dark, .dark *),
  .head33:where(.dark, .dark *),
  .head4:where(.dark, .dark *),
  .detail213:where(.dark, .dark *),
  .detail511:where(.dark, .dark *),
  .detailHandleDecision2Btn:where(.dark, .dark *),
  .detailHandleViewFileBtn:where(.dark, .dark *),
  .detail134:where(.dark, .dark *),
  .detail29:where(.dark, .dark *),
  .detailCopyNotesToBtn:where(.dark, .dark *),
  .detailStartEditingFinalBtn:where(.dark, .dark *),
  .detailHalKuhaninSaArea:where(.dark, .dark *),
  .detailCancelEditingFinalBtn:where(.dark, .dark *),
  .detailHandleViewFileBtn2:where(.dark, .dark *),
  .detail214:where(.dark, .dark *),
  .detail223:where(.dark, .dark *),
  .detailHandleClose2Btn:where(.dark, .dark *),
  .routeHandoffNotesArea:where(.dark, .dark *),
  .dash222:where(.dark, .dark *),
  .dash302:where(.dark, .dark *),
  .dash332:where(.dark, .dark *),
  .headBrandLogo:where(.dark, .dark *),
  .head33:where(.dark, .dark *),
  .head4:where(.dark, .dark *),
  .app232:where(.dark, .dark *),
  .detailPriorityState4:where(.dark, .dark *),
  .detailStageActiveState6:where(.dark, .dark *),
  .slipStyle:where(.dark, .dark *),
  .slipOnBackBtn:where(.dark, .dark *),
  .slipChooseRoutingSlipSelect:where(.dark, .dark *),
  .slipSetBtn:where(.dark, .dark *),
  .slipInput:where(.dark, .dark *),
  .slip2Input:where(.dark, .dark *),
  .slip3Input:where(.dark, .dark *),
  .slip4Input:where(.dark, .dark *),
  .slip5Input:where(.dark, .dark *),
  .head26:where(.dark, .dark *),
  .head27:where(.dark, .dark *) {
    background-color: var(--color-slate-800);
  }
  .dark\:bg-slate-800\/30:where(.dark, .dark *),
  .detail20:where(.dark, .dark *),
  .head15:where(.dark, .dark *),
  .detail20:where(.dark, .dark *),
  .head15:where(.dark, .dark *),
  .detailStageActiveState2:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(27.9% .041 260.031) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent);
    }
  }
  .dark\:bg-slate-800\/40:where(.dark, .dark *),
  .detailOverflowAnywhere2:where(.dark, .dark *),
  .detail18:where(.dark, .dark *),
  .detail22:where(.dark, .dark *),
  .head19:where(.dark, .dark *),
  .detailOverflowAnywhere2:where(.dark, .dark *),
  .detail18:where(.dark, .dark *),
  .detail22:where(.dark, .dark *),
  .head19:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(27.9% .041 260.031) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 40%, transparent);
    }
  }
  .dark\:bg-slate-800\/50:where(.dark, .dark *),
  .detail11:where(.dark, .dark *),
  .detail35:where(.dark, .dark *),
  .detail61:where(.dark, .dark *),
  .head1:where(.dark, .dark *),
  .head13:where(.dark, .dark *),
  .detail11:where(.dark, .dark *),
  .detail35:where(.dark, .dark *),
  .detail61:where(.dark, .dark *),
  .head1:where(.dark, .dark *),
  .head13:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(27.9% .041 260.031) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
    }
  }
  .dark\:bg-slate-800\/60:where(.dark, .dark *),
  .dash29:where(.dark, .dark *),
  .dash54:where(.dark, .dark *),
  .dash29:where(.dark, .dark *),
  .dash54:where(.dark, .dark *),
  .slip6:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(27.9% .041 260.031) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent);
    }
  }
  .dark\:bg-slate-800\/80:where(.dark, .dark *),
  .route2:where(.dark, .dark *),
  .dash9:where(.dark, .dark *),
  .side3:where(.dark, .dark *),
  .route2:where(.dark, .dark *),
  .dash9:where(.dark, .dark *),
  .side3:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(27.9% .041 260.031) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
    }
  }
  .dark\:bg-slate-800\/90:where(.dark, .dark *),
  .dashOnNavigateToBtn:where(.dark, .dark *),
  .dashTr:where(.dark, .dark *),
  .dashOnNavigateToBtn:where(.dark, .dark *),
  .dashTr:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(27.9% .041 260.031) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 90%, transparent);
    }
  }
  .dark\:bg-slate-900:where(.dark, .dark *),
  .app1:where(.dark, .dark *),
  .app15:where(.dark, .dark *),
  .detailDetailPanel:where(.dark, .dark *),
  .detail7:where(.dark, .dark *),
  .detail26:where(.dark, .dark *),
  .detailRecipientFlowNav:where(.dark, .dark *),
  .detailFlowRecipientDetails:where(.dark, .dark *),
  .detail51:where(.dark, .dark *),
  .detail57:where(.dark, .dark *),
  .detail63:where(.dark, .dark *),
  .detailHandleViewFileBtn3:where(.dark, .dark *),
  .dashWorkload:where(.dark, .dark *),
  .dashDashboardTxns:where(.dark, .dark *),
  .dash42:where(.dark, .dark *),
  .dash58:where(.dark, .dark *),
  .slipSlipBar:where(.dark, .dark *),
  .slipSlipCustomize:where(.dark, .dark *),
  .slipSlipPicker:where(.dark, .dark *),
  .head162:where(.dark, .dark *),
  .app1:where(.dark, .dark *),
  .app15:where(.dark, .dark *),
  .detailDetailPanel:where(.dark, .dark *),
  .detail7:where(.dark, .dark *),
  .detail26:where(.dark, .dark *),
  .detailRecipientFlowNav:where(.dark, .dark *),
  .detailFlowRecipientDetails:where(.dark, .dark *),
  .detail51:where(.dark, .dark *),
  .detail57:where(.dark, .dark *),
  .detail63:where(.dark, .dark *),
  .detailHandleViewFileBtn3:where(.dark, .dark *),
  .dashWorkload:where(.dark, .dark *),
  .dashDashboardTxns:where(.dark, .dark *),
  .dash42:where(.dark, .dark *),
  .dash58:where(.dark, .dark *),
  .slipSlipBar:where(.dark, .dark *),
  .slipSlipCustomize:where(.dark, .dark *),
  .slipSlipPicker:where(.dark, .dark *),
  .head162:where(.dark, .dark *),
  .slipSelect:where(.dark, .dark *),
  .slipEGOicInput:where(.dark, .dark *),
  .headEmit2Btn:where(.dark, .dark *) {
    background-color: var(--color-slate-900);
  }
  .dark\:bg-slate-900\/40:where(.dark, .dark *),
  .detail45:where(.dark, .dark *),
  .detail45:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
    }
  }
  .dark\:bg-slate-900\/80:where(.dark, .dark *),
  .detail43:where(.dark, .dark *),
  .dashHeroCommandCard:where(.dark, .dark *),
  .detail43:where(.dark, .dark *),
  .dashHeroCommandCard:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
    }
  }
  .dark\:bg-slate-900\/90:where(.dark, .dark *),
  .dashKpiCardBtn:where(.dark, .dark *),
  .dashKpiCard2Btn:where(.dark, .dark *),
  .dashKpiCard3Btn:where(.dark, .dark *),
  .dashKpiCard4Btn:where(.dark, .dark *),
  .dashKpiCard5Btn:where(.dark, .dark *),
  .dashKpiCard6Btn:where(.dark, .dark *),
  .dashKpiCardBtn:where(.dark, .dark *),
  .dashKpiCard2Btn:where(.dark, .dark *),
  .dashKpiCard3Btn:where(.dark, .dark *),
  .dashKpiCard4Btn:where(.dark, .dark *),
  .dashKpiCard5Btn:where(.dark, .dark *),
  .dashKpiCard6Btn:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 90%, transparent);
    }
  }
  .dark\:bg-slate-900\/95:where(.dark, .dark *),
  .detailDetail2:where(.dark, .dark *),
  .head2:where(.dark, .dark *),
  .dialog4:where(.dark, .dark *),
  .dialog7:where(.dark, .dark *),
  .detailDetail2:where(.dark, .dark *),
  .head2:where(.dark, .dark *),
  .dialog4:where(.dark, .dark *),
  .dialog7:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(20.8% .042 265.755) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
    }
  }
  .dark\:bg-slate-950:where(.dark, .dark *),
  .appStyle:where(.dark, .dark *),
  .appStyle:where(.dark, .dark *),
  .appAppShell2:where(.dark, .dark *) {
    background-color: var(--color-slate-950);
  }
  .dark\:bg-slate-950\/40:where(.dark, .dark *),
  .detailDetail:where(.dark, .dark *),
  .detailDetail:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(12.9% .042 264.695) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 40%, transparent);
    }
  }
  .dark\:bg-teal-900\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(38.6% .063 188.416) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-900) 60%, transparent);
    }
  }
  .dark\:bg-violet-500\/20:where(.dark, .dark *),
  .dash122:where(.dark, .dark *),
  .dash122:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(60.6% .25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
    }
  }
  .dark\:bg-violet-900\/60:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(38% .189 293.745) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-900) 60%, transparent);
    }
  }
  .dark\:bg-white:where(.dark, .dark *) {
    background-color: var(--color-white);
  }
  .dark\:text-amber-200:where(.dark, .dark *),
  .detail12:where(.dark, .dark *),
  .detail12:where(.dark, .dark *),
  .detailCurrentStatusState2:where(.dark, .dark *) {
    color: var(--color-amber-200);
  }
  .dark\:text-amber-300:where(.dark, .dark *),
  .dash142:where(.dark, .dark *),
  .side33:where(.dark, .dark *),
  .dash142:where(.dark, .dark *),
  .side33:where(.dark, .dark *) {
    color: var(--color-amber-300);
  }
  .dark\:text-amber-400:where(.dark, .dark *),
  .detailAlertCircleIcon:where(.dark, .dark *),
  .dash162:where(.dark, .dark *),
  .dash36:where(.dark, .dark *),
  .dashStrong7:where(.dark, .dark *),
  .head62:where(.dark, .dark *),
  .detailAlertCircleIcon:where(.dark, .dark *),
  .dash162:where(.dark, .dark *),
  .dash36:where(.dark, .dark *),
  .dashStrong7:where(.dark, .dark *),
  .head62:where(.dark, .dark *) {
    color: var(--color-amber-400);
  }
  .dark\:text-blue-200:where(.dark, .dark *),
  .detail163:where(.dark, .dark *),
  .detail203:where(.dark, .dark *),
  .detail163:where(.dark, .dark *),
  .detail203:where(.dark, .dark *),
  .detailCurrentStatusState3:where(.dark, .dark *) {
    color: var(--color-blue-200);
  }
  .dark\:text-blue-300:where(.dark, .dark *),
  .detailCopyTrackingNumberBtn:where(.dark, .dark *),
  .detail68:where(.dark, .dark *),
  .detail83:where(.dark, .dark *),
  .detailLabel:where(.dark, .dark *),
  .dash7:where(.dark, .dark *),
  .dash92:where(.dark, .dark *),
  .followSpan:where(.dark, .dark *),
  .detailCopyTrackingNumberBtn:where(.dark, .dark *),
  .detail68:where(.dark, .dark *),
  .detail83:where(.dark, .dark *),
  .detailLabel:where(.dark, .dark *),
  .dash7:where(.dark, .dark *),
  .dash92:where(.dark, .dark *),
  .followSpan:where(.dark, .dark *),
  .dashDocDirectionState2:where(.dark, .dark *),
  .headResultDocDirection2:where(.dark, .dark *) {
    color: var(--color-blue-300);
  }
  .dark\:text-blue-400:where(.dark, .dark *),
  .appArrowForwardCircleIcon:where(.dark, .dark *),
  .detailStrong2:where(.dark, .dark *),
  .detail73:where(.dark, .dark *),
  .detailSetActiveTabBtn:where(.dark, .dark *),
  .detailInfoCircleIcon:where(.dark, .dark *),
  .detailOverflowAnywhereDd3:where(.dark, .dark *),
  .detail113:where(.dark, .dark *),
  .detail102:where(.dark, .dark *),
  .detailAttachIcon:where(.dark, .dark *),
  .detailTextIcon:where(.dark, .dark *),
  .routePeopleIcon:where(.dark, .dark *),
  .routeShieldCheckmarkIcon:where(.dark, .dark *),
  .dashShieldCheckmarkIcon:where(.dark, .dark *),
  .dash213:where(.dark, .dark *),
  .dash292:where(.dark, .dark *),
  .dashOnNavigateToBtn3:where(.dark, .dark *),
  .dashClearSearchBtn:where(.dark, .dark *),
  .dashOnDocBtn:where(.dark, .dark *),
  .dash372:where(.dark, .dark *),
  .slipSpan:where(.dark, .dark *),
  .slipTextIcon:where(.dark, .dark *),
  .slipCheckmarkIcon:where(.dark, .dark *),
  .headViewAllResultsBtn:where(.dark, .dark *),
  .head53:where(.dark, .dark *),
  .headViewAllResultsBtn2:where(.dark, .dark *),
  .appArrowForwardCircleIcon:where(.dark, .dark *),
  .detailStrong2:where(.dark, .dark *),
  .detail73:where(.dark, .dark *),
  .detailSetActiveTabBtn:where(.dark, .dark *),
  .detailInfoCircleIcon:where(.dark, .dark *),
  .detailOverflowAnywhereDd3:where(.dark, .dark *),
  .detail113:where(.dark, .dark *),
  .detail102:where(.dark, .dark *),
  .detailAttachIcon:where(.dark, .dark *),
  .detailTextIcon:where(.dark, .dark *),
  .routePeopleIcon:where(.dark, .dark *),
  .routeShieldCheckmarkIcon:where(.dark, .dark *),
  .dashShieldCheckmarkIcon:where(.dark, .dark *),
  .dash213:where(.dark, .dark *),
  .dash292:where(.dark, .dark *),
  .dashOnNavigateToBtn3:where(.dark, .dark *),
  .dashClearSearchBtn:where(.dark, .dark *),
  .dashOnDocBtn:where(.dark, .dark *),
  .dash372:where(.dark, .dark *),
  .slipSpan:where(.dark, .dark *),
  .slipTextIcon:where(.dark, .dark *),
  .slipCheckmarkIcon:where(.dark, .dark *),
  .headViewAllResultsBtn:where(.dark, .dark *),
  .head53:where(.dark, .dark *),
  .headViewAllResultsBtn2:where(.dark, .dark *),
  .headUserIdState:where(.dark, .dark *) {
    color: var(--color-blue-400);
  }
  .dark\:text-cyan-300:where(.dark, .dark *) {
    color: var(--color-cyan-300);
  }
  .dark\:text-emerald-100:where(.dark, .dark *),
  .routeH4:where(.dark, .dark *),
  .routeH4:where(.dark, .dark *) {
    color: var(--color-emerald-100);
  }
  .dark\:text-emerald-200:where(.dark, .dark *),
  .detail42:where(.dark, .dark *),
  .dialog4:where(.dark, .dark *),
  .detail42:where(.dark, .dark *),
  .dialog4:where(.dark, .dark *),
  .detailCurrentStatusState:where(.dark, .dark *) {
    color: var(--color-emerald-200);
  }
  .dark\:text-emerald-300:where(.dark, .dark *),
  .detail37:where(.dark, .dark *),
  .detail40:where(.dark, .dark *),
  .detailStartEditingFinalBtn:where(.dark, .dark *),
  .detailHandlePrintSlipBtn:where(.dark, .dark *),
  .route11:where(.dark, .dark *),
  .dash8:where(.dark, .dark *),
  .dash172:where(.dark, .dark *),
  .detail37:where(.dark, .dark *),
  .detail40:where(.dark, .dark *),
  .detailStartEditingFinalBtn:where(.dark, .dark *),
  .detailHandlePrintSlipBtn:where(.dark, .dark *),
  .route11:where(.dark, .dark *),
  .dash8:where(.dark, .dark *),
  .dash172:where(.dark, .dark *),
  .detailDirectionState2:where(.dark, .dark *),
  .dashDocDirectionState:where(.dark, .dark *),
  .dash214:where(.dark, .dark *),
  .headResultDocDirection:where(.dark, .dark *),
  .head233:where(.dark, .dark *) {
    color: var(--color-emerald-300);
  }
  .dark\:text-emerald-300\/90:where(.dark, .dark *),
  .detail44:where(.dark, .dark *),
  .detail44:where(.dark, .dark *) {
    color: color-mix(in srgb, oklch(84.5% .143 164.978) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-300) 90%, transparent);
    }
  }
  .dark\:text-emerald-400:where(.dark, .dark *),
  .appCheckmarkCircleIcon:where(.dark, .dark *),
  .detailSpan:where(.dark, .dark *),
  .detail142:where(.dark, .dark *),
  .detailLocationOutlineIcon:where(.dark, .dark *),
  .detailCheckmarkOutlineIcon:where(.dark, .dark *),
  .detail183:where(.dark, .dark *),
  .detailStartEditingFinalBtn2:where(.dark, .dark *),
  .routeCheckmarkDoneCircleIcon:where(.dark, .dark *),
  .route72:where(.dark, .dark *),
  .dash182:where(.dark, .dark *),
  .dashStrong4:where(.dark, .dark *),
  .appCheckmarkCircleIcon:where(.dark, .dark *),
  .detailSpan:where(.dark, .dark *),
  .detail142:where(.dark, .dark *),
  .detailLocationOutlineIcon:where(.dark, .dark *),
  .detailCheckmarkOutlineIcon:where(.dark, .dark *),
  .detail183:where(.dark, .dark *),
  .detailStartEditingFinalBtn2:where(.dark, .dark *),
  .routeCheckmarkDoneCircleIcon:where(.dark, .dark *),
  .route72:where(.dark, .dark *),
  .dash182:where(.dark, .dark *),
  .dashStrong4:where(.dark, .dark *),
  .headUserActiveState:where(.dark, .dark *) {
    color: var(--color-emerald-400);
  }
  .dark\:text-indigo-200:where(.dark, .dark *) {
    color: var(--color-indigo-200);
  }
  .dark\:text-indigo-300:where(.dark, .dark *),
  .detailDirectionState3:where(.dark, .dark *) {
    color: var(--color-indigo-300);
  }
  .dark\:text-indigo-400:where(.dark, .dark *) {
    color: var(--color-indigo-400);
  }
  .dark\:text-orange-200:where(.dark, .dark *) {
    color: var(--color-orange-200);
  }
  .dark\:text-purple-200:where(.dark, .dark *) {
    color: var(--color-purple-200);
  }
  .dark\:text-purple-300:where(.dark, .dark *),
  .detailPriorityState3:where(.dark, .dark *) {
    color: var(--color-purple-300);
  }
  .dark\:text-rose-100:where(.dark, .dark *),
  .dashH4:where(.dark, .dark *),
  .dashH4:where(.dark, .dark *) {
    color: var(--color-rose-100);
  }
  .dark\:text-rose-200:where(.dark, .dark *),
  .dialog7:where(.dark, .dark *),
  .dialog7:where(.dark, .dark *) {
    color: var(--color-rose-200);
  }
  .dark\:text-rose-200\/90:where(.dark, .dark *),
  .dashP:where(.dark, .dark *),
  .dashP:where(.dark, .dark *) {
    color: color-mix(in srgb, oklch(89.2% .058 10.001) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-200) 90%, transparent);
    }
  }
  .dark\:text-rose-300:where(.dark, .dark *),
  .detailHandleDecision4Btn:where(.dark, .dark *),
  .dash192:where(.dark, .dark *),
  .detailHandleDecision4Btn:where(.dark, .dark *),
  .dash192:where(.dark, .dark *),
  .detailPriorityState2:where(.dark, .dark *),
  .dash323:where(.dark, .dark *),
  .slipDeleteSignatoryFormatBtn:where(.dark, .dark *),
  .head322:where(.dark, .dark *) {
    color: var(--color-rose-300);
  }
  .dark\:text-rose-400:where(.dark, .dark *),
  .appCloseCircleIcon:where(.dark, .dark *),
  .appRouteDecision2Btn:where(.dark, .dark *),
  .detailHandleDecision2Btn:where(.dark, .dark *),
  .dash202:where(.dark, .dark *),
  .dash312:where(.dark, .dark *),
  .appCloseCircleIcon:where(.dark, .dark *),
  .appRouteDecision2Btn:where(.dark, .dark *),
  .detailHandleDecision2Btn:where(.dark, .dark *),
  .dash202:where(.dark, .dark *),
  .dash312:where(.dark, .dark *),
  .headUserActiveState2:where(.dark, .dark *) {
    color: var(--color-rose-400);
  }
  .dark\:text-sky-300:where(.dark, .dark *),
  .dash112:where(.dark, .dark *),
  .dash112:where(.dark, .dark *) {
    color: var(--color-sky-300);
  }
  .dark\:text-slate-100:where(.dark, .dark *),
  .app1:where(.dark, .dark *),
  .detailDetailPanel:where(.dark, .dark *),
  .detailOverflowAnywhereDd:where(.dark, .dark *),
  .detailOverflowAnywhereDd2:where(.dark, .dark *),
  .detail67:where(.dark, .dark *),
  .detail82:where(.dark, .dark *),
  .detail92:where(.dark, .dark *),
  .detail112:where(.dark, .dark *),
  .detail43:where(.dark, .dark *),
  .detailHalKuhaninSaArea:where(.dark, .dark *),
  .routeHandoffNotesArea:where(.dark, .dark *),
  .slipLabel3:where(.dark, .dark *),
  .app1:where(.dark, .dark *),
  .detailDetailPanel:where(.dark, .dark *),
  .detailOverflowAnywhereDd:where(.dark, .dark *),
  .detailOverflowAnywhereDd2:where(.dark, .dark *),
  .detail67:where(.dark, .dark *),
  .detail82:where(.dark, .dark *),
  .detail92:where(.dark, .dark *),
  .detail112:where(.dark, .dark *),
  .detail43:where(.dark, .dark *),
  .detailHalKuhaninSaArea:where(.dark, .dark *),
  .routeHandoffNotesArea:where(.dark, .dark *),
  .slipLabel3:where(.dark, .dark *),
  .appAppShell2:where(.dark, .dark *),
  .headEmit2Btn:where(.dark, .dark *) {
    color: var(--color-slate-100);
  }
  .dark\:text-slate-200:where(.dark, .dark *),
  .detailOverflowAnywhere2:where(.dark, .dark *),
  .detailHandleViewFileBtn:where(.dark, .dark *),
  .detail122:where(.dark, .dark *),
  .detailDd:where(.dark, .dark *),
  .detailH4:where(.dark, .dark *),
  .detailHandleClose2Btn:where(.dark, .dark *),
  .route23:where(.dark, .dark *),
  .routeLabel:where(.dark, .dark *),
  .dashOnNavigateToBtn:where(.dark, .dark *),
  .dash272:where(.dark, .dark *),
  .dashTbody:where(.dark, .dark *),
  .dash37:where(.dark, .dark *),
  .dashStrong2:where(.dark, .dark *),
  .dashPrevPageBtn:where(.dark, .dark *),
  .dash58:where(.dark, .dark *),
  .dashDocFromCardBtn:where(.dark, .dark *),
  .follow2:where(.dark, .dark *),
  .head103:where(.dark, .dark *),
  .head72:where(.dark, .dark *),
  .side22:where(.dark, .dark *),
  .detailOverflowAnywhere2:where(.dark, .dark *),
  .detailHandleViewFileBtn:where(.dark, .dark *),
  .detail122:where(.dark, .dark *),
  .detailDd:where(.dark, .dark *),
  .detailH4:where(.dark, .dark *),
  .detailHandleClose2Btn:where(.dark, .dark *),
  .route23:where(.dark, .dark *),
  .routeLabel:where(.dark, .dark *),
  .dashOnNavigateToBtn:where(.dark, .dark *),
  .dash272:where(.dark, .dark *),
  .dashTbody:where(.dark, .dark *),
  .dash37:where(.dark, .dark *),
  .dashStrong2:where(.dark, .dark *),
  .dashPrevPageBtn:where(.dark, .dark *),
  .dash58:where(.dark, .dark *),
  .dashDocFromCardBtn:where(.dark, .dark *),
  .follow2:where(.dark, .dark *),
  .head103:where(.dark, .dark *),
  .head72:where(.dark, .dark *),
  .side22:where(.dark, .dark *),
  .slipOnBackBtn:where(.dark, .dark *),
  .slipSetBtn:where(.dark, .dark *) {
    color: var(--color-slate-200);
  }
  .dark\:text-slate-300:where(.dark, .dark *),
  .detail213:where(.dark, .dark *),
  .detailStrong:where(.dark, .dark *),
  .detail511:where(.dark, .dark *),
  .detail211:where(.dark, .dark *),
  .detail410:where(.dark, .dark *),
  .detail134:where(.dark, .dark *),
  .detail152:where(.dark, .dark *),
  .detailCopyNotesToBtn:where(.dark, .dark *),
  .detailCancelEditingFinalBtn:where(.dark, .dark *),
  .detailHandleViewFileBtn2:where(.dark, .dark *),
  .detail182:where(.dark, .dark *),
  .detail223:where(.dark, .dark *),
  .detail212:where(.dark, .dark *),
  .detail63:where(.dark, .dark *),
  .detailHandleViewFileBtn3:where(.dark, .dark *),
  .dash222:where(.dark, .dark *),
  .dash332:where(.dark, .dark *),
  .dash56:where(.dark, .dark *),
  .dash57:where(.dark, .dark *),
  .follow3:where(.dark, .dark *),
  .head32:where(.dark, .dark *),
  .detail213:where(.dark, .dark *),
  .detailStrong:where(.dark, .dark *),
  .detail511:where(.dark, .dark *),
  .detail211:where(.dark, .dark *),
  .detail410:where(.dark, .dark *),
  .detail134:where(.dark, .dark *),
  .detail152:where(.dark, .dark *),
  .detailCopyNotesToBtn:where(.dark, .dark *),
  .detailCancelEditingFinalBtn:where(.dark, .dark *),
  .detailHandleViewFileBtn2:where(.dark, .dark *),
  .detail182:where(.dark, .dark *),
  .detail223:where(.dark, .dark *),
  .detail212:where(.dark, .dark *),
  .detail63:where(.dark, .dark *),
  .detailHandleViewFileBtn3:where(.dark, .dark *),
  .dash222:where(.dark, .dark *),
  .dash332:where(.dark, .dark *),
  .dash56:where(.dark, .dark *),
  .dash57:where(.dark, .dark *),
  .follow3:where(.dark, .dark *),
  .head32:where(.dark, .dark *),
  .detailPriorityState4:where(.dark, .dark *),
  .slipStyle:where(.dark, .dark *),
  .slipH3:where(.dark, .dark *),
  .slipLabel:where(.dark, .dark *),
  .slipLabel2:where(.dark, .dark *),
  .head27:where(.dark, .dark *) {
    color: var(--color-slate-300);
  }
  .dark\:text-slate-400:where(.dark, .dark *),
  .detail5:where(.dark, .dark *),
  .detailTabBtnBtn:where(.dark, .dark *),
  .detail173:where(.dark, .dark *),
  .detail132:where(.dark, .dark *),
  .detail45:where(.dark, .dark *),
  .detail214:where(.dark, .dark *),
  .detail192:where(.dark, .dark *),
  .detail222:where(.dark, .dark *),
  .detail65:where(.dark, .dark *),
  .route33:where(.dark, .dark *),
  .route53:where(.dark, .dark *),
  .dash9:where(.dark, .dark *),
  .dashPrintIcon:where(.dark, .dark *),
  .dash15:where(.dark, .dark *),
  .dash211:where(.dark, .dark *),
  .dash232:where(.dark, .dark *),
  .dash302:where(.dark, .dark *),
  .dash310:where(.dark, .dark *),
  .dashTr:where(.dark, .dark *),
  .dash410:where(.dark, .dark *),
  .dash35:where(.dark, .dark *),
  .dashTxnOriginColumn:where(.dark, .dark *),
  .dash38:where(.dark, .dark *),
  .dash362:where(.dark, .dark *),
  .dash510:where(.dark, .dark *),
  .dash382:where(.dark, .dark *),
  .dash48:where(.dark, .dark *),
  .dash49:where(.dark, .dark *),
  .dash51:where(.dark, .dark *),
  .dash59:where(.dark, .dark *),
  .slip3:where(.dark, .dark *),
  .head23:where(.dark, .dark *),
  .head43:where(.dark, .dark *),
  .head52:where(.dark, .dark *),
  .detail5:where(.dark, .dark *),
  .detailTabBtnBtn:where(.dark, .dark *),
  .detail173:where(.dark, .dark *),
  .detail132:where(.dark, .dark *),
  .detail45:where(.dark, .dark *),
  .detail214:where(.dark, .dark *),
  .detail192:where(.dark, .dark *),
  .detail222:where(.dark, .dark *),
  .detail65:where(.dark, .dark *),
  .route33:where(.dark, .dark *),
  .route53:where(.dark, .dark *),
  .dash9:where(.dark, .dark *),
  .dashPrintIcon:where(.dark, .dark *),
  .dash15:where(.dark, .dark *),
  .dash211:where(.dark, .dark *),
  .dash232:where(.dark, .dark *),
  .dash302:where(.dark, .dark *),
  .dash310:where(.dark, .dark *),
  .dashTr:where(.dark, .dark *),
  .dash410:where(.dark, .dark *),
  .dash35:where(.dark, .dark *),
  .dashTxnOriginColumn:where(.dark, .dark *),
  .dash38:where(.dark, .dark *),
  .dash362:where(.dark, .dark *),
  .dash510:where(.dark, .dark *),
  .dash382:where(.dark, .dark *),
  .dash48:where(.dark, .dark *),
  .dash49:where(.dark, .dark *),
  .dash51:where(.dark, .dark *),
  .dash59:where(.dark, .dark *),
  .slip3:where(.dark, .dark *),
  .head23:where(.dark, .dark *),
  .head43:where(.dark, .dark *),
  .head52:where(.dark, .dark *),
  .detailStageActiveState6:where(.dark, .dark *),
  .slipPrintIcon:where(.dark, .dark *),
  .slip23:where(.dark, .dark *),
  .slipCreateIcon:where(.dark, .dark *),
  .slip4Input:where(.dark, .dark *),
  .head26:where(.dark, .dark *) {
    color: var(--color-slate-400);
  }
  .dark\:text-slate-500:where(.dark, .dark *),
  .detailH3:where(.dark, .dark *),
  .detailDt:where(.dark, .dark *),
  .dash102:where(.dark, .dark *),
  .dash262:where(.dark, .dark *),
  .dash282:where(.dark, .dark *),
  .dashTd:where(.dark, .dark *),
  .dash39:where(.dark, .dark *),
  .dash61:where(.dark, .dark *),
  .slipSearch2Icon:where(.dark, .dark *),
  .slip13:where(.dark, .dark *),
  .headSpan:where(.dark, .dark *),
  .head4:where(.dark, .dark *),
  .head42:where(.dark, .dark *),
  .head102:where(.dark, .dark *),
  .side23:where(.dark, .dark *),
  .sideP:where(.dark, .dark *),
  .side32:where(.dark, .dark *),
  .detailH3:where(.dark, .dark *),
  .detailDt:where(.dark, .dark *),
  .dash102:where(.dark, .dark *),
  .dash262:where(.dark, .dark *),
  .dash282:where(.dark, .dark *),
  .dashTd:where(.dark, .dark *),
  .dash39:where(.dark, .dark *),
  .dash61:where(.dark, .dark *),
  .slipSearch2Icon:where(.dark, .dark *),
  .slip13:where(.dark, .dark *),
  .headSpan:where(.dark, .dark *),
  .head4:where(.dark, .dark *),
  .head42:where(.dark, .dark *),
  .head102:where(.dark, .dark *),
  .side23:where(.dark, .dark *),
  .sideP:where(.dark, .dark *),
  .side32:where(.dark, .dark *) {
    color: var(--color-slate-500);
  }
  .dark\:text-slate-600:where(.dark, .dark *),
  .detailAttachOutlineIcon:where(.dark, .dark *),
  .dashOpenOutlineIcon:where(.dark, .dark *),
  .dashOpenOutline2Icon:where(.dark, .dark *),
  .dashFileTrayOutlineIcon:where(.dark, .dark *),
  .dashTextOutlineIcon:where(.dark, .dark *),
  .slipAlertCircleOutlineIcon:where(.dark, .dark *),
  .detailAttachOutlineIcon:where(.dark, .dark *),
  .dashOpenOutlineIcon:where(.dark, .dark *),
  .dashOpenOutline2Icon:where(.dark, .dark *),
  .dashFileTrayOutlineIcon:where(.dark, .dark *),
  .dashTextOutlineIcon:where(.dark, .dark *),
  .slipAlertCircleOutlineIcon:where(.dark, .dark *) {
    color: var(--color-slate-600);
  }
  .dark\:text-slate-700:where(.dark, .dark *),
  .detail411:where(.dark, .dark *),
  .detail411:where(.dark, .dark *) {
    color: var(--color-slate-700);
  }
  .dark\:text-slate-900:where(.dark, .dark *),
  .detailStageActiveState5:where(.dark, .dark *) {
    color: var(--color-slate-900);
  }
  .dark\:text-teal-200:where(.dark, .dark *) {
    color: var(--color-teal-200);
  }
  .dark\:text-violet-200:where(.dark, .dark *) {
    color: var(--color-violet-200);
  }
  .dark\:text-violet-300:where(.dark, .dark *),
  .dash122:where(.dark, .dark *),
  .dash122:where(.dark, .dark *) {
    color: var(--color-violet-300);
  }
  .dark\:text-violet-400:where(.dark, .dark *),
  .dash132:where(.dark, .dark *),
  .dash132:where(.dark, .dark *) {
    color: var(--color-violet-400);
  }
  .dark\:text-white:where(.dark, .dark *),
  .detailOverflowAnywhere:where(.dark, .dark *),
  .detailP:where(.dark, .dark *),
  .detail93:where(.dark, .dark *),
  .detailStrong3:where(.dark, .dark *),
  .detail210:where(.dark, .dark *),
  .detailStrong5:where(.dark, .dark *),
  .dashH1:where(.dark, .dark *),
  .dash72:where(.dark, .dark *),
  .dash16:where(.dark, .dark *),
  .dashH3:where(.dark, .dark *),
  .dashStrong:where(.dark, .dark *),
  .dash252:where(.dark, .dark *),
  .dash210:where(.dark, .dark *),
  .dashOnDocSelect:where(.dark, .dark *),
  .dashPendingDocumentsTitle:where(.dark, .dark *),
  .dash47:where(.dark, .dark *),
  .dashStrong3:where(.dark, .dark *),
  .headP:where(.dark, .dark *),
  .head73:where(.dark, .dark *),
  .head92:where(.dark, .dark *),
  .headH2:where(.dark, .dark *),
  .head123:where(.dark, .dark *),
  .detailOverflowAnywhere:where(.dark, .dark *),
  .detailP:where(.dark, .dark *),
  .detail93:where(.dark, .dark *),
  .detailStrong3:where(.dark, .dark *),
  .detail210:where(.dark, .dark *),
  .detailStrong5:where(.dark, .dark *),
  .dashH1:where(.dark, .dark *),
  .dash72:where(.dark, .dark *),
  .dash16:where(.dark, .dark *),
  .dashH3:where(.dark, .dark *),
  .dashStrong:where(.dark, .dark *),
  .dash252:where(.dark, .dark *),
  .dash210:where(.dark, .dark *),
  .dashOnDocSelect:where(.dark, .dark *),
  .dashPendingDocumentsTitle:where(.dark, .dark *),
  .dash47:where(.dark, .dark *),
  .dashStrong3:where(.dark, .dark *),
  .headP:where(.dark, .dark *),
  .head73:where(.dark, .dark *),
  .head92:where(.dark, .dark *),
  .headH2:where(.dark, .dark *),
  .head123:where(.dark, .dark *),
  .slipH2:where(.dark, .dark *),
  .slipChooseRoutingSlipSelect:where(.dark, .dark *),
  .slipInput:where(.dark, .dark *),
  .slip2Input:where(.dark, .dark *),
  .slip3Input:where(.dark, .dark *),
  .slip5Input:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .dark\:shadow-black\/40:where(.dark, .dark *),
  .headShell2:where(.dark, .dark *) {
    --tw-shadow-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .dark\:shadow-black\/50:where(.dark, .dark *),
  .head242:where(.dark, .dark *) {
    --tw-shadow-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .dark\:shadow-black\/60:where(.dark, .dark *),
  .head2:where(.dark, .dark *),
  .head2:where(.dark, .dark *) {
    --tw-shadow-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent) ;
    }
  }
  .dark\:ring-blue-400\/25:where(.dark, .dark *) {
    --tw-ring-color: color-mix(in srgb, oklch(70.7% .165 254.624) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 25%, transparent) ;
    }
  }
  .dark\:ring-slate-700:where(.dark, .dark *),
  .headBrandLogo:where(.dark, .dark *),
  .headBrandLogo:where(.dark, .dark *) {
    --tw-ring-color: var(--color-slate-700);
  }
  .dark\:ring-slate-800:where(.dark, .dark *),
  .head122:where(.dark, .dark *),
  .side6:where(.dark, .dark *),
  .head122:where(.dark, .dark *),
  .side6:where(.dark, .dark *) {
    --tw-ring-color: var(--color-slate-800);
  }
  .dark\:ring-slate-900:where(.dark, .dark *),
  .dash392:where(.dark, .dark *),
  .headSystemOnline:where(.dark, .dark *),
  .dash392:where(.dark, .dark *),
  .headSystemOnline:where(.dark, .dark *) {
    --tw-ring-color: var(--color-slate-900);
  }
  @media (hover: hover) {
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.group):hover *),
    .head73:where(.dark, .dark *):is(:where(.group):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashKpiCardBtn):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashKpiCard2Btn):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashKpiCard3Btn):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashKpiCard4Btn):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashKpiCard5Btn):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashKpiCard6Btn):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashOnNavigateToBtn3):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.headSearchResultRowBtn):hover *),
    .head73:where(.dark, .dark *):is(:where(.group):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashKpiCardBtn):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashKpiCard2Btn):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashKpiCard3Btn):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashKpiCard4Btn):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashKpiCard5Btn):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashKpiCard6Btn):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.dashOnNavigateToBtn3):hover *),
    .dark\:group-hover\:text-blue-400:where(.dark, .dark *):is(:where(.headSearchResultRowBtn):hover *) {
      color: var(--color-blue-400);
    }
    .dark\:group-hover\/bar\:bg-slate-800:where(.dark, .dark *):is(:where(.group\/bar):hover *),
    .dash29:where(.dark, .dark *):is(:where(.group\/bar):hover *),
    .dark\:group-hover\/bar\:bg-slate-800:where(.dark, .dark *):is(:where(.dash27):hover *),
    .dash29:where(.dark, .dark *):is(:where(.group\/bar):hover *),
    .dark\:group-hover\/bar\:bg-slate-800:where(.dark, .dark *):is(:where(.dash27):hover *) {
      background-color: var(--color-slate-800);
    }
    .dark\:group-hover\/bar\:text-blue-400:where(.dark, .dark *):is(:where(.group\/bar):hover *),
    .dash252:where(.dark, .dark *):is(:where(.group\/bar):hover *),
    .dash272:where(.dark, .dark *):is(:where(.group\/bar):hover *),
    .dark\:group-hover\/bar\:text-blue-400:where(.dark, .dark *):is(:where(.dash27):hover *),
    .dash252:where(.dark, .dark *):is(:where(.group\/bar):hover *),
    .dash272:where(.dark, .dark *):is(:where(.group\/bar):hover *),
    .dark\:group-hover\/bar\:text-blue-400:where(.dark, .dark *):is(:where(.dash27):hover *) {
      color: var(--color-blue-400);
    }
  }
  .dark\:before\:bg-slate-800:where(.dark, .dark *):before,
  .detail59:where(.dark, .dark *):before,
  .detail59:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-color: var(--color-slate-800);
  }
  @media (hover: hover) {
    .dark\:hover\:border-blue-800\/60:where(.dark, .dark *):hover,
    .detail22:where(.dark, .dark *):hover,
    .detail22:where(.dark, .dark *):hover {
      border-color: color-mix(in srgb, oklch(42.4% .199 265.638) 60%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:border-blue-800\/60:where(.dark, .dark *):hover,
      .detail22:where(.dark, .dark *):hover,
      .detail22:where(.dark, .dark *):hover {
        border-color: color-mix(in oklab, var(--color-blue-800) 60%, transparent);
      }
    }
    .dark\:hover\:border-slate-500:where(.dark, .dark *):hover {
      border-color: var(--color-slate-500);
    }
    .dark\:hover\:bg-blue-500\/\[0\.07\]:where(.dark, .dark *):hover,
    .dashDashboardTxnRow:where(.dark, .dark *):hover,
    .dashDashboardTxnRow:where(.dark, .dark *):hover {
      background-color: color-mix(in srgb, oklch(62.3% .214 259.815) 7.000000000000001%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-blue-500\/\[0\.07\]:where(.dark, .dark *):hover,
      .dashDashboardTxnRow:where(.dark, .dark *):hover,
      .dashDashboardTxnRow:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-blue-500) 7.000000000000001%, transparent);
      }
    }
    .dark\:hover\:bg-blue-900\/50:where(.dark, .dark *):hover,
    .detailLabel:where(.dark, .dark *):hover,
    .detailLabel:where(.dark, .dark *):hover {
      background-color: color-mix(in srgb, oklch(37.9% .146 265.522) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-blue-900\/50:where(.dark, .dark *):hover,
      .detailLabel:where(.dark, .dark *):hover,
      .detailLabel:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
      }
    }
    .dark\:hover\:bg-blue-900\/60:where(.dark, .dark *):hover,
    .detailCopyTrackingNumberBtn:where(.dark, .dark *):hover,
    .dashOnDocBtn:where(.dark, .dark *):hover,
    .detailCopyTrackingNumberBtn:where(.dark, .dark *):hover,
    .dashOnDocBtn:where(.dark, .dark *):hover {
      background-color: color-mix(in srgb, oklch(37.9% .146 265.522) 60%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-blue-900\/60:where(.dark, .dark *):hover,
      .detailCopyTrackingNumberBtn:where(.dark, .dark *):hover,
      .dashOnDocBtn:where(.dark, .dark *):hover,
      .detailCopyTrackingNumberBtn:where(.dark, .dark *):hover,
      .dashOnDocBtn:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-blue-900) 60%, transparent);
      }
    }
    .dark\:hover\:bg-blue-950\/40:where(.dark, .dark *):hover,
    .headOpenScannerBtn:where(.dark, .dark *):hover,
    .headOpenScannerBtn:where(.dark, .dark *):hover {
      background-color: color-mix(in srgb, oklch(28.2% .091 267.935) 40%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-blue-950\/40:where(.dark, .dark *):hover,
      .headOpenScannerBtn:where(.dark, .dark *):hover,
      .headOpenScannerBtn:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
      }
    }
    .dark\:hover\:bg-emerald-900\/60:where(.dark, .dark *):hover,
    .detailHandlePrintSlipBtn:where(.dark, .dark *):hover,
    .detailHandlePrintSlipBtn:where(.dark, .dark *):hover {
      background-color: color-mix(in srgb, oklch(37.8% .077 168.94) 60%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-emerald-900\/60:where(.dark, .dark *):hover,
      .detailHandlePrintSlipBtn:where(.dark, .dark *):hover,
      .detailHandlePrintSlipBtn:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-emerald-900) 60%, transparent);
      }
    }
    .dark\:hover\:bg-rose-900\/60:where(.dark, .dark *):hover,
    .detailHandleDecision4Btn:where(.dark, .dark *):hover,
    .detailHandleDecision4Btn:where(.dark, .dark *):hover {
      background-color: color-mix(in srgb, oklch(41% .159 10.272) 60%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-rose-900\/60:where(.dark, .dark *):hover,
      .detailHandleDecision4Btn:where(.dark, .dark *):hover,
      .detailHandleDecision4Btn:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-rose-900) 60%, transparent);
      }
    }
    .dark\:hover\:bg-rose-950\/50:where(.dark, .dark *):hover,
    .detailHandleDecision2Btn:where(.dark, .dark *):hover,
    .headLogoutActionBtn:where(.dark, .dark *):hover,
    .detailHandleDecision2Btn:where(.dark, .dark *):hover,
    .headLogoutActionBtn:where(.dark, .dark *):hover {
      background-color: color-mix(in srgb, oklch(27.1% .105 12.094) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-rose-950\/50:where(.dark, .dark *):hover,
      .detailHandleDecision2Btn:where(.dark, .dark *):hover,
      .headLogoutActionBtn:where(.dark, .dark *):hover,
      .detailHandleDecision2Btn:where(.dark, .dark *):hover,
      .headLogoutActionBtn:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-rose-950) 50%, transparent);
      }
    }
    .dark\:hover\:bg-slate-700:where(.dark, .dark *):hover,
    .detailHandleViewFileBtn:where(.dark, .dark *):hover,
    .detailHandleClose2Btn:where(.dark, .dark *):hover,
    .slipClearSearchBtn:where(.dark, .dark *):hover,
    .detailHandleViewFileBtn:where(.dark, .dark *):hover,
    .detailHandleClose2Btn:where(.dark, .dark *):hover,
    .slipClearSearchBtn:where(.dark, .dark *):hover,
    .slipOnBackBtn:where(.dark, .dark *):hover,
    .slipSetBtn:where(.dark, .dark *):hover {
      background-color: var(--color-slate-700);
    }
    .dark\:hover\:bg-slate-800:where(.dark, .dark *):hover,
    .detailHandleCloseBtn:where(.dark, .dark *):hover,
    .dashPrevPageBtn:where(.dark, .dark *):hover,
    .dashSetBtn:where(.dark, .dark *):hover,
    .dashDocFromCardBtn:where(.dark, .dark *):hover,
    .headClearSearchBtn:where(.dark, .dark *):hover,
    .headCloseUserStatusBtn:where(.dark, .dark *):hover,
    .sideEmitBtn:where(.dark, .dark *):hover,
    .sideEmit2Btn:where(.dark, .dark *):hover,
    .detailHandleCloseBtn:where(.dark, .dark *):hover,
    .dashPrevPageBtn:where(.dark, .dark *):hover,
    .dashSetBtn:where(.dark, .dark *):hover,
    .dashDocFromCardBtn:where(.dark, .dark *):hover,
    .headClearSearchBtn:where(.dark, .dark *):hover,
    .headCloseUserStatusBtn:where(.dark, .dark *):hover,
    .sideEmitBtn:where(.dark, .dark *):hover,
    .sideEmit2Btn:where(.dark, .dark *):hover {
      background-color: var(--color-slate-800);
    }
    .dark\:hover\:bg-slate-800\/50:where(.dark, .dark *):hover,
    .dash45:where(.dark, .dark *):hover,
    .dash45:where(.dark, .dark *):hover {
      background-color: color-mix(in srgb, oklch(27.9% .041 260.031) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-slate-800\/50:where(.dark, .dark *):hover,
      .dash45:where(.dark, .dark *):hover,
      .dash45:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
      }
    }
    .dark\:hover\:text-blue-300:where(.dark, .dark *):hover,
    .detailSetActiveTabBtn:where(.dark, .dark *):hover,
    .dashOnNavigateToBtn3:where(.dark, .dark *):hover,
    .headViewAllResultsBtn:where(.dark, .dark *):hover,
    .detailSetActiveTabBtn:where(.dark, .dark *):hover,
    .dashOnNavigateToBtn3:where(.dark, .dark *):hover,
    .headViewAllResultsBtn:where(.dark, .dark *):hover {
      color: var(--color-blue-300);
    }
    .dark\:hover\:text-blue-400:where(.dark, .dark *):hover,
    .dashOnDocSelect:where(.dark, .dark *):hover,
    .dashOnDocSelect:where(.dark, .dark *):hover {
      color: var(--color-blue-400);
    }
    .dark\:hover\:text-slate-200:where(.dark, .dark *):hover,
    .detailHandleCloseBtn:where(.dark, .dark *):hover,
    .slipClearSearchBtn:where(.dark, .dark *):hover,
    .sideEmitBtn:where(.dark, .dark *):hover,
    .sideEmit2Btn:where(.dark, .dark *):hover,
    .dialogClearSuccessBtn:where(.dark, .dark *):hover,
    .detailHandleCloseBtn:where(.dark, .dark *):hover,
    .slipClearSearchBtn:where(.dark, .dark *):hover,
    .sideEmitBtn:where(.dark, .dark *):hover,
    .sideEmit2Btn:where(.dark, .dark *):hover,
    .dialogClearSuccessBtn:where(.dark, .dark *):hover {
      color: var(--color-slate-200);
    }
    .dark\:hover\:text-slate-300:where(.dark, .dark *):hover,
    .dashSetBtn:where(.dark, .dark *):hover,
    .dashSetBtn:where(.dark, .dark *):hover {
      color: var(--color-slate-300);
    }
    .dark\:hover\:text-white:where(.dark, .dark *):hover,
    .detailTabBtnBtn:where(.dark, .dark *):hover,
    .detailTabBtnBtn:where(.dark, .dark *):hover {
      color: var(--color-white);
    }
  }
}
:root {
  --ion-font-family:
    "Plus Jakarta Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --font-sans: var(--ion-font-family);
  --ion-color-primary: #2563eb;
  --ion-color-primary-rgb:
    37,
    99,
    235;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #2157cf;
  --ion-color-primary-tint: #3b73ed;
  --ion-background-color: #f8fafc;
  --ion-text-color: #0f172a;
}
html.dark,
body.dark {
  --ion-background-color: #070b14;
  --ion-text-color: #f8fafc;
  --ion-item-background: #0e1628;
  color-scheme: dark;
}
html,
body {
  font-family: var(--ion-font-family);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
ion-app {
  width: 100%;
  height: 100%;
}
ion-content.app-viewport {
  --background: var(--ion-background-color);
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, to {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}
:root {
  --blgf-primary: #2563eb;
  --blgf-primary-dark: #1d4ed8;
  --blgf-primary-light: #3b82f6;
  --blgf-secondary: #0f172a;
  --blgf-warning: #f59e0b;
  --blgf-success: #10b981;
  --blgf-error: #ef4444;
  --blgf-bg-default: #f8fafc;
  --blgf-bg-paper: #ffffff;
  --blgf-text-primary: #0f172a;
  --blgf-text-secondary: #64748b;
  --blgf-divider: #e2e8f0;
  --blgf-border-radius: 14px;
  --blgf-ambient-bg:
    radial-gradient(
      ellipse at 15% 5%,
      rgba(224, 231, 255, .55) 0%,
      transparent 45%),
    radial-gradient(
      ellipse at 85% 10%,
      rgba(219, 234, 254, .5) 0%,
      transparent 50%),
    radial-gradient(
      ellipse at 50% 95%,
      rgba(241, 245, 249, .7) 0%,
      transparent 50%),
    #f8fafc;
  --blgf-card-shadow:
    0 1px 3px rgba(15, 23, 42, .04),
    0 8px 24px -4px rgba(15, 23, 42, .06),
    inset 0 1px 0 rgba(255, 255, 255, .95);
  --blgf-card-hover-shadow:
    0 12px 32px -6px rgba(15, 23, 42, .1),
    0 0 16px -2px rgba(37, 99, 235, .08),
    inset 0 1px 0 rgba(255, 255, 255, .95);
  --ion-font-family:
    "Plus Jakarta Sans",
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
  --ion-color-primary: #2563eb;
  --ion-color-primary-rgb:
    37,
    99,
    235;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #1d4ed8;
  --ion-color-primary-tint: #3b82f6;
  --ion-color-secondary: #334155;
  --ion-color-secondary-rgb:
    51,
    65,
    85;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #1e293b;
  --ion-color-secondary-tint: #475569;
  --ion-color-tertiary: #4f46e5;
  --ion-color-tertiary-rgb:
    79,
    70,
    229;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #4338ca;
  --ion-color-tertiary-tint: #6366f1;
  --ion-color-success: #10b981;
  --ion-color-success-rgb:
    16,
    185,
    129;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb:
    255,
    255,
    255;
  --ion-color-success-shade: #059669;
  --ion-color-success-tint: #34d399;
  --ion-color-warning: #f59e0b;
  --ion-color-warning-rgb:
    245,
    158,
    11;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb:
    255,
    255,
    255;
  --ion-color-warning-shade: #d97706;
  --ion-color-warning-tint: #fbbf24;
  --ion-color-danger: #ef4444;
  --ion-color-danger-rgb:
    239,
    68,
    68;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #dc2626;
  --ion-color-danger-tint: #f87171;
  --ion-color-medium: #64748b;
  --ion-color-medium-rgb:
    100,
    116,
    139;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #475569;
  --ion-color-medium-tint: #94a3b8;
  --ion-color-light: #f8fafc;
  --ion-color-light-rgb:
    248,
    250,
    252;
  --ion-color-light-contrast: #0f172a;
  --ion-color-light-contrast-rgb:
    15,
    23,
    42;
  --ion-color-light-shade: #e2e8f0;
  --ion-color-light-tint: #ffffff;
  --ion-background-color: #f8fafc;
  --ion-background-color-rgb:
    248,
    250,
    252;
  --ion-text-color: #0f172a;
  --ion-text-color-rgb:
    15,
    23,
    42;
  --ion-border-color: #e2e8f0;
  --ion-item-border-color: #edf2f7;
  --ion-item-background: #ffffff;
  --ion-item-background-activated: #f8fafc;
  --ion-card-background: #ffffff;
  --ion-toolbar-background: #ffffff;
  --ion-toolbar-color: #0f172a;
  --ion-overlay-background-color: rgba(15, 23, 42, .45);
  --ion-padding: 16px;
  --ion-margin: 16px;
  --ion-radius: 12px;
}
html.dark,
body.dark,
:root.dark {
  --blgf-primary: #3b82f6;
  --blgf-primary-dark: #60a5fa;
  --blgf-primary-light: #2563eb;
  --blgf-secondary: #94a3b8;
  --blgf-warning: #fbbf24;
  --blgf-success: #34d399;
  --blgf-error: #f87171;
  --blgf-bg-default: #070b14;
  --blgf-bg-paper: #0e1628;
  --blgf-text-primary: #f8fafc;
  --blgf-text-secondary: #94a3b8;
  --blgf-divider: #1e293b;
  --blgf-ambient-bg:
    radial-gradient(
      ellipse at 15% 5%,
      rgba(30, 58, 138, .22) 0%,
      transparent 45%),
    radial-gradient(
      ellipse at 85% 10%,
      rgba(67, 56, 202, .16) 0%,
      transparent 50%),
    radial-gradient(
      ellipse at 50% 95%,
      rgba(15, 23, 42, .65) 0%,
      transparent 60%),
    #070b14;
  --blgf-card-shadow:
    0 8px 32px -4px rgba(0, 0, 0, .6),
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 0 0 1px rgba(255, 255, 255, .05);
  --blgf-card-hover-shadow:
    0 16px 40px -6px rgba(0, 0, 0, .75),
    0 0 24px -4px rgba(59, 130, 246, .22),
    inset 0 1px 0 rgba(255, 255, 255, .1);
  --ion-color-primary: #3b82f6;
  --ion-color-primary-rgb:
    59,
    130,
    246;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #2563eb;
  --ion-color-primary-tint: #60a5fa;
  --ion-background-color: #070b14;
  --ion-background-color-rgb:
    7,
    11,
    20;
  --ion-text-color: #f8fafc;
  --ion-text-color-rgb:
    248,
    250,
    252;
  --ion-border-color: rgba(51, 65, 85, .7);
  --ion-item-border-color: rgba(51, 65, 85, .6);
  --ion-item-background: #0e1628;
  --ion-item-background-activated: #162238;
  --ion-card-background: #0e1628;
  --ion-toolbar-background: #080c14;
  --ion-toolbar-color: #f8fafc;
  --ion-overlay-background-color: rgba(2, 6, 23, .75);
}
html,
body {
  font-family: var(--ion-font-family);
}
body {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
ion-button {
  --border-radius: 12px;
  --box-shadow: none;
  font-weight: 650;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
}
ion-button.primaryButton,
ion-button.submitButton,
ion-button.saveButton,
ion-button.createButton {
  --background: #2563eb;
  --color: #ffffff;
  --box-shadow: 0 4px 12px rgba(37, 99, 235, .26);
}
ion-button.primaryButton:hover,
ion-button.submitButton:hover,
ion-button.saveButton:hover,
ion-button.createButton:hover {
  --background: #1d4ed8;
}
html.dark ion-button.primaryButton,
html.dark ion-button.submitButton,
html.dark ion-button.saveButton,
html.dark ion-button.createButton {
  --background: #3b82f6;
  --color: #ffffff;
  --box-shadow: 0 4px 14px rgba(59, 130, 246, .3);
}
html.dark ion-button.primaryButton:hover,
html.dark ion-button.submitButton:hover,
html.dark ion-button.saveButton:hover,
html.dark ion-button.createButton:hover {
  --background: #2563eb;
}
ion-button.deleteButton,
ion-button.dangerButton {
  --background: #fff1f2;
  --background-activated: #ffe4e6;
  --color: #be123c;
  --border-color: #fecdd3;
  --border-width: 1px;
  --box-shadow: 0 2px 6px rgba(225, 29, 72, .08);
}
html.dark ion-button.deleteButton,
html.dark ion-button.dangerButton {
  --background: #2a151b;
  --color: #fda4af;
  --border-color: #581c2b;
}
ion-button.secondaryButton,
ion-button.cancelButton {
  --background: #ffffff;
  --color: #334155;
  --border-color: #e2e8f0;
  --border-width: 1px;
  --box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
html.dark ion-button.secondaryButton,
html.dark ion-button.cancelButton {
  --background: #0e1628;
  --color: #f1f5f9;
  --border-color: rgba(51, 65, 85, .8);
  --box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
ion-input,
ion-select,
ion-textarea {
  --background: #ffffff;
  --border-color: #cbd5e1;
  --border-radius: 12px;
  --padding-start: 14px;
  --padding-end: 14px;
  font-size: 14px;
  transition: all .16s ease;
}
html.dark ion-input,
html.dark ion-select,
html.dark ion-textarea {
  --background: #0e1628;
  --border-color: rgba(51, 65, 85, .75);
  color: #f8fafc;
}
ion-item {
  --padding-start: 0;
  --inner-padding-end: 0;
}
ion-segment-button {
  --border-radius: 10px;
  --indicator-color: #ffffff;
  font-weight: 650;
  text-transform: none;
  min-height: 40px;
  transition: all .16s ease;
}
html.dark ion-segment-button {
  --indicator-color: #162238;
  color: #94a3b8;
}
ion-toolbar {
  --padding-start: 0;
  --padding-end: 0;
}
ion-card {
  border-radius: 18px;
  border: 1px solid var(--ion-border-color);
  box-shadow: var(--blgf-card-shadow);
  margin: 0;
  background: var(--ion-card-background);
  transition:
    transform .18s cubic-bezier(.16, 1, .3, 1),
    box-shadow .18s ease,
    border-color .18s ease;
}
ion-card:hover {
  box-shadow: var(--blgf-card-hover-shadow);
  transform: translateY(-2px);
}
ion-chip {
  --background: #f1f5f9;
  --color: #334155;
  --border-radius: 9999px;
  font-weight: 700;
  font-size: 11px;
}
html.dark ion-chip {
  --background: #162238;
  --color: #93c5fd;
  border: 1px solid rgba(59, 130, 246, .25);
}
@media print {
  body.printing .no-print {
    display: none !important;
  }
  body.printing .print-area {
    display: block !important;
  }
}
:root {
  --ion-color-primary: #0054e9;
  --ion-color-primary-rgb:
    0,
    84,
    233;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #004acd;
  --ion-color-primary-tint: #1a65eb;
  --ion-color-secondary: #0163aa;
  --ion-color-secondary-rgb:
    1,
    99,
    170;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #015796;
  --ion-color-secondary-tint: #1a73b3;
  --ion-color-tertiary: #6030ff;
  --ion-color-tertiary-rgb:
    96,
    48,
    255;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #542ae0;
  --ion-color-tertiary-tint: #7045ff;
  --ion-color-success: #2dd55b;
  --ion-color-success-rgb:
    45,
    213,
    91;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb:
    0,
    0,
    0;
  --ion-color-success-shade: #28bb50;
  --ion-color-success-tint: #42d96b;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb:
    255,
    196,
    9;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #c5000f;
  --ion-color-danger-rgb:
    197,
    0,
    15;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #ad000d;
  --ion-color-danger-tint: #cb1a27;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb:
    244,
    245,
    248;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-medium: #636469;
  --ion-color-medium-rgb:
    99,
    100,
    105;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #57585c;
  --ion-color-medium-tint: #737478;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb:
    34,
    36,
    40;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
}
html.ios {
  --ion-default-font:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Roboto",
    sans-serif;
}
html.md {
  --ion-default-font:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
}
html {
  --ion-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
  color: var(--ion-text-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type,
html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type {
  padding-top: 6px;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
html.ios ion-modal ion-toolbar,
html.ios .modal-footer-moving ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: .18;
  }
}
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #0054e9) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0163aa) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #6030ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd55b) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #c5000f) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #636469) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #737478) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  inset: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}
.ion-page.ion-page-overlay-passthrough {
  pointer-events: none;
}
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden {
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid,
html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));
    --ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));
    --ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));
    --ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right));
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translateZ(0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
  overflow-y: hidden;
}
.menu-content-open ion-content {
  --overflow: hidden;
}
.menu-content-open .ion-content-scroll-host {
  overflow: hidden;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px #00000014;
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px #00000014;
}
.md .menu-content-reveal,
.md .menu-content-push {
  box-shadow: 4px 0 16px #0000002e;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: .3s transform cubic-bezier(.25, .8, .5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    transition: none !important;
  }
}
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
[ion-last-focus],
header[tabindex="-1"]:focus,
[role=banner][tabindex="-1"]:focus,
main[tabindex="-1"]:focus,
[role=main][tabindex="-1"]:focus,
h1[tabindex="-1"]:focus,
[role=heading][aria-level="1"][tabindex="-1"]:focus {
  outline: none;
}
.popover-viewport:has(> ion-content) {
  overflow: hidden;
}
@supports not selector(:has(> ion-content)) {
  .popover-viewport {
    overflow: hidden;
  }
}
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: 700;
}
img {
  max-width: 100%;
}
hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}
textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
textarea::placeholder {
  padding-left: 2px;
}
form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}
a ion-label,
button ion-label {
  pointer-events: none;
}
button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}
[tappable] {
  cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.ion-ce body {
  display: block;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
html {
  font-family: var(--ion-font-family);
}
@supports (-webkit-touch-callout: none) {
  html {
    font: var(--ion-dynamic-font, 16px var(--ion-font-family));
  }
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #0054e9);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 1.625rem;
}
h2 {
  margin-top: 18px;
  font-size: 1.5rem;
}
h3 {
  font-size: 1.375rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.125rem;
}
h6 {
  font-size: 1rem;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
.ion-hide,
.ion-hide-up,
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
.ion-display-none {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-display-sm-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-none {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-none {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-none {
    display: none !important;
  }
}
.ion-display-inline {
  display: inline !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline {
    display: inline !important;
  }
}
.ion-display-inline-block {
  display: inline-block !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-block {
    display: inline-block !important;
  }
}
.ion-display-block {
  display: block !important;
}
@media (min-width: 576px) {
  .ion-display-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-block {
    display: block !important;
  }
}
.ion-display-flex {
  display: flex !important;
}
@media (min-width: 576px) {
  .ion-display-sm-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-flex {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-flex {
    display: flex !important;
  }
}
.ion-display-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-flex {
    display: inline-flex !important;
  }
}
.ion-display-grid {
  display: grid !important;
}
@media (min-width: 576px) {
  .ion-display-sm-grid {
    display: grid !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-grid {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-grid {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-grid {
    display: grid !important;
  }
}
.ion-display-inline-grid {
  display: inline-grid !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-grid {
    display: inline-grid !important;
  }
}
.ion-display-table {
  display: table !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table {
    display: table !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table {
    display: table !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table {
    display: table !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table {
    display: table !important;
  }
}
.ion-display-table-cell {
  display: table-cell !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table-cell {
    display: table-cell !important;
  }
}
.ion-display-table-row {
  display: table-row !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table-row {
    display: table-row !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table-row {
    display: table-row !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table-row {
    display: table-row !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table-row {
    display: table-row !important;
  }
}
.ion-align-content-start {
  align-content: flex-start !important;
}
.ion-align-content-end {
  align-content: flex-end !important;
}
.ion-align-content-center {
  align-content: center !important;
}
.ion-align-content-between {
  align-content: space-between !important;
}
.ion-align-content-around {
  align-content: space-around !important;
}
.ion-align-content-stretch {
  align-content: stretch !important;
}
@media (min-width: 576px) {
  .ion-align-content-sm-start {
    align-content: flex-start !important;
  }
  .ion-align-content-sm-end {
    align-content: flex-end !important;
  }
  .ion-align-content-sm-center {
    align-content: center !important;
  }
  .ion-align-content-sm-between {
    align-content: space-between !important;
  }
  .ion-align-content-sm-around {
    align-content: space-around !important;
  }
  .ion-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 768px) {
  .ion-align-content-md-start {
    align-content: flex-start !important;
  }
  .ion-align-content-md-end {
    align-content: flex-end !important;
  }
  .ion-align-content-md-center {
    align-content: center !important;
  }
  .ion-align-content-md-between {
    align-content: space-between !important;
  }
  .ion-align-content-md-around {
    align-content: space-around !important;
  }
  .ion-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 992px) {
  .ion-align-content-lg-start {
    align-content: flex-start !important;
  }
  .ion-align-content-lg-end {
    align-content: flex-end !important;
  }
  .ion-align-content-lg-center {
    align-content: center !important;
  }
  .ion-align-content-lg-between {
    align-content: space-between !important;
  }
  .ion-align-content-lg-around {
    align-content: space-around !important;
  }
  .ion-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-content-xl-start {
    align-content: flex-start !important;
  }
  .ion-align-content-xl-end {
    align-content: flex-end !important;
  }
  .ion-align-content-xl-center {
    align-content: center !important;
  }
  .ion-align-content-xl-between {
    align-content: space-between !important;
  }
  .ion-align-content-xl-around {
    align-content: space-around !important;
  }
  .ion-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
.ion-align-items-start {
  align-items: start !important;
}
.ion-align-items-end {
  align-items: end !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
@media (min-width: 576px) {
  .ion-align-items-sm-start {
    align-items: start !important;
  }
  .ion-align-items-sm-end {
    align-items: end !important;
  }
  .ion-align-items-sm-center {
    align-items: center !important;
  }
  .ion-align-items-sm-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 768px) {
  .ion-align-items-md-start {
    align-items: start !important;
  }
  .ion-align-items-md-end {
    align-items: end !important;
  }
  .ion-align-items-md-center {
    align-items: center !important;
  }
  .ion-align-items-md-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 992px) {
  .ion-align-items-lg-start {
    align-items: start !important;
  }
  .ion-align-items-lg-end {
    align-items: end !important;
  }
  .ion-align-items-lg-center {
    align-items: center !important;
  }
  .ion-align-items-lg-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-items-xl-start {
    align-items: start !important;
  }
  .ion-align-items-xl-end {
    align-items: end !important;
  }
  .ion-align-items-xl-center {
    align-items: center !important;
  }
  .ion-align-items-xl-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.ion-align-self-start {
  align-self: start !important;
}
.ion-align-self-end {
  align-self: end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
@media (min-width: 576px) {
  .ion-align-self-sm-start {
    align-self: start !important;
  }
  .ion-align-self-sm-end {
    align-self: end !important;
  }
  .ion-align-self-sm-center {
    align-self: center !important;
  }
  .ion-align-self-sm-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-sm-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media (min-width: 768px) {
  .ion-align-self-md-start {
    align-self: start !important;
  }
  .ion-align-self-md-end {
    align-self: end !important;
  }
  .ion-align-self-md-center {
    align-self: center !important;
  }
  .ion-align-self-md-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-md-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-md-auto {
    align-self: auto !important;
  }
}
@media (min-width: 992px) {
  .ion-align-self-lg-start {
    align-self: start !important;
  }
  .ion-align-self-lg-end {
    align-self: end !important;
  }
  .ion-align-self-lg-center {
    align-self: center !important;
  }
  .ion-align-self-lg-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-lg-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-self-xl-start {
    align-self: start !important;
  }
  .ion-align-self-xl-end {
    align-self: end !important;
  }
  .ion-align-self-xl-center {
    align-self: center !important;
  }
  .ion-align-self-xl-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-xl-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-xl-auto {
    align-self: auto !important;
  }
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
@media (min-width: 576px) {
  .ion-justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-sm-center {
    justify-content: center !important;
  }
  .ion-justify-content-sm-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-sm-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 768px) {
  .ion-justify-content-md-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-md-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-md-center {
    justify-content: center !important;
  }
  .ion-justify-content-md-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-md-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 992px) {
  .ion-justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-lg-center {
    justify-content: center !important;
  }
  .ion-justify-content-lg-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-lg-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 1200px) {
  .ion-justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-xl-center {
    justify-content: center !important;
  }
  .ion-justify-content-xl-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-xl-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
.ion-flex-row {
  flex-direction: row !important;
}
.ion-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.ion-flex-column {
  flex-direction: column !important;
}
.ion-flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-row {
    flex-direction: row !important;
  }
  .ion-flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-sm-column {
    flex-direction: column !important;
  }
  .ion-flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-row {
    flex-direction: row !important;
  }
  .ion-flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-md-column {
    flex-direction: column !important;
  }
  .ion-flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-row {
    flex-direction: row !important;
  }
  .ion-flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-lg-column {
    flex-direction: column !important;
  }
  .ion-flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-row {
    flex-direction: row !important;
  }
  .ion-flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-xl-column {
    flex-direction: column !important;
  }
  .ion-flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-flex-wrap {
  flex-wrap: wrap !important;
}
.ion-flex-nowrap {
  flex-wrap: nowrap !important;
}
.ion-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.ion-flex-1 {
  flex: 1 !important;
}
.ion-flex-auto {
  flex: auto !important;
}
.ion-flex-initial {
  flex: initial !important;
}
.ion-flex-none {
  flex: none !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-1 {
    flex: 1 !important;
  }
  .ion-flex-sm-auto {
    flex: auto !important;
  }
  .ion-flex-sm-initial {
    flex: initial !important;
  }
  .ion-flex-sm-none {
    flex: none !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-1 {
    flex: 1 !important;
  }
  .ion-flex-md-auto {
    flex: auto !important;
  }
  .ion-flex-md-initial {
    flex: initial !important;
  }
  .ion-flex-md-none {
    flex: none !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-1 {
    flex: 1 !important;
  }
  .ion-flex-lg-auto {
    flex: auto !important;
  }
  .ion-flex-lg-initial {
    flex: initial !important;
  }
  .ion-flex-lg-none {
    flex: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-1 {
    flex: 1 !important;
  }
  .ion-flex-xl-auto {
    flex: auto !important;
  }
  .ion-flex-xl-initial {
    flex: initial !important;
  }
  .ion-flex-xl-none {
    flex: none !important;
  }
}
.ion-flex-grow-0 {
  flex-grow: 0 !important;
}
.ion-flex-grow-1 {
  flex-grow: 1 !important;
}
.ion-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.ion-flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.ion-order-first {
  order: -1 !important;
}
.ion-order-0 {
  order: 0 !important;
}
.ion-order-1 {
  order: 1 !important;
}
.ion-order-2 {
  order: 2 !important;
}
.ion-order-3 {
  order: 3 !important;
}
.ion-order-4 {
  order: 4 !important;
}
.ion-order-5 {
  order: 5 !important;
}
.ion-order-6 {
  order: 6 !important;
}
.ion-order-7 {
  order: 7 !important;
}
.ion-order-8 {
  order: 8 !important;
}
.ion-order-9 {
  order: 9 !important;
}
.ion-order-10 {
  order: 10 !important;
}
.ion-order-11 {
  order: 11 !important;
}
.ion-order-12 {
  order: 12 !important;
}
.ion-order-last {
  order: 13 !important;
}
@media (min-width: 576px) {
  .ion-order-sm-first {
    order: -1 !important;
  }
  .ion-order-sm-0 {
    order: 0 !important;
  }
  .ion-order-sm-1 {
    order: 1 !important;
  }
  .ion-order-sm-2 {
    order: 2 !important;
  }
  .ion-order-sm-3 {
    order: 3 !important;
  }
  .ion-order-sm-4 {
    order: 4 !important;
  }
  .ion-order-sm-5 {
    order: 5 !important;
  }
  .ion-order-sm-6 {
    order: 6 !important;
  }
  .ion-order-sm-7 {
    order: 7 !important;
  }
  .ion-order-sm-8 {
    order: 8 !important;
  }
  .ion-order-sm-9 {
    order: 9 !important;
  }
  .ion-order-sm-10 {
    order: 10 !important;
  }
  .ion-order-sm-11 {
    order: 11 !important;
  }
  .ion-order-sm-12 {
    order: 12 !important;
  }
  .ion-order-sm-last {
    order: 13 !important;
  }
}
@media (min-width: 768px) {
  .ion-order-md-first {
    order: -1 !important;
  }
  .ion-order-md-0 {
    order: 0 !important;
  }
  .ion-order-md-1 {
    order: 1 !important;
  }
  .ion-order-md-2 {
    order: 2 !important;
  }
  .ion-order-md-3 {
    order: 3 !important;
  }
  .ion-order-md-4 {
    order: 4 !important;
  }
  .ion-order-md-5 {
    order: 5 !important;
  }
  .ion-order-md-6 {
    order: 6 !important;
  }
  .ion-order-md-7 {
    order: 7 !important;
  }
  .ion-order-md-8 {
    order: 8 !important;
  }
  .ion-order-md-9 {
    order: 9 !important;
  }
  .ion-order-md-10 {
    order: 10 !important;
  }
  .ion-order-md-11 {
    order: 11 !important;
  }
  .ion-order-md-12 {
    order: 12 !important;
  }
  .ion-order-md-last {
    order: 13 !important;
  }
}
@media (min-width: 992px) {
  .ion-order-lg-first {
    order: -1 !important;
  }
  .ion-order-lg-0 {
    order: 0 !important;
  }
  .ion-order-lg-1 {
    order: 1 !important;
  }
  .ion-order-lg-2 {
    order: 2 !important;
  }
  .ion-order-lg-3 {
    order: 3 !important;
  }
  .ion-order-lg-4 {
    order: 4 !important;
  }
  .ion-order-lg-5 {
    order: 5 !important;
  }
  .ion-order-lg-6 {
    order: 6 !important;
  }
  .ion-order-lg-7 {
    order: 7 !important;
  }
  .ion-order-lg-8 {
    order: 8 !important;
  }
  .ion-order-lg-9 {
    order: 9 !important;
  }
  .ion-order-lg-10 {
    order: 10 !important;
  }
  .ion-order-lg-11 {
    order: 11 !important;
  }
  .ion-order-lg-12 {
    order: 12 !important;
  }
  .ion-order-lg-last {
    order: 13 !important;
  }
}
@media (min-width: 1200px) {
  .ion-order-xl-first {
    order: -1 !important;
  }
  .ion-order-xl-0 {
    order: 0 !important;
  }
  .ion-order-xl-1 {
    order: 1 !important;
  }
  .ion-order-xl-2 {
    order: 2 !important;
  }
  .ion-order-xl-3 {
    order: 3 !important;
  }
  .ion-order-xl-4 {
    order: 4 !important;
  }
  .ion-order-xl-5 {
    order: 5 !important;
  }
  .ion-order-xl-6 {
    order: 6 !important;
  }
  .ion-order-xl-7 {
    order: 7 !important;
  }
  .ion-order-xl-8 {
    order: 8 !important;
  }
  .ion-order-xl-9 {
    order: 9 !important;
  }
  .ion-order-xl-10 {
    order: 10 !important;
  }
  .ion-order-xl-11 {
    order: 11 !important;
  }
  .ion-order-xl-12 {
    order: 12 !important;
  }
  .ion-order-xl-last {
    order: 13 !important;
  }
}
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}
:root {
  --ui-blue: #2563eb;
  --ui-blue-dark: #1d4ed8;
  --ui-blue-light: #3b82f6;
  --ui-indigo: #4f46e5;
  --ui-border: rgba(226, 232, 240, .9);
  --ui-border-glass: rgba(226, 232, 240, .85);
  --ui-surface: #ffffff;
  --ui-surface-glass: rgba(255, 255, 255, .86);
  --ui-soft: #f1f5f9;
  --ui-text: #0f172a;
  --ui-muted: #64748b;
  --ui-radius: 16px;
  --ui-radius-sm: 10px;
  --ui-radius-lg: 20px;
  --ui-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);
  --ui-shadow-sm: 0 2px 6px -1px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);
  --ui-shadow: 0 8px 24px -4px rgba(15, 23, 42, .06), 0 2px 8px -1px rgba(15, 23, 42, .04);
  --ui-shadow-lg: 0 20px 40px -8px rgba(15, 23, 42, .09), 0 4px 14px -2px rgba(15, 23, 42, .05);
  --ui-shadow-glow: 0 0 24px -2px rgba(37, 99, 235, .22);
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-slate-950: #020617;
  --ui-card-bg: #ffffff;
  --ui-btn-back: #f8fafc;
  --ui-input-bg: #ffffff;
  --ui-input-border: #cbd5e1;
}
html,
body,
app-root {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
html,
body {
  overflow: hidden;
  background: var(--blgf-ambient-bg, #f8fafc);
  color: #0f172a;
  font-feature-settings:
    "cv02",
    "cv03",
    "cv04",
    "cv11";
}
html.dark,
html.dark body,
body.dark {
  background: var(--blgf-ambient-bg, #070b14);
  color: #f8fafc;
}
html.dark,
body.dark,
:root.dark,
.dark {
  --ui-border: rgba(51, 65, 85, .75);
  --ui-border-glass: rgba(255, 255, 255, .08);
  --ui-surface: #0e1628;
  --ui-surface-glass: rgba(14, 22, 40, .88);
  --ui-soft: #162238;
  --ui-text: #f8fafc;
  --ui-muted: #94a3b8;
  --ui-card-bg: #0e1628;
  --ui-btn-back: #162238;
  --ui-input-bg: #162238;
  --ui-input-border: rgba(51, 65, 85, .8);
  --ui-shadow-xs: 0 1px 3px rgba(0, 0, 0, .35);
  --ui-shadow-sm: 0 3px 8px -1px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .3);
  --ui-shadow: 0 10px 28px -4px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .05);
  --ui-shadow-lg: 0 24px 50px -8px rgba(0, 0, 0, .75), 0 4px 16px -2px rgba(0, 0, 0, .45);
  --ui-shadow-glow: 0 0 28px -2px rgba(59, 130, 246, .32);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #94a3b859;
  border-radius: 9999px;
  transition: background-color .15s ease;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b88c;
}
.dark ::-webkit-scrollbar-thumb {
  background: #64748b66;
}
.dark ::-webkit-scrollbar-thumb:hover {
  background: #64748ba6;
}
app-root.app-root {
  display: block;
  width: 100%;
  height: 100dvh;
  min-height: 100dvh;
  overflow: hidden;
}
.app-shell {
  display: flex;
  width: 100%;
  height: 100dvh;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  background: var(--blgf-ambient-bg, #f8fafc) !important;
}
.dark .app-shell,
.app-shell.dark {
  background: var(--blgf-ambient-bg, #070b14) !important;
}
.app-workspace {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
app-header {
  display: block;
  flex: 0 0 auto;
  z-index: 30;
}
.desktop-sidebar-shell {
  min-height: 0;
  height: 100%;
  overflow: hidden;
  transition: width .22s cubic-bezier(.16, 1, .3, 1);
}
.desktop-sidebar-shell > div,
.desktop-sidebar-shell app-sidebar {
  display: block;
  height: 100%;
}
.app-content {
  width: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 1600px;
  margin-inline: auto;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: transparent !important;
  padding: .75rem 1.25rem 3.5rem;
}
.dark .app-content {
  background: transparent !important;
}
.app-content > .app-view-container {
  width: 100%;
  min-width: 0;
}
.app-content h1,
.app-content h2,
[role=dialog] h2 {
  font-weight: 700 !important;
  letter-spacing: -.025em;
  line-height: 1.3;
}
.app-content h3 {
  font-weight: 650 !important;
  line-height: 1.35;
}
.app-content p {
  line-height: 1.6;
}
.app-footer {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea {
  font-family:
    var(--font-sans, "Plus Jakarta Sans"),
    Inter,
    system-ui,
    sans-serif !important;
}
.app-content .bg-white,
.app-content .app1,
.app-content .app15,
.app-content .detailDetailPanel,
.app-content .detail7,
.app-content .detailHandleDecision2Btn,
.app-content .detailHandleViewFileBtn,
.app-content .detail26,
.app-content .detailRecipientFlowNav,
.app-content .detailFlowRecipientDetails,
.app-content .detailCopyNotesToBtn,
.app-content .detailStartEditingFinalBtn,
.app-content .detailHalKuhaninSaArea,
.app-content .detailCancelEditingFinalBtn,
.app-content .detail51,
.app-content .detail57,
.app-content .detail63,
.app-content .detailHandleViewFileBtn3,
.app-content .routeHandoffNotesArea,
.app-content .dashOnNavigateToBtn,
.app-content .dashKpiCardBtn,
.app-content .dashKpiCard2Btn,
.app-content .dashKpiCard3Btn,
.app-content .dashKpiCard4Btn,
.app-content .dashKpiCard5Btn,
.app-content .dashKpiCard6Btn,
.app-content .dashWorkload,
.app-content .dashDashboardTxns,
.app-content .dash42,
.app-content .dash58,
.app-content .slipSlipBar,
.app-content .slipSlipCustomize,
.app-content .slipSlipPicker,
.app-content .slipSlipCanvas,
.app-content .headBrandLogo,
.app-content .head162,
.app-content .app1,
.app-content .app15,
.app-content .detailDetailPanel,
.app-content .detail7,
.app-content .detailHandleDecision2Btn,
.app-content .detailHandleViewFileBtn,
.app-content .detail26,
.app-content .detailRecipientFlowNav,
.app-content .detailFlowRecipientDetails,
.app-content .detailCopyNotesToBtn,
.app-content .detailStartEditingFinalBtn,
.app-content .detailHalKuhaninSaArea,
.app-content .detailCancelEditingFinalBtn,
.app-content .detail51,
.app-content .detail57,
.app-content .detail63,
.app-content .detailHandleViewFileBtn3,
.app-content .routeHandoffNotesArea,
.app-content .dashOnNavigateToBtn,
.app-content .dashKpiCardBtn,
.app-content .dashKpiCard2Btn,
.app-content .dashKpiCard3Btn,
.app-content .dashKpiCard4Btn,
.app-content .dashKpiCard5Btn,
.app-content .dashKpiCard6Btn,
.app-content .dashWorkload,
.app-content .dashDashboardTxns,
.app-content .dash42,
.app-content .dash58,
.app-content .slipSlipBar,
.app-content .slipSlipCustomize,
.app-content .slipSlipPicker,
.app-content .slipSlipCanvas,
.app-content .headBrandLogo,
.app-content .head162,
.app-content .slipChooseRoutingSlipSelect,
.app-content .slipSelect,
.app-content .slipEGOicInput,
.app-content .slip232,
.app-content .headEmit2Btn,
.app-content .head27 {
  box-shadow: 0 1px 3px #0f172a0a, 0 8px 24px -4px #0f172a0d;
}
.dark .bg-white,
.dark [class*="bg-white/"]:not(.envelope-envelope):not(.mockup-envelope):not(.document-slip-canvas-wrap):not(.print-area):not(#routingSlipCanvas):not([id*=routingSlip]):not([class*=candidate-]),
.dark [class*="dark:bg-slate-900"],
.dark .bg-slate-900,
.dark .app1,
.dark .app15,
.dark .detailDetailPanel,
.dark .detail7,
.dark .detailHandleDecision2Btn,
.dark .detailHandleViewFileBtn,
.dark .detail26,
.dark .detailRecipientFlowNav,
.dark .detailFlowRecipientDetails,
.dark .detailCopyNotesToBtn,
.dark .detailStartEditingFinalBtn,
.dark .detailHalKuhaninSaArea,
.dark .detailCancelEditingFinalBtn,
.dark .detail51,
.dark .detail57,
.dark .detail63,
.dark .detailHandleViewFileBtn3,
.dark .routeHandoffNotesArea,
.dark .dashOnNavigateToBtn,
.dark .dashKpiCardBtn,
.dark .dashKpiCard2Btn,
.dark .dashKpiCard3Btn,
.dark .dashKpiCard4Btn,
.dark .dashKpiCard5Btn,
.dark .dashKpiCard6Btn,
.dark .dashWorkload,
.dark .dashDashboardTxns,
.dark .dash42,
.dark .dash58,
.dark .slipSlipBar,
.dark .slipSlipCustomize,
.dark .slipSlipPicker,
.dark .slipSlipCanvas,
.dark .headBrandLogo,
.dark .head162,
.dark .head20,
.dark .app1,
.dark .app15,
.dark .detailDetailPanel,
.dark .detail7,
.dark .detailHandleDecision2Btn,
.dark .detailHandleViewFileBtn,
.dark .detail26,
.dark .detailRecipientFlowNav,
.dark .detailFlowRecipientDetails,
.dark .detailCopyNotesToBtn,
.dark .detailStartEditingFinalBtn,
.dark .detailHalKuhaninSaArea,
.dark .detailCancelEditingFinalBtn,
.dark .detail51,
.dark .detail57,
.dark .detail63,
.dark .detailHandleViewFileBtn3,
.dark .routeHandoffNotesArea,
.dark .dashOnNavigateToBtn,
.dark .dashKpiCardBtn,
.dark .dashKpiCard2Btn,
.dark .dashKpiCard3Btn,
.dark .dashKpiCard4Btn,
.dark .dashKpiCard5Btn,
.dark .dashKpiCard6Btn,
.dark .dashWorkload,
.dark .dashDashboardTxns,
.dark .dash42,
.dark .dash58,
.dark .slipSlipBar,
.dark .slipSlipCustomize,
.dark .slipSlipPicker,
.dark .slipSlipCanvas,
.dark .headBrandLogo,
.dark .head162,
.dark .head20,
.dark .slipChooseRoutingSlipSelect,
.dark .slipSelect,
.dark .slipEGOicInput,
.dark .slip232,
.dark .headEmit2Btn,
.dark .head27 {
  background-color: #0e1628 !important;
  border-color: #334155bf !important;
  box-shadow: 0 8px 32px -4px #000000a6, inset 0 1px #ffffff0d !important;
}
.dark .bg-slate-50:not([class*="dark:bg-"]),
.dark [class*="bg-slate-50/"]:not([class*="dark:bg-"]),
.dark .bg-slate-100:not([class*="dark:bg-"]),
.dark [class*="bg-slate-100/"]:not([class*="dark:bg-"]),
.dark .bg-gray-50:not([class*="dark:bg-"]),
.dark .bg-gray-100:not([class*="dark:bg-"]),
.dark .bg-neutral-50:not([class*="dark:bg-"]),
.dark .appStyle:not([class*="dark:bg-"]),
.dark .detail213:not([class*="dark:bg-"]),
.dark .detail134:not([class*="dark:bg-"]),
.dark .detailHandleViewFileBtn2:not([class*="dark:bg-"]),
.dark .detail214:not([class*="dark:bg-"]),
.dark .detail223:not([class*="dark:bg-"]),
.dark .detailHandleClose2Btn:not([class*="dark:bg-"]),
.dark .route2:not([class*="dark:bg-"]),
.dark .dash222:not([class*="dark:bg-"]),
.dark .dash302:not([class*="dark:bg-"]),
.dark .dash332:not([class*="dark:bg-"]),
.dark .head33:not([class*="dark:bg-"]),
.dark .head4:not([class*="dark:bg-"]),
.dark .appStyle:not([class*="dark:bg-"]),
.dark .detail213:not([class*="dark:bg-"]),
.dark .detail134:not([class*="dark:bg-"]),
.dark .detailHandleViewFileBtn2:not([class*="dark:bg-"]),
.dark .detail214:not([class*="dark:bg-"]),
.dark .detail223:not([class*="dark:bg-"]),
.dark .detailHandleClose2Btn:not([class*="dark:bg-"]),
.dark .route2:not([class*="dark:bg-"]),
.dark .dash222:not([class*="dark:bg-"]),
.dark .dash302:not([class*="dark:bg-"]),
.dark .dash332:not([class*="dark:bg-"]),
.dark .head33:not([class*="dark:bg-"]),
.dark .head4:not([class*="dark:bg-"]),
.dark .appAppShell2:not([class*="dark:bg-"]),
.dark .slip6:not([class*="dark:bg-"]),
.dark .slipInput:not([class*="dark:bg-"]),
.dark .slip2Input:not([class*="dark:bg-"]),
.dark .slip3Input:not([class*="dark:bg-"]),
.dark .slip4Input:not([class*="dark:bg-"]),
.dark .slip5Input:not([class*="dark:bg-"]),
.dark .app232:not([class*="dark:bg-"]),
.dark .detailPriorityState4:not([class*="dark:bg-"]),
.dark .slipStyle:not([class*="dark:bg-"]),
.dark .slipOnBackBtn:not([class*="dark:bg-"]),
.dark .slipSetBtn:not([class*="dark:bg-"]),
.dark .head26:not([class*="dark:bg-"]) {
  background-color: #162238 !important;
  border-color: #334155a6 !important;
}
.dark .bg-slate-200:not([class*="dark:bg-"]),
.dark [class*="bg-slate-200/"]:not([class*="dark:bg-"]),
.dark .bg-gray-200:not([class*="dark:bg-"]),
.dark .detailStageActiveState6:not([class*="dark:bg-"]) {
  background-color: #1e293b !important;
  border-color: #334155bf !important;
}
.dark .border-slate-100:not([class*="dark:border-"]),
.dark .border-slate-200:not([class*="dark:border-"]),
.dark .border-slate-300:not([class*="dark:border-"]),
.dark .border-gray-200:not([class*="dark:border-"]),
.dark .border-gray-300:not([class*="dark:border-"]),
.dark .detail33:not([class*="dark:border-"]),
.dark .detail52:not([class*="dark:border-"]),
.dark .detail58:not([class*="dark:border-"]),
.dark .dash40:not([class*="dark:border-"]),
.dark .detail213:not([class*="dark:border-"]),
.dark .detailViewTabsNav:not([class*="dark:border-"]),
.dark .detail20:not([class*="dark:border-"]),
.dark .detailHandleViewFileBtn:not([class*="dark:border-"]),
.dark .detail29:not([class*="dark:border-"]),
.dark .detailCopyNotesToBtn:not([class*="dark:border-"]),
.dark .detail53:not([class*="dark:border-"]),
.dark .detailHandleViewFileBtn3:not([class*="dark:border-"]),
.dark .detailDetail2:not([class*="dark:border-"]),
.dark .detailHandleClose2Btn:not([class*="dark:border-"]),
.dark .route2:not([class*="dark:border-"]),
.dark .dash9:not([class*="dark:border-"]),
.dark .dashTr:not([class*="dark:border-"]),
.dark .dashPrevPageBtn:not([class*="dark:border-"]),
.dark .dash54:not([class*="dark:border-"]),
.dark .dashDocFromCardBtn:not([class*="dark:border-"]),
.dark .slipSlipBar:not([class*="dark:border-"]),
.dark .slipSlipCustomize:not([class*="dark:border-"]),
.dark .slipSlipPicker:not([class*="dark:border-"]),
.dark .slip10:not([class*="dark:border-"]),
.dark .head162:not([class*="dark:border-"]),
.dark .detail31:not([class*="dark:border-"]),
.dark .detail32:not([class*="dark:border-"]),
.dark .detailCancelEditingFinalBtn:not([class*="dark:border-"]),
.dark .detail33:not([class*="dark:border-"]),
.dark .detail52:not([class*="dark:border-"]),
.dark .detail58:not([class*="dark:border-"]),
.dark .dash40:not([class*="dark:border-"]),
.dark .detail213:not([class*="dark:border-"]),
.dark .detailViewTabsNav:not([class*="dark:border-"]),
.dark .detail20:not([class*="dark:border-"]),
.dark .detailHandleViewFileBtn:not([class*="dark:border-"]),
.dark .detail29:not([class*="dark:border-"]),
.dark .detailCopyNotesToBtn:not([class*="dark:border-"]),
.dark .detail53:not([class*="dark:border-"]),
.dark .detailHandleViewFileBtn3:not([class*="dark:border-"]),
.dark .detailDetail2:not([class*="dark:border-"]),
.dark .detailHandleClose2Btn:not([class*="dark:border-"]),
.dark .route2:not([class*="dark:border-"]),
.dark .dash9:not([class*="dark:border-"]),
.dark .dashTr:not([class*="dark:border-"]),
.dark .dashPrevPageBtn:not([class*="dark:border-"]),
.dark .dash54:not([class*="dark:border-"]),
.dark .dashDocFromCardBtn:not([class*="dark:border-"]),
.dark .slipSlipBar:not([class*="dark:border-"]),
.dark .slipSlipCustomize:not([class*="dark:border-"]),
.dark .slipSlipPicker:not([class*="dark:border-"]),
.dark .slip10:not([class*="dark:border-"]),
.dark .head162:not([class*="dark:border-"]),
.dark .detail31:not([class*="dark:border-"]),
.dark .detail32:not([class*="dark:border-"]),
.dark .detailCancelEditingFinalBtn:not([class*="dark:border-"]),
.dark .head25:not([class*="dark:border-"]),
.dark .app24:not([class*="dark:border-"]),
.dark .detailPriorityState4:not([class*="dark:border-"]),
.dark .detailStageActiveState2:not([class*="dark:border-"]),
.dark .detailStageActiveState3:not([class*="dark:border-"]),
.dark .slipStyle:not([class*="dark:border-"]),
.dark .slipOnBackBtn:not([class*="dark:border-"]),
.dark .slipChooseRoutingSlipSelect:not([class*="dark:border-"]),
.dark .slipSetBtn:not([class*="dark:border-"]),
.dark .slip5:not([class*="dark:border-"]),
.dark .slip6:not([class*="dark:border-"]),
.dark .slipSelect:not([class*="dark:border-"]),
.dark .slipEGOicInput:not([class*="dark:border-"]),
.dark .slipInput:not([class*="dark:border-"]),
.dark .slip2Input:not([class*="dark:border-"]),
.dark .slip3Input:not([class*="dark:border-"]),
.dark .slip4Input:not([class*="dark:border-"]),
.dark .slip5Input:not([class*="dark:border-"]),
.dark .slip232:not([class*="dark:border-"]),
.dark .slip58:not([class*="dark:border-"]),
.dark .slip59:not([class*="dark:border-"]),
.dark .headEmit2Btn:not([class*="dark:border-"]),
.dark .head26:not([class*="dark:border-"]),
.dark .head252:not([class*="dark:border-"]),
.dark .head27:not([class*="dark:border-"]),
.dark .slip47:not([class*="dark:border-"]),
.dark .slip50:not([class*="dark:border-"]),
.dark .slip65:not([class*="dark:border-"]),
.dark .slip67:not([class*="dark:border-"]) {
  border-color: #334155b3 !important;
}
.dark [class*="dark:border-slate-800"],
.dark [class*="dark:border-slate-700"] {
  border-color: #334155bf !important;
}
.dark .divide-slate-100 > * + *,
.dark .divide-slate-200 > * + *,
.dark .dashTbody > * + *,
.dark .dashTbody > * + *,
.dark .head232 > * + * {
  border-color: #33415580 !important;
}
.dark .text-slate-950,
.dark .text-slate-900,
.dark .text-slate-800,
.dark .text-gray-950,
.dark .text-gray-900,
.dark .text-gray-800,
.dark .text-neutral-900,
.dark .app1,
.dark .detailDetailPanel,
.dark .detailOverflowAnywhere,
.dark .detailP,
.dark .detail93,
.dark .detailStrong3,
.dark .detailOverflowAnywhereDd,
.dark .detailOverflowAnywhereDd2,
.dark .detail67,
.dark .detail210,
.dark .detailStrong5,
.dark .dashH1,
.dark .dash16,
.dark .dashH3,
.dark .dashStrong,
.dark .dash252,
.dark .dash210,
.dark .dashOnDocSelect,
.dark .dashPendingDocumentsTitle,
.dark .dash47,
.dark .dashStrong3,
.dark .slipSlipCanvas,
.dark .headP,
.dark .head73,
.dark .head92,
.dark .headH2,
.dark .head123,
.dark .detailOverflowAnywhere2,
.dark .detail82,
.dark .detail92,
.dark .detail112,
.dark .detail122,
.dark .detailDd,
.dark .detail43,
.dark .detailHalKuhaninSaArea,
.dark .detailH4,
.dark .routeHandoffNotesArea,
.dark .dash272,
.dark .dashTbody,
.dark .dash37,
.dark .dashStrong2,
.dark .dash58,
.dark .slipLabel3,
.dark .follow2,
.dark .side22,
.dark .app1,
.dark .detailDetailPanel,
.dark .detailOverflowAnywhere,
.dark .detailP,
.dark .detail93,
.dark .detailStrong3,
.dark .detailOverflowAnywhereDd,
.dark .detailOverflowAnywhereDd2,
.dark .detail67,
.dark .detail210,
.dark .detailStrong5,
.dark .dashH1,
.dark .dash16,
.dark .dashH3,
.dark .dashStrong,
.dark .dash252,
.dark .dash210,
.dark .dashOnDocSelect,
.dark .dashPendingDocumentsTitle,
.dark .dash47,
.dark .dashStrong3,
.dark .slipSlipCanvas,
.dark .headP,
.dark .head73,
.dark .head92,
.dark .headH2,
.dark .head123,
.dark .detailOverflowAnywhere2,
.dark .detail82,
.dark .detail92,
.dark .detail112,
.dark .detail122,
.dark .detailDd,
.dark .detail43,
.dark .detailHalKuhaninSaArea,
.dark .detailH4,
.dark .routeHandoffNotesArea,
.dark .dash272,
.dark .dashTbody,
.dark .dash37,
.dark .dashStrong2,
.dark .dash58,
.dark .slipLabel3,
.dark .follow2,
.dark .side22,
.dark .appAppShell2,
.dark .slipH2,
.dark .slipH3,
.dark .slipInput,
.dark .slip2Input,
.dark .slip3Input,
.dark .slip5Input,
.dark .slip17,
.dark .slip52,
.dark .slip40,
.dark .slip43,
.dark .slip47,
.dark .slip62,
.dark .slipCheckboxIcon,
.dark .slip50,
.dark .slip72,
.dark .slip60,
.dark .slip122,
.dark .slip70,
.dark .slip722,
.dark .slipChooseRoutingSlipSelect,
.dark .slipSetBtn,
.dark .slip422,
.dark .slip92,
.dark .slip58,
.dark .slip65 {
  color: #f8fafc !important;
}
.dark .text-slate-700,
.dark .text-gray-700,
.dark .detailStrong,
.dark .detail511,
.dark .detail211,
.dark .detail410,
.dark .detailHandleViewFileBtn,
.dark .detail134,
.dark .detail152,
.dark .detailCopyNotesToBtn,
.dark .detailCancelEditingFinalBtn,
.dark .detailHandleViewFileBtn2,
.dark .detail223,
.dark .detail212,
.dark .detailHandleViewFileBtn3,
.dark .detailHandleClose2Btn,
.dark .route23,
.dark .routeLabel,
.dark .dashOnNavigateToBtn,
.dark .dash222,
.dark .dash332,
.dark .dashPrevPageBtn,
.dark .dash56,
.dark .dashDocFromCardBtn,
.dark .head32,
.dark .head103,
.dark .head72,
.dark .detailStrong,
.dark .detail511,
.dark .detail211,
.dark .detail410,
.dark .detailHandleViewFileBtn,
.dark .detail134,
.dark .detail152,
.dark .detailCopyNotesToBtn,
.dark .detailCancelEditingFinalBtn,
.dark .detailHandleViewFileBtn2,
.dark .detail223,
.dark .detail212,
.dark .detailHandleViewFileBtn3,
.dark .detailHandleClose2Btn,
.dark .route23,
.dark .routeLabel,
.dark .dashOnNavigateToBtn,
.dark .dash222,
.dark .dash332,
.dark .dashPrevPageBtn,
.dark .dash56,
.dark .dashDocFromCardBtn,
.dark .head32,
.dark .head103,
.dark .head72,
.dark .detailPriorityState4,
.dark .slipOnBackBtn,
.dark .slipLabel2,
.dark .slip82,
.dark .slip63,
.dark .slip73,
.dark .headEmit2Btn,
.dark .head27 {
  color: #e2e8f0 !important;
}
.dark .text-slate-600,
.dark .text-gray-600,
.dark .detail213,
.dark .detailTabBtnBtn,
.dark .detail214,
.dark .detail182,
.dark .detail63,
.dark .dash9,
.dark .dash302,
.dark .dash410,
.dark .dashTxnOriginColumn,
.dark .dash57,
.dark .follow3,
.dark .detail213,
.dark .detailTabBtnBtn,
.dark .detail214,
.dark .detail182,
.dark .detail63,
.dark .dash9,
.dark .dash302,
.dark .dash410,
.dark .dashTxnOriginColumn,
.dark .dash57,
.dark .follow3,
.dark .slipStyle,
.dark .slipPrintIcon,
.dark .slipCreateIcon,
.dark .slipColorPaletteIcon,
.dark .slipLabel,
.dark .slip4Input,
.dark .slip56,
.dark .head2Icon,
.dark .head26 {
  color: #cbd5e1 !important;
}
.dark .text-slate-500,
.dark .text-gray-500,
.dark .text-slate-400,
.dark .text-gray-400,
.dark .appP,
.dark .appCloseRoutingActionBtn,
.dark .app22,
.dark .app72,
.dark .app82,
.dark .detail5,
.dark .detail173,
.dark .detail132,
.dark .detail45,
.dark .detail192,
.dark .detail222,
.dark .detail65,
.dark .route33,
.dark .route53,
.dark .dashPrintIcon,
.dark .dash15,
.dark .dash211,
.dark .dash232,
.dark .dash310,
.dark .dashTr,
.dark .dash35,
.dark .dash38,
.dark .dash362,
.dark .dash510,
.dark .dash382,
.dark .dash48,
.dark .dash49,
.dark .dash51,
.dark .dash59,
.dark .slip3,
.dark .mailSpan,
.dark .head23,
.dark .head43,
.dark .head52,
.dark .head112,
.dark .head133,
.dark .detailHandleCloseBtn,
.dark .detailH3,
.dark .detailReaderOutlineIcon,
.dark .detailDt,
.dark .detail310,
.dark .detail510,
.dark .detail72,
.dark .detail124,
.dark .detailDt2,
.dark .detail193,
.dark .detail172,
.dark .detail56,
.dark .detail252,
.dark .route62,
.dark .dash102,
.dark .dash242,
.dark .dash262,
.dark .dash282,
.dark .dashTd,
.dark .dash39,
.dark .dashSetBtn,
.dark .dash402,
.dark .dash412,
.dark .dash61,
.dark .slipSearch2Icon,
.dark .slipClearSearchBtn,
.dark .slip13,
.dark .slipCandidateArrowIcon,
.dark .mailSm4Icon,
.dark .followTime,
.dark .headSpan,
.dark .head33,
.dark .headOpenScannerBtn,
.dark .headClearSearchBtn,
.dark .head4,
.dark .head42,
.dark .headTextIcon,
.dark .headChevronDownIcon,
.dark .head102,
.dark .head17,
.dark .headCloseUserStatusBtn,
.dark .headCloseScannerBtn,
.dark .side23,
.dark .sideEmitBtn,
.dark .sideEmit2Btn,
.dark .sideP,
.dark .side32,
.dark .sideSettingsOutlineIcon,
.dark .dialogClearSuccessBtn,
.dark .appP,
.dark .appCloseRoutingActionBtn,
.dark .app22,
.dark .app72,
.dark .app82,
.dark .detail5,
.dark .detail173,
.dark .detail132,
.dark .detail45,
.dark .detail192,
.dark .detail222,
.dark .detail65,
.dark .route33,
.dark .route53,
.dark .dashPrintIcon,
.dark .dash15,
.dark .dash211,
.dark .dash232,
.dark .dash310,
.dark .dashTr,
.dark .dash35,
.dark .dash38,
.dark .dash362,
.dark .dash510,
.dark .dash382,
.dark .dash48,
.dark .dash49,
.dark .dash51,
.dark .dash59,
.dark .slip3,
.dark .mailSpan,
.dark .head23,
.dark .head43,
.dark .head52,
.dark .head112,
.dark .head133,
.dark .detailHandleCloseBtn,
.dark .detailH3,
.dark .detailReaderOutlineIcon,
.dark .detailDt,
.dark .detail310,
.dark .detail510,
.dark .detail72,
.dark .detail124,
.dark .detailDt2,
.dark .detail193,
.dark .detail172,
.dark .detail56,
.dark .detail252,
.dark .route62,
.dark .dash102,
.dark .dash242,
.dark .dash262,
.dark .dash282,
.dark .dashTd,
.dark .dash39,
.dark .dashSetBtn,
.dark .dash402,
.dark .dash412,
.dark .dash61,
.dark .slipSearch2Icon,
.dark .slipClearSearchBtn,
.dark .slip13,
.dark .slipCandidateArrowIcon,
.dark .mailSm4Icon,
.dark .followTime,
.dark .headSpan,
.dark .head33,
.dark .headOpenScannerBtn,
.dark .headClearSearchBtn,
.dark .head4,
.dark .head42,
.dark .headTextIcon,
.dark .headChevronDownIcon,
.dark .head102,
.dark .head17,
.dark .headCloseUserStatusBtn,
.dark .headCloseScannerBtn,
.dark .side23,
.dark .sideEmitBtn,
.dark .sideEmit2Btn,
.dark .sideP,
.dark .side32,
.dark .sideSettingsOutlineIcon,
.dark .dialogClearSuccessBtn,
.dark .detailStageActiveState6,
.dark .slip23,
.dark .slip28,
.dark .slip34,
.dark .slip37,
.dark .slip61,
.dark .slip64,
.dark .slipSquareOutlineIcon,
.dark .headUserIdState2 {
  color: #94a3b8 !important;
}
.dark [role=dialog] > div,
.dark app-modal-layer ._panel_,
.dark app-modal-layer > div > div > div {
  background-color: #0e1628 !important;
  border-color: #334155cc !important;
  box-shadow: 0 25px 60px -15px #000000d9, 0 0 0 1px #ffffff0d !important;
}
.app-shell,
.app-workspace,
header.header-shell,
.app-main-header,
.blgf-sidebar,
.dashboard-transactions,
table,
tr,
th,
td {
  transition-property:
    background-color,
    border-color,
    color,
    box-shadow;
  transition-duration: .18s;
  transition-timing-function: cubic-bezier(.16, 1, .3, 1);
}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.native-input):not(.searchbar-input):not([class*=native-]),
select:not(.native-select),
textarea:not(.native-textarea):not([class*=native-]) {
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  color: #0f172a !important;
  box-shadow: 0 1px 2px #0f172a0a !important;
  transition:
    border-color .16s ease,
    box-shadow .16s ease,
    background-color .16s ease !important;
}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.native-input):not(.searchbar-input):not([class*=native-]):focus,
select:not(.native-select):focus,
textarea:not(.native-textarea):not([class*=native-]):focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3.5px #2563eb2e !important;
  outline: none !important;
}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.native-input):not(.searchbar-input):not([class*=native-]),
select:not(.native-select) {
  min-height: 42px;
}
textarea:not(.native-textarea):not([class*=native-]) {
  min-height: 96px;
}
.dark input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.native-input):not(.searchbar-input):not([class*=native-]),
.dark select:not(.native-select),
.dark textarea:not(.native-textarea):not([class*=native-]) {
  border-color: #334155d9 !important;
  background-color: #162238 !important;
  color: #f8fafc !important;
  box-shadow: 0 1px 3px #00000059 !important;
}
.dark input:not([type=checkbox]):not([type=radio]):not(.native-input):not(.searchbar-input):not([class*=native-])::placeholder,
.dark select:not(.native-select)::placeholder,
.dark textarea:not(.native-textarea):not([class*=native-])::placeholder {
  color: #64748b !important;
}
.dark select option,
.dark option {
  background-color: #0e1628 !important;
  color: #f8fafc !important;
}
.dark input:not([type=checkbox]):not([type=radio]):not(.native-input):not(.searchbar-input):not([class*=native-]):focus,
.dark select:not(.native-select):focus,
.dark textarea:not(.native-textarea):not([class*=native-]):focus {
  background-color: #0e1628 !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 3.5px #60a5fa40 !important;
}
ion-input input,
ion-input .native-input,
ion-textarea textarea,
ion-textarea .native-textarea,
ion-searchbar input,
ion-searchbar .searchbar-input {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
ion-input input:focus,
ion-input .native-input:focus,
ion-textarea textarea:focus,
ion-textarea .native-textarea:focus,
ion-searchbar input:focus,
ion-searchbar .searchbar-input:focus {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
th {
  padding: 13px 16px !important;
  background: #f8fafcf2 !important;
  backdrop-filter: blur(8px);
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  border-bottom: 1px solid #e2e8f0;
}
td {
  padding: 13px 16px !important;
  border-bottom: 1px solid #edf2f7 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
.dark th {
  background: #0e1628f2 !important;
  backdrop-filter: blur(8px);
  color: #94a3b8 !important;
  border-bottom-color: #334155b3;
}
.dark td {
  border-bottom-color: #33415573 !important;
}
tbody tr {
  transition: background-color .15s ease;
}
tbody tr:hover {
  background: #2563eb09 !important;
}
.dark tbody tr:hover {
  background: #3b82f614 !important;
}
button:not(.ion-activatable) {
  font-weight: 650;
  -webkit-tap-highlight-color: transparent;
  min-height: 40px;
  border-radius: 12px;
  transition:
    transform .14s cubic-bezier(.16, 1, .3, 1),
    box-shadow .14s ease,
    background-color .14s ease,
    border-color .14s ease,
    color .14s ease;
}
button:not(:disabled):hover {
  transform: translateY(-1px);
}
button:not(:disabled):active {
  transform: translateY(0) scale(.98);
}
button ion-icon,
button svg {
  flex: 0 0 auto;
  pointer-events: none;
}
button:focus-visible {
  outline: 3px solid rgba(59, 130, 246, .35);
  outline-offset: 2px;
}
button:disabled {
  opacity: .45;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}
[class*=primaryButton],
[class*=submitButton],
[class*=saveButton],
[class*=createButton],
[class*=uploadButton],
.bg-blue-600,
.dashOnDoc2Btn,
.dashNextPageBtn,
.dash392,
.sideSpan,
.dashOnDoc2Btn,
.dashNextPageBtn,
.dash392,
.sideSpan,
.detailStageActiveState4,
.slipCreateSignatoryFormatBtn,
.slip102 {
  border-color: transparent !important;
  background:
    linear-gradient(
      135deg,
      #2563eb,
      #1d4ed8) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px #2563eb47, 0 1px 2px #0f172a0f !important;
}
[class*=primaryButton]:hover,
[class*=submitButton]:hover,
[class*=saveButton]:hover,
[class*=createButton]:hover,
[class*=uploadButton]:hover,
.bg-blue-600:hover,
.dashOnDoc2Btn:hover,
.dashNextPageBtn:hover,
.dash392:hover,
.sideSpan:hover,
.dashOnDoc2Btn:hover,
.dashNextPageBtn:hover,
.dash392:hover,
.sideSpan:hover,
.detailStageActiveState4:hover,
.slipCreateSignatoryFormatBtn:hover,
.slip102:hover {
  background:
    linear-gradient(
      135deg,
      #1d4ed8,
      #1e40af) !important;
  box-shadow: 0 4px 14px #2563eb61 !important;
}
[class*=deleteButton],
[class*=dangerButton] {
  border-color: #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  box-shadow: none !important;
}
.dark [class*=deleteButton],
.dark [class*=dangerButton] {
  border-color: #f43f5e59 !important;
  background: #e11d4833 !important;
  color: #fda4af !important;
}
.bg-emerald-600,
.appRouteDecisionBtn,
.detailHandleDecisionBtn,
.detailSaveFinalNotesBtn,
.detailHandleDecision3Btn,
.route9,
.dashReapproveFromCardBtn,
.headHandleInstallAppBtn,
.appRouteDecisionBtn,
.detailHandleDecisionBtn,
.detailSaveFinalNotesBtn,
.detailHandleDecision3Btn,
.route9,
.dashReapproveFromCardBtn,
.headHandleInstallAppBtn,
.slipHandlePrintBtn {
  border-color: #059669 !important;
  background: #059669 !important;
  color: #fff !important;
}
.bg-amber-600 {
  border-color: #d97706 !important;
  background: #d97706 !important;
  color: #fff !important;
}
.bg-indigo-600 {
  border-color: #2563eb !important;
  background: #2563eb !important;
  color: #fff !important;
}
[class*=statusBadge],
[class*=priorityBadge],
[class*=directionBadge],
[class*=roleBadge] {
  border-radius: 9999px !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  line-height: 1.5 !important;
}
[class*=pagination] {
  padding: 14px 18px !important;
  border-top: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dark [class*=pagination] {
  border-top-color: #1e293b;
}
[role=dialog] {
  max-height: 100dvh;
}
[role=dialog] > div {
  border-radius: 20px !important;
  box-shadow: var(--ui-shadow-lg) !important;
  border: 1px solid var(--ui-border);
}
app-modal-layer > div.fixed,
app-modal-layer > div.appMobileSidebarBackdrop,
app-modal-layer > div.app3,
app-modal-layer > div.dash41,
app-modal-layer > div.head152,
app-modal-layer > div.head192,
app-modal-layer > div.dialogDismiss,
app-modal-layer > div.dialog4,
app-modal-layer > div.dialog7,
app-modal-layer > div.modalStyle,
app-modal-layer > div.appMobileSidebarBackdrop,
app-modal-layer > div.app3,
app-modal-layer > div.dash41,
app-modal-layer > div.head152,
app-modal-layer > div.head192,
app-modal-layer > div.dialogDismiss,
app-modal-layer > div.dialog4,
app-modal-layer > div.dialog7,
app-modal-layer > div.modalStyle,
app-modal-layer > div.appApp {
  animation: overlay-enter .18s ease-out;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
app-modal-layer > div.fixed > div > div,
app-modal-layer > div.appMobileSidebarBackdrop > div > div,
app-modal-layer > div.app3 > div > div,
app-modal-layer > div.dash41 > div > div,
app-modal-layer > div.head152 > div > div,
app-modal-layer > div.head192 > div > div,
app-modal-layer > div.dialogDismiss > div > div,
app-modal-layer > div.dialog4 > div > div,
app-modal-layer > div.dialog7 > div > div,
app-modal-layer > div.modalStyle > div > div,
app-modal-layer > div.appMobileSidebarBackdrop > div > div,
app-modal-layer > div.app3 > div > div,
app-modal-layer > div.dash41 > div > div,
app-modal-layer > div.head152 > div > div,
app-modal-layer > div.head192 > div > div,
app-modal-layer > div.dialogDismiss > div > div,
app-modal-layer > div.dialog4 > div > div,
app-modal-layer > div.dialog7 > div > div,
app-modal-layer > div.modalStyle > div > div,
app-modal-layer > div.appApp > div > div {
  animation: dialog-enter .22s cubic-bezier(.16, 1, .3, 1);
}
@keyframes overlay-enter {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dialog-enter {
  0% {
    opacity: 0;
    transform: translateY(12px) scale(.975);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.dashboard-transactions {
  overflow: hidden;
  padding: 0 !important;
  border-radius: 18px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow);
}
.dashboard-transactions > div:first-child {
  margin: 0 !important;
  padding: 1.15rem 1.4rem;
  border-bottom: 1px solid var(--ui-border);
}
.dashboard-transactions-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  backdrop-filter: blur(8px);
}
.dashboard-transaction-row td {
  border-bottom: 1px solid rgba(226, 232, 240, .7);
  vertical-align: middle;
}
.dashboard-transaction-row:hover td:first-child {
  box-shadow: inset 3.5px 0 #2563eb;
}
.dark .dashboard-transactions {
  background: #0e1628 !important;
  border-color: #334155bf !important;
  box-shadow: 0 10px 28px -4px #0009, inset 0 1px #ffffff0d !important;
}
.dark .dashboard-transactions > div:first-child {
  border-bottom-color: #334155b3 !important;
}
.dark .dashboard-transaction-row td {
  border-bottom-color: #33415573 !important;
}
.dark .dashboard-transaction-row:hover td:first-child {
  box-shadow: inset 3.5px 0 #3b82f6 !important;
}
@media (min-width: 640px) {
  .app-content {
    padding: .875rem 1.5rem 3.5rem;
  }
}
@media (min-width: 1024px) {
  .app-content {
    padding-inline: 2rem;
  }
}
@media (max-width: 767px) {
  .app-content {
    padding: 12px 12px 64px !important;
  }
  td,
  th {
    padding: 10px 12px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
.dark .ua-hero,
.dark .ua-tabs-nav,
.dark .ua-toolbar,
.dark .ua-table-card,
.dark .ua-card,
.dark .ua-matrix-header-bar,
.dark .ua-matrix-card,
.dark .ua-div-form-card,
.dark .ua-division-card,
.dark .ua-modal-box {
  background: #0e1628 !important;
  border-color: #334155bf !important;
  box-shadow: 0 4px 24px -2px #00000080 !important;
}
.dark .ua-hero-title,
.dark .ua-card-name,
.dark .ua-matrix-title,
.dark .ua-matrix-role-label,
.dark .ua-feature-title,
.dark .ua-div-form-header h3,
.dark .ua-div-list-header h3,
.dark .ua-division-name,
.dark .ua-head-val,
.dark .ua-modal-title,
.dark .ua-chk-label,
.dark .ua-dept-val,
.dark .ua-user-name {
  color: #f8fafc !important;
}
.dark .ua-hero-subtitle,
.dark .ua-matrix-subtitle,
.dark .ua-modal-subtitle,
.dark .ua-field-hint,
.dark .ua-user-sub,
.dark .ua-user-email,
.dark .ua-designation-text,
.dark .ua-dept-sub,
.dark .ua-contact-row,
.dark .ua-div-list-sub,
.dark .ua-feature-desc,
.dark .ua-matrix-role-count {
  color: #94a3b8 !important;
}
.dark .ua-dept-label,
.dark .ua-head-label {
  color: #64748b !important;
}
.dark .ua-label,
.dark .ua-overrides-title,
.dark .ua-sec-label,
.dark .ua-subitem-row {
  color: #cbd5e1 !important;
}
.dark .ua-badge-live {
  background: #2563eb33 !important;
  color: #93c5fd !important;
  border-color: #3b82f659 !important;
}
.dark .ua-metric-pill {
  background: #162238 !important;
  border-color: #334155bf !important;
  color: #94a3b8 !important;
}
.dark .ua-metric-pill strong {
  color: #f8fafc !important;
}
.dark .ua-tab-btn {
  color: #94a3b8 !important;
}
.dark .ua-tab-btn:hover {
  background: #1e293b !important;
  color: #f1f5f9 !important;
}
.dark .ua-tab-btn.active {
  background: #172554 !important;
  color: #60a5fa !important;
}
.dark .ua-tab-btn.active ion-icon {
  color: #60a5fa !important;
}
.dark .ua-tab-count {
  background: #334155 !important;
  color: #cbd5e1 !important;
}
.dark .ua-tab-count.active {
  background: #2563eb !important;
  color: #fff !important;
}
.dark .ua-search-input,
.dark .ua-filter-select,
.dark .ua-modal-input,
.dark .ua-modal-select {
  background-color: #162238 !important;
  border-color: #334155d9 !important;
  color: #f8fafc !important;
}
.dark .ua-search-input:focus,
.dark .ua-filter-select:focus,
.dark .ua-modal-input:focus,
.dark .ua-modal-select:focus {
  background-color: #0e1628 !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 3px #60a5fa38 !important;
}
.dark .ua-view-switch {
  background: #162238 !important;
  border-color: #334155bf !important;
}
.dark .ua-view-btn {
  color: #94a3b8 !important;
}
.dark .ua-view-btn.active {
  background: #0e1628 !important;
  color: #60a5fa !important;
}
.dark .ua-table thead th {
  background: #162238 !important;
  border-bottom-color: #334155bf !important;
  color: #94a3b8 !important;
}
.dark .ua-table tbody tr {
  border-bottom-color: #33415573 !important;
}
.dark .ua-table tbody tr:hover {
  background-color: #3b82f614 !important;
}
.dark .ua-user-handle,
.dark .ua-card-username {
  color: #60a5fa !important;
}
.dark .ua-div-name {
  color: #e2e8f0 !important;
}
.dark .ua-div-code-badge,
.dark .ua-division-code-pill {
  background: #2563eb33 !important;
  color: #93c5fd !important;
  border-color: #3b82f659 !important;
}
.dark .ua-access-tag {
  background: #dc262626 !important;
  color: #fca5a5 !important;
  border: 1px solid rgba(220, 38, 38, .25) !important;
}
.dark .ua-access-tag.allowed {
  background: #10b98126 !important;
  color: #6ee7b7 !important;
  border-color: #10b98140 !important;
}
.dark .ua-status-pill {
  background: #162238 !important;
  border: 1.5px solid rgba(51, 65, 85, .75) !important;
  color: #94a3b8 !important;
}
.dark .ua-status-pill.is-active {
  background: #10b98126 !important;
  color: #34d399 !important;
  border-color: #10b98159 !important;
}
.dark .ua-card-dept-box,
.dark .ua-division-head-box,
.dark .ua-modal-overrides-box {
  background: #162238 !important;
  border-color: #334155bf !important;
}
.dark .ua-dept-icon,
.dark .ua-division-head-box ion-icon {
  color: #60a5fa !important;
}
.dark .ua-action-btn-edit {
  background: #2563eb2e !important;
  border-color: #3b82f666 !important;
  color: #93c5fd !important;
}
.dark .ua-action-btn-edit ion-icon {
  color: #60a5fa !important;
}
.dark .ua-action-btn-edit:hover {
  background: #2563eb52 !important;
  border-color: #60a5fa99 !important;
  color: #fff !important;
}
.dark .ua-action-btn-delete {
  background: #dc26262e !important;
  border-color: #f8717166 !important;
  color: #fca5a5 !important;
}
.dark .ua-action-btn-delete ion-icon {
  color: #f87171 !important;
}
.dark .ua-action-btn-delete:hover {
  background: #dc262652 !important;
  border-color: #f8717199 !important;
  color: #fff !important;
}
.dark .ua-protected-badge {
  background: #1e293b99 !important;
  border-color: #334155b3 !important;
  color: #94a3b8 !important;
}
.dark .ua-protected-badge ion-icon {
  color: #64748b !important;
}
.dark .ua-table-action-btn,
.dark .ua-btn-secondary {
  background: #162238 !important;
  border-color: #334155bf !important;
  color: #cbd5e1 !important;
}
.dark .ua-table-action-btn:hover,
.dark .ua-btn-secondary:hover {
  background: #1e293b !important;
  color: #fff !important;
  border-color: #475569e6 !important;
}
.dark .ua-matrix-table thead tr.ua-matrix-th-row th {
  background: #162238 !important;
  border-bottom-color: #334155bf !important;
}
.dark .ua-matrix-sticky-header,
.dark .ua-matrix-sticky-feature {
  background: #162238 !important;
  border-right-color: #334155bf !important;
}
.dark .ua-matrix-section-row td {
  background: #162238 !important;
  border-top-color: #334155bf !important;
  border-bottom-color: #334155bf !important;
}
.dark .ua-matrix-data-row td {
  border-bottom-color: #33415573 !important;
}
.dark .ua-matrix-data-row:hover {
  background-color: #3b82f614 !important;
}
.dark .ua-toggle-box {
  background: #162238 !important;
  border-color: #334155 !important;
  color: #94a3b8 !important;
}
.dark .ua-toggle-box.checked {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}
.dark .ua-toggle-box.is-danger.checked {
  background: #e11d48 !important;
  border-color: #e11d48 !important;
}
.dark .ua-toggle-box.disabled,
.dark .ua-toggle-box:disabled {
  background: #0f172a !important;
  opacity: .3 !important;
}
.dark .ua-modal-header,
.dark .ua-modal-footer,
.dark .ua-div-form-header {
  border-color: #334155bf !important;
}
.dark .ua-modal-close-btn {
  background: #1e293b !important;
  color: #94a3b8 !important;
}
.dark .ua-modal-close-btn:hover {
  background: #334155 !important;
  color: #fff !important;
}
.dark .ua-checkbox-card {
  background: #162238 !important;
  border-color: #334155bf !important;
}
.dark .ua-checkbox-card:hover {
  border-color: #60a5fa !important;
  background: #1e293b !important;
}
.dark .ua-empty-state,
.dark .ua-empty-divisions {
  background: #0e1628 !important;
  border-color: #334155bf !important;
}
.dark .ua-avatar-status {
  border-color: #0e1628 !important;
}
.dark .audit-toolbar,
.dark .audit-filters,
.dark .audit-tableCard {
  background: #0e1628 !important;
  border-color: #334155bf !important;
}
.dark .audit-title,
.dark .audit-userName {
  color: #f8fafc !important;
}
.dark .audit-subtitle,
.dark .audit-userRole,
.dark .audit-paginationSummary {
  color: #94a3b8 !important;
}
.dark .audit-tableHead {
  background: #162238 !important;
  border-color: #334155bf !important;
  color: #94a3b8 !important;
}
.dark .audit-tableBody tr {
  border-color: #33415573 !important;
}
.dark .audit-row:hover {
  background: #3b82f614 !important;
}
.dark .audit-timestamp,
.dark .audit-detailsCell {
  color: #cbd5e1 !important;
}
.dark .audit-searchInput,
.dark .audit-select {
  background: #162238 !important;
  border-color: #334155d9 !important;
  color: #f8fafc !important;
}
.dark .audit-csvButton,
.dark .audit-pageButton {
  background: #162238 !important;
  border-color: #334155bf !important;
  color: #cbd5e1 !important;
}
.dark .routing-followup-summary,
.dark .routing-followup-panel {
  background: #0e1628 !important;
  border-color: #334155bf !important;
}
.dark .routing-followup-heroTitle,
.dark .routing-followup-panelTitle,
.dark .routing-followup-recordTitle {
  color: #f8fafc !important;
}
.dark .routing-followup-heroDescription,
.dark .routing-followup-summaryLabel,
.dark .routing-followup-resultCount {
  color: #94a3b8 !important;
}
.dark .routing-followup-record,
.dark .routing-followup-empty {
  background: #162238 !important;
  border-color: #334155a6 !important;
}
.dark .routing-followup-content p,
.dark .routing-followup-details,
.dark .routing-followup-reminderList {
  color: #cbd5e1 !important;
}
.dark .routing-followup-searchInput {
  background: #162238 !important;
  border-color: #334155d9 !important;
  color: #f8fafc !important;
}
.dark .routing-followup-viewButton,
.dark .routing-followup-pageButton {
  background: #162238 !important;
  border-color: #334155bf !important;
  color: #cbd5e1 !important;
}
.dark .settings-profileHero,
.dark .settings-section {
  background: #0e1628 !important;
  border-color: #334155bf !important;
}
.dark .settings-profileName,
.dark .settings-summaryValue,
.dark .settings-sectionTitle,
.dark .settings-photoTitle,
.dark .settings-preferenceTitle {
  color: #f8fafc !important;
}
.dark .settings-designation,
.dark .settings-summaryLabel,
.dark .settings-photoHelp {
  color: #94a3b8 !important;
}
.dark .settings-accountSummary,
.dark .settings-photoPanel,
.dark .settings-preference {
  background: #162238 !important;
  border-color: #334155a6 !important;
}
.dark .settings-tabs,
.dark .settings-sectionHeader {
  border-color: #334155bf !important;
}
.dark .settings-tab {
  color: #94a3b8 !important;
}
.dark .settings-tab:hover {
  background: #1e293b !important;
  color: #f1f5f9 !important;
}
.dark .settings-tabActive {
  background: #172554 !important;
  color: #60a5fa !important;
  border-color: #3b82f6 !important;
}
.dark .settings-tabActive ion-icon,
.dark .settings-tabActive span {
  color: #60a5fa !important;
}
.dark .settings-fieldLabel,
.dark .settings-simpleLabel {
  color: #cbd5e1 !important;
}
.dark .settings-input,
.dark .settings-strongInput,
.dark .settings-mediumInput,
.dark .settings-idInput,
.dark .settings-passwordInput {
  background: #162238 !important;
  border-color: #334155d9 !important;
  color: #f8fafc !important;
}
.dark .reports-hero,
.dark .reports-filters,
.dark .reports-tableCard,
.dark .reports-reportTab {
  background: #0e1628 !important;
  border-color: #334155bf !important;
}
.dark .reports-title,
.dark .reports-tabCount,
.dark .reports-documentTitle,
.dark .reports-eventNeutral,
.dark .reports-tableTitle {
  color: #f8fafc !important;
}
.dark .reports-subtitle,
.dark .reports-mutedLine,
.dark .reports-detailLabel,
.dark .reports-muted,
.dark .reports-noEvents {
  color: #94a3b8 !important;
}
.dark .reports-tableHead th {
  background: #162238 !important;
  border-color: #334155bf !important;
  color: #94a3b8 !important;
}
.dark .reports-tableBody tr {
  border-color: #33415573 !important;
}
.dark .reports-row:hover {
  background: #3b82f614 !important;
}
.dark .reports-searchInput,
.dark .reports-monthSelect {
  background: #162238 !important;
  border-color: #334155d9 !important;
  color: #f8fafc !important;
}
.dark .route-modal-shell {
  background: #0e1628 !important;
  color: #f8fafc !important;
  border-color: #1e2d4a !important;
}
.dark .route-modal-header {
  background: #111b2e !important;
  border-color: #1e2d4a !important;
}
.dark .route-modal-title {
  color: #f8fafc !important;
}
.dark .route-modal-route-code,
.dark .route-modal-close-btn {
  color: #94a3b8 !important;
}
.dark .route-modal-close-btn:hover {
  background: #1e293b !important;
  color: #f8fafc !important;
}
.dark .route-doc-overview-card {
  border-color: #1e2d4a !important;
  background:
    linear-gradient(
      180deg,
      #111b2e,
      #0e1628) !important;
}
.dark .route-doc-code-badge {
  background: #1e293b !important;
  color: #38bdf8 !important;
  border-color: #334155 !important;
}
.dark .route-doc-status-badge {
  background: #1e3a8a66 !important;
  border-color: #1e40af !important;
  color: #93c5fd !important;
}
.dark .route-doc-office-badge {
  background: #1e293b !important;
  color: #cbd5e1 !important;
}
.dark .route-doc-title {
  color: #f8fafc !important;
}
.dark .route-doc-subject-box {
  background: #162238 !important;
  border-left-color: #38bdf8 !important;
}
.dark .route-doc-subject-text {
  color: #e2e8f0 !important;
}
.dark .route-doc-sender-row {
  color: #94a3b8 !important;
}
.dark .route-doc-sender-row strong {
  color: #f1f5f9 !important;
}
.dark .route-section-title {
  color: #f8fafc !important;
}
.dark .route-section-subtitle {
  color: #94a3b8 !important;
}
.dark .route-already-routed-box {
  border-color: #1e2d4a !important;
  background: #111b2e !important;
}
.dark .routed-person-pill {
  background: #162238 !important;
  border-color: #2a3d5e !important;
  color: #e2e8f0 !important;
}
.dark .routed-avatar {
  background: #1e2d4a !important;
  color: #93c5fd !important;
}
.dark .picker-label {
  color: #e2e8f0 !important;
}
.dark .route-form-select {
  background: #111b2e !important;
  border-color: #2a3d5e !important;
  color: #f8fafc !important;
}
.dark .route-form-select option,
.dark .route-form-select optgroup {
  background: #0e1628 !important;
  color: #f8fafc !important;
}
.dark .route-selected-panel {
  border-color: #1e2d4a !important;
  background: #111b2e !important;
}
.dark .selected-panel-title {
  color: #f8fafc !important;
}
.dark .selected-recipient-card {
  border-color: #2a3d5e !important;
  background: #162238 !important;
}
.dark .selected-recipient-card:hover {
  border-color: #3b82f6 !important;
  background: #1c2b47 !important;
}
.dark .recipient-fullname {
  color: #f8fafc !important;
}
.dark .recipient-subinfo {
  color: #94a3b8 !important;
}
.dark .route-field-label {
  color: #e2e8f0 !important;
}
.dark .route-remarks-textarea {
  background: #111b2e !important;
  border-color: #2a3d5e !important;
  color: #f8fafc !important;
}
.dark .route-review-card {
  border-color: #1e2d4a !important;
  background: #111b2e !important;
}
.dark .review-header,
.dark .review-val {
  color: #f8fafc !important;
}
.dark .review-label,
.dark .review-footnote {
  color: #94a3b8 !important;
}
.dark .route-modal-footer {
  border-color: #1e2d4a !important;
  background: #111b2e !important;
}
.dark .route-btn-cancel {
  background: #162238 !important;
  border-color: #2a3d5e !important;
  color: #cbd5e1 !important;
}
.dark .route-btn-cancel:hover {
  background: #1e2d4a !important;
  color: #f8fafc !important;
}
.dark .studio-header,
.dark .studio-card,
.dark .sticky-canvas-container,
.dark .modal-content-wrapper,
.dark .envelope-printArea-card {
  background: #0e1628 !important;
  border-color: #334155bf !important;
  box-shadow: 0 4px 24px -2px #00000080 !important;
}
.dark .studio-main-title,
.dark .card-header-title h3,
.dark .modal-heading {
  color: #f8fafc !important;
}
.dark .studio-subtitle,
.dark .card-subtitle,
.dark .modal-subheading {
  color: #94a3b8 !important;
}
.dark .btn-studio-back,
.dark .btn-studio-secondary {
  background: #162238 !important;
  border-color: #334155bf !important;
  color: #cbd5e1 !important;
}
.dark .btn-studio-back:hover,
.dark .btn-studio-secondary:hover {
  background: #1e293b !important;
  color: #f8fafc !important;
}
.dark .preset-card-btn {
  background: #0e1628 !important;
  border-color: #334155bf !important;
}
.dark .preset-card-btn .preset-name {
  color: #f1f5f9 !important;
}
.dark .preset-card-btn .preset-specs {
  color: #94a3b8 !important;
}
.dark .preset-card-btn .preset-icon-box {
  background: #162238 !important;
  color: #94a3b8 !important;
}
.dark .preset-card-btn:hover {
  border-color: #60a5fa !important;
  background: #162238 !important;
}
.dark .preset-card-btn.active {
  background: #2563eb2e !important;
  border-color: #3b82f6 !important;
}
.dark .preset-card-btn.active .preset-icon-box {
  background: #2563eb !important;
  color: #fff !important;
}
.dark .preset-card-btn.active .preset-name {
  color: #93c5fd !important;
}
.dark .custom-dims-row {
  background: #0b1120 !important;
  border-color: #334155bf !important;
}
.dark .custom-dims-row .dim-field label {
  color: #cbd5e1 !important;
}
.dark .custom-dims-row .input-dim {
  background: #162238 !important;
  border-color: #334155d9 !important;
  color: #fff !important;
}
.dark .studio-subject-input,
.dark .studio-input,
.dark .studio-textarea,
.dark .modal-search-input {
  background: #162238 !important;
  border-color: #334155d9 !important;
  color: #f8fafc !important;
}
.dark .studio-subject-input:focus,
.dark .studio-input:focus,
.dark .studio-textarea:focus,
.dark .modal-search-input:focus {
  border-color: #60a5fa !important;
  background: #0e1628 !important;
}
.dark .input-label {
  color: #cbd5e1 !important;
}
.dark .addressee-item-card {
  background: #0e1628 !important;
  border-color: #334155bf !important;
}
.dark .addressee-item-card.active-preview {
  border-color: #3b82f6 !important;
}
.dark .addressee-item-card .index-name {
  color: #f1f5f9 !important;
}
.dark .addressee-item-card .index-num {
  background: #162238 !important;
  color: #cbd5e1 !important;
}
.dark .addressee-card-header,
.dark .card-header-compact,
.dark .card-header-with-actions,
.dark .card-header-clickable {
  border-color: #334155b3 !important;
  background: transparent !important;
}
.dark .addressee-card-header:hover,
.dark .card-header-compact:hover,
.dark .card-header-with-actions:hover,
.dark .card-header-clickable:hover {
  background: #16223899 !important;
}
.dark .canvas-header-bar,
.dark .canvas-footer-bar,
.dark .modal-header-clean,
.dark .modal-search-row,
.dark .modal-footer-bar {
  background: #0e1628 !important;
  border-color: #334155bf !important;
}
.dark .canvas-viewport {
  background: #070b14 !important;
}
.dark .view-mode-tabs {
  background: #162238 !important;
}
.dark .view-mode-tabs .tab-btn {
  color: #94a3b8 !important;
}
.dark .view-mode-tabs .tab-btn.active {
  background: #0e1628 !important;
  color: #f8fafc !important;
  box-shadow: 0 1px 3px #00000080 !important;
}
.dark .canvas-meta-pill {
  background: #162238 !important;
  border-color: #334155bf !important;
  color: #cbd5e1 !important;
}
.dark .doc-item-row,
.dark .dir-item-row {
  background: #0e1628 !important;
  border-color: #334155bf !important;
}
.dark .doc-item-row .doc-subject,
.dark .doc-item-row .emp-name,
.dark .dir-item-row .doc-subject,
.dark .dir-item-row .emp-name {
  color: #f1f5f9 !important;
}
.dark .doc-item-row:hover,
.dark .dir-item-row:hover {
  background: #162238 !important;
}
.dark .dir-item-row.selected {
  background: #0596692e !important;
  border-color: #059669 !important;
}
.dark .dir-item-row.selected .emp-name {
  color: #34d399 !important;
}
.dark .autocomplete-popover {
  background: #0e1628 !important;
  border-color: #334155d9 !important;
  box-shadow: 0 12px 32px -4px #000000bf !important;
}
.dark .autocomplete-item {
  color: #cbd5e1 !important;
}
.dark .autocomplete-item:hover {
  background: #162238 !important;
  color: #f8fafc !important;
}
.dark .ep-hero,
.dark .ep-card,
.dark .ep-preview-card,
.dark .ep-detail-card,
.dark .ep-filter-card,
.dark .ep-stat-card,
.dark .ep-modal-panel,
.dark .ep-titles-composer-card,
.dark .ep-title-card,
.dark .ep-titles-empty-card {
  background: #0e1628 !important;
  border-color: #334155bf !important;
  box-shadow: 0 4px 24px -2px #00000080 !important;
}
.dark .ep-hero-title,
.dark .ep-name,
.dark .ep-card-title,
.dark .ep-section-title,
.dark .ep-title-card-name,
.dark .ep-empty-title {
  color: #f8fafc !important;
}
.dark .ep-hero-subtitle,
.dark .ep-designation,
.dark .ep-card-subtitle,
.dark .ep-field-hint {
  color: #94a3b8 !important;
}
.dark .ep-search-input,
.dark .ep-select,
.dark .ep-input,
.dark .ep-composer-input-wrap .ep-composer-input,
.dark .ep-titles-search-box .ep-titles-search-input {
  background: #162238 !important;
  border-color: #334155d9 !important;
  color: #f8fafc !important;
}
.dark .ep-search-input:focus,
.dark .ep-select:focus,
.dark .ep-input:focus,
.dark .ep-composer-input-wrap .ep-composer-input:focus,
.dark .ep-titles-search-box .ep-titles-search-input:focus {
  background: #0e1628 !important;
  border-color: #60a5fa !important;
}
.dark .ep-tab-btn {
  color: #94a3b8 !important;
}
.dark .ep-tab-btn.active {
  background: #162238 !important;
  color: #60a5fa !important;
}
.dark .ep-title-meta-pill {
  background: #162238 !important;
  color: #94a3b8 !important;
}
.dark .ep-composer-cancel-btn,
.dark .ep-title-btn {
  background: #162238 !important;
  border-color: #334155bf !important;
  color: #cbd5e1 !important;
}
.dark .ep-composer-cancel-btn:hover:not(:disabled),
.dark .ep-title-btn:hover:not(:disabled) {
  background: #1e293b !important;
  color: #f8fafc !important;
}
.dark .qcg-hero,
.dark .qcg-card,
.dark .qcg-previewCard,
.dark .qcg-placeholder {
  background: #0e1628 !important;
  border-color: #334155bf !important;
  box-shadow: 0 4px 20px -2px #00000080 !important;
}
.dark .qcg-heroIcon {
  background: #162238 !important;
  border-color: #334155bf !important;
}
.dark .qcg-largeIcon {
  color: #60a5fa !important;
}
.dark .qcg-title,
.dark .qcg-routeNumber {
  color: #f8fafc !important;
}
.dark .qcg-subtitle,
.dark .qcg-helpText,
.dark .qcg-previewCaption,
.dark .qcg-copyType,
.dark .qcg-copyIcon,
.dark .qcg-unit {
  color: #94a3b8 !important;
}
.dark .qcg-label,
.dark .qcg-smallLabel,
.dark .qcg-sectionTitle,
.dark .qcg-rangeTitle {
  color: #cbd5e1 !important;
}
.dark .qcg-textInput,
.dark .qcg-sizeInput,
.dark .qcg-rangeField {
  background: #162238 !important;
  border-color: #334155d9 !important;
  color: #f8fafc !important;
}
.dark .qcg-textInput:focus,
.dark .qcg-sizeInput:focus,
.dark .qcg-rangeField:focus {
  background: #0e1628 !important;
  border-color: #60a5fa !important;
}
.dark .qcg-rangePanel {
  background: #1e3a8a40 !important;
  border-color: #334155bf !important;
}
.dark .qcg-recentCode {
  background: #162238 !important;
  border-color: #334155bf !important;
  color: #cbd5e1 !important;
}
.dark .qcg-actionButton {
  background: #162238 !important;
  color: #cbd5e1 !important;
  border: 1px solid rgba(51, 65, 85, .75) !important;
}
.dark .qcg-actionButton:hover {
  background: #1e293b !important;
  color: #f8fafc !important;
}
.dark .document-slip-picker,
.dark .document-slip-page > div:first-child,
.dark .document-slip-page .animate-fadeIn {
  background: #0e1628 !important;
  border-color: #334155bf !important;
}
.dark .document-search-input {
  background: #162238 !important;
  border-color: #334155d9 !important;
  color: #f8fafc !important;
}
.dark .document-search-input:focus {
  background: #0e1628 !important;
  border-color: #60a5fa !important;
}
.dark .document-search-dropdown-popup {
  background: #0e1628 !important;
  border-color: #334155d9 !important;
  box-shadow: 0 16px 36px -4px #000000bf !important;
}
.dark .dropdown-header-strip {
  background: #162238 !important;
  color: #94a3b8 !important;
  border-color: #334155b3 !important;
}
.dark .document-slip-picker-option {
  border-color: #33415580 !important;
}
.dark .document-slip-picker-option:hover {
  background: #162238 !important;
}
.dark .document-slip-picker-option .candidate-route {
  color: #60a5fa !important;
}
.dark .document-slip-picker-option .candidate-title {
  color: #f8fafc !important;
}
.dark .document-slip-picker-option .candidate-subject {
  color: #94a3b8 !important;
}
.dark .active-document-card {
  background: #162238 !important;
  border-color: #334155bf !important;
}
.dark .active-document-card .active-doc-title {
  color: #f8fafc !important;
}
.dark .active-document-card .active-doc-meta {
  color: #94a3b8 !important;
}
.dark .quick-switcher-block {
  border-color: #334155b3 !important;
}
.dark .quick-switcher-header {
  color: #94a3b8 !important;
}
.dark .quick-doc-btn {
  background: #162238 !important;
  border-color: #334155bf !important;
  color: #cbd5e1 !important;
}
.dark .quick-doc-btn:hover {
  background: #1e293b !important;
  border-color: #60a5fa !important;
  color: #f8fafc !important;
}
.dark .quick-doc-btn.is-current {
  background: #2563eb40 !important;
  border-color: #3b82f6 !important;
  color: #93c5fd !important;
}
.dark .cd-dialog,
.dark .cd-header,
.dark .cd-footer {
  background: #0e1628 !important;
  border-color: #334155bf !important;
}
.dark .cd-title,
.dark .cd-file-name {
  color: #f8fafc !important;
}
.dark .cd-subtitle {
  color: #94a3b8 !important;
}
.dark .cd-stepper-card,
.dark .cd-direction-panel,
.dark .cd-panel,
.dark .cd-dropzone,
.dark .cd-file-item {
  background: #162238 !important;
  border-color: #334155bf !important;
}
.dark .cd-direction-switch,
.dark .cd-tracking-code {
  background: #0b1120 !important;
  border-color: #334155bf !important;
  color: #f8fafc !important;
}
.dark .cd-select,
.dark .cd-date-input,
.dark .cd-input,
.dark .cd-textarea {
  background: #162238 !important;
  border-color: #334155d9 !important;
  color: #f8fafc !important;
}
.dark .cd-select:focus,
.dark .cd-date-input:focus,
.dark .cd-input:focus,
.dark .cd-textarea:focus {
  background: #0e1628 !important;
  border-color: #60a5fa !important;
}
.dark .cd-btn-cancel,
.dark .cd-btn-secondary {
  background: #162238 !important;
  border-color: #334155bf !important;
  color: #cbd5e1 !important;
}
.dark .cd-btn-cancel:hover:not(:disabled),
.dark .cd-btn-secondary:hover:not(:disabled) {
  background: #1e293b !important;
  color: #f8fafc !important;
}
.dark .document-detail-panel {
  background: #090d16 !important;
  border-color: #334155bf !important;
  color: #f8fafc !important;
}
.dark .document-header-shell {
  background:
    linear-gradient(
      180deg,
      #0e1628,
      #090d16) !important;
  border-color: #334155bf !important;
}
.dark .document-tab-btn.active {
  color: #60a5fa !important;
}
.dark .document-tab-btn.active:after {
  background: #60a5fa !important;
}
@media print {
  app-header,
  header.header-shell,
  .app-main-header,
  app-sidebar,
  .desktop-sidebar-shell,
  .mobile-sidebar-backdrop,
  app-dialog-host,
  app-global-input-autocomplete,
  .no-print {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  html,
  body {
    background: #fff !important;
    color: #000 !important;
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
    width: 100% !important;
  }
  app-root.app-root,
  .app-shell,
  .app-workspace,
  .app-main,
  .app-content {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
  }
}

/* src/theme.scss */
:root {
  --blgf-primary: #2563eb;
  --blgf-primary-dark: #1d4ed8;
  --blgf-primary-light: #3b82f6;
  --blgf-secondary: #0f172a;
  --blgf-warning: #f59e0b;
  --blgf-success: #10b981;
  --blgf-error: #ef4444;
  --blgf-bg-default: #f8fafc;
  --blgf-bg-paper: #ffffff;
  --blgf-text-primary: #0f172a;
  --blgf-text-secondary: #64748b;
  --blgf-divider: #e2e8f0;
  --blgf-border-radius: 14px;
  --blgf-ambient-bg:
    radial-gradient(
      ellipse at 15% 5%,
      rgba(224, 231, 255, 0.55) 0%,
      transparent 45%),
    radial-gradient(
      ellipse at 85% 10%,
      rgba(219, 234, 254, 0.5) 0%,
      transparent 50%),
    radial-gradient(
      ellipse at 50% 95%,
      rgba(241, 245, 249, 0.7) 0%,
      transparent 50%),
    #f8fafc;
  --blgf-card-shadow:
    0 1px 3px rgba(15, 23, 42, 0.04),
    0 8px 24px -4px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  --blgf-card-hover-shadow:
    0 12px 32px -6px rgba(15, 23, 42, 0.1),
    0 0 16px -2px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  --ion-font-family:
    "Plus Jakarta Sans",
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
  --ion-color-primary: #2563eb;
  --ion-color-primary-rgb:
    37,
    99,
    235;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #1d4ed8;
  --ion-color-primary-tint: #3b82f6;
  --ion-color-secondary: #334155;
  --ion-color-secondary-rgb:
    51,
    65,
    85;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #1e293b;
  --ion-color-secondary-tint: #475569;
  --ion-color-tertiary: #4f46e5;
  --ion-color-tertiary-rgb:
    79,
    70,
    229;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #4338ca;
  --ion-color-tertiary-tint: #6366f1;
  --ion-color-success: #10b981;
  --ion-color-success-rgb:
    16,
    185,
    129;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb:
    255,
    255,
    255;
  --ion-color-success-shade: #059669;
  --ion-color-success-tint: #34d399;
  --ion-color-warning: #f59e0b;
  --ion-color-warning-rgb:
    245,
    158,
    11;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb:
    255,
    255,
    255;
  --ion-color-warning-shade: #d97706;
  --ion-color-warning-tint: #fbbf24;
  --ion-color-danger: #ef4444;
  --ion-color-danger-rgb:
    239,
    68,
    68;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #dc2626;
  --ion-color-danger-tint: #f87171;
  --ion-color-medium: #64748b;
  --ion-color-medium-rgb:
    100,
    116,
    139;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #475569;
  --ion-color-medium-tint: #94a3b8;
  --ion-color-light: #f8fafc;
  --ion-color-light-rgb:
    248,
    250,
    252;
  --ion-color-light-contrast: #0f172a;
  --ion-color-light-contrast-rgb:
    15,
    23,
    42;
  --ion-color-light-shade: #e2e8f0;
  --ion-color-light-tint: #ffffff;
  --ion-background-color: #f8fafc;
  --ion-background-color-rgb:
    248,
    250,
    252;
  --ion-text-color: #0f172a;
  --ion-text-color-rgb:
    15,
    23,
    42;
  --ion-border-color: #e2e8f0;
  --ion-item-border-color: #edf2f7;
  --ion-item-background: #ffffff;
  --ion-item-background-activated: #f8fafc;
  --ion-card-background: #ffffff;
  --ion-toolbar-background: #ffffff;
  --ion-toolbar-color: #0f172a;
  --ion-overlay-background-color: rgba(15, 23, 42, 0.45);
  --ion-padding: 16px;
  --ion-margin: 16px;
  --ion-radius: 12px;
}
html.dark,
body.dark,
:root.dark {
  --blgf-primary: #3b82f6;
  --blgf-primary-dark: #60a5fa;
  --blgf-primary-light: #2563eb;
  --blgf-secondary: #94a3b8;
  --blgf-warning: #fbbf24;
  --blgf-success: #34d399;
  --blgf-error: #f87171;
  --blgf-bg-default: #070b14;
  --blgf-bg-paper: #0e1628;
  --blgf-text-primary: #f8fafc;
  --blgf-text-secondary: #94a3b8;
  --blgf-divider: #1e293b;
  --blgf-ambient-bg:
    radial-gradient(
      ellipse at 15% 5%,
      rgba(30, 58, 138, 0.22) 0%,
      transparent 45%),
    radial-gradient(
      ellipse at 85% 10%,
      rgba(67, 56, 202, 0.16) 0%,
      transparent 50%),
    radial-gradient(
      ellipse at 50% 95%,
      rgba(15, 23, 42, 0.65) 0%,
      transparent 60%),
    #070b14;
  --blgf-card-shadow:
    0 8px 32px -4px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 0 1px rgba(255, 255, 255, 0.05);
  --blgf-card-hover-shadow:
    0 16px 40px -6px rgba(0, 0, 0, 0.75),
    0 0 24px -4px rgba(59, 130, 246, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --ion-color-primary: #3b82f6;
  --ion-color-primary-rgb:
    59,
    130,
    246;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #2563eb;
  --ion-color-primary-tint: #60a5fa;
  --ion-background-color: #070b14;
  --ion-background-color-rgb:
    7,
    11,
    20;
  --ion-text-color: #f8fafc;
  --ion-text-color-rgb:
    248,
    250,
    252;
  --ion-border-color: rgba(51, 65, 85, 0.7);
  --ion-item-border-color: rgba(51, 65, 85, 0.6);
  --ion-item-background: #0e1628;
  --ion-item-background-activated: #162238;
  --ion-card-background: #0e1628;
  --ion-toolbar-background: #080c14;
  --ion-toolbar-color: #f8fafc;
  --ion-overlay-background-color: rgba(2, 6, 23, 0.75);
}
html,
body {
  font-family: var(--ion-font-family);
}
body {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
ion-button {
  --border-radius: 12px;
  --box-shadow: none;
  font-weight: 650;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
}
ion-button.primaryButton,
ion-button.submitButton,
ion-button.saveButton,
ion-button.createButton {
  --background: #2563eb;
  --color: #ffffff;
  --box-shadow: 0 4px 12px rgba(37, 99, 235, 0.26);
}
ion-button.primaryButton:hover,
ion-button.submitButton:hover,
ion-button.saveButton:hover,
ion-button.createButton:hover {
  --background: #1d4ed8;
}
html.dark ion-button.primaryButton,
html.dark ion-button.submitButton,
html.dark ion-button.saveButton,
html.dark ion-button.createButton {
  --background: #3b82f6;
  --color: #ffffff;
  --box-shadow: 0 4px 14px rgba(59, 130, 246, 0.3);
}
html.dark ion-button.primaryButton:hover,
html.dark ion-button.submitButton:hover,
html.dark ion-button.saveButton:hover,
html.dark ion-button.createButton:hover {
  --background: #2563eb;
}
ion-button.deleteButton,
ion-button.dangerButton {
  --background: #fff1f2;
  --background-activated: #ffe4e6;
  --color: #be123c;
  --border-color: #fecdd3;
  --border-width: 1px;
  --box-shadow: 0 2px 6px rgba(225, 29, 72, 0.08);
}
html.dark ion-button.deleteButton,
html.dark ion-button.dangerButton {
  --background: #2a151b;
  --color: #fda4af;
  --border-color: #581c2b;
}
ion-button.secondaryButton,
ion-button.cancelButton {
  --background: #ffffff;
  --color: #334155;
  --border-color: #e2e8f0;
  --border-width: 1px;
  --box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
html.dark ion-button.secondaryButton,
html.dark ion-button.cancelButton {
  --background: #0e1628;
  --color: #f1f5f9;
  --border-color: rgba(51, 65, 85, 0.8);
  --box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
ion-input,
ion-select,
ion-textarea {
  --background: transparent;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
  --highlight-height: 0;
  --padding-start: 14px;
  --padding-end: 14px;
  font-size: 14px;
  transition: all 160ms ease;
}
html.dark ion-input,
html.dark ion-select,
html.dark ion-textarea {
  --background: transparent;
  --border-color: transparent;
  --border-width: 0;
  --border-style: none;
  --highlight-height: 0;
  color: #f8fafc;
}
ion-item {
  --padding-start: 0;
  --inner-padding-end: 0;
}
ion-segment-button {
  --border-radius: 10px;
  --indicator-color: #ffffff;
  font-weight: 650;
  text-transform: none;
  min-height: 40px;
  transition: all 160ms ease;
}
html.dark ion-segment-button {
  --indicator-color: #162238;
  color: #94a3b8;
}
ion-toolbar {
  --padding-start: 0;
  --padding-end: 0;
}
ion-card {
  border-radius: 18px;
  border: 1px solid var(--ion-border-color);
  box-shadow: var(--blgf-card-shadow);
  margin: 0;
  background: var(--ion-card-background);
  transition:
    transform 180ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 180ms ease,
    border-color 180ms ease;
}
ion-card:hover {
  box-shadow: var(--blgf-card-hover-shadow);
  transform: translateY(-2px);
}
ion-chip {
  --background: #f1f5f9;
  --color: #334155;
  --border-radius: 9999px;
  font-weight: 700;
  font-size: 11px;
}
html.dark ion-chip {
  --background: #162238;
  --color: #93c5fd;
  border: 1px solid rgba(59, 130, 246, 0.25);
}
@media print {
  body.printing .no-print {
    display: none !important;
  }
  body.printing .print-area {
    display: block !important;
  }
}

/* src/shared-app.scss */
:root {
  --ui-blue: #2563eb;
  --ui-blue-dark: #1d4ed8;
  --ui-blue-light: #3b82f6;
  --ui-indigo: #4f46e5;
  --ui-border: rgba(226, 232, 240, 0.9);
  --ui-border-glass: rgba(226, 232, 240, 0.85);
  --ui-surface: #ffffff;
  --ui-surface-glass: rgba(255, 255, 255, 0.86);
  --ui-soft: #f1f5f9;
  --ui-text: #0f172a;
  --ui-muted: #64748b;
  --ui-radius: 16px;
  --ui-radius-sm: 10px;
  --ui-radius-lg: 20px;
  --ui-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --ui-shadow-sm: 0 2px 6px -1px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
  --ui-shadow: 0 8px 24px -4px rgba(15, 23, 42, 0.06), 0 2px 8px -1px rgba(15, 23, 42, 0.04);
  --ui-shadow-lg: 0 20px 40px -8px rgba(15, 23, 42, 0.09), 0 4px 14px -2px rgba(15, 23, 42, 0.05);
  --ui-shadow-glow: 0 0 24px -2px rgba(37, 99, 235, 0.22);
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-slate-950: #020617;
  --ui-card-bg: #ffffff;
  --ui-btn-back: #f8fafc;
  --ui-input-bg: #ffffff;
  --ui-input-border: #cbd5e1;
}
.user-dir-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100050 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem !important;
  background: rgba(15, 23, 42, 0.48) !important;
  backdrop-filter: blur(5px) !important;
}
.user-dir-modal {
  display: flex !important;
  flex-direction: column !important;
  width: min(94vw, 820px) !important;
  max-height: 88vh !important;
  overflow: hidden !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22) !important;
}
.user-dir-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 1rem 1.25rem !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
}
.user-dir-title-cluster,
.user-dir-header-actions,
.user-dir-subtitle-header {
  display: flex !important;
  align-items: center !important;
}
.user-dir-title-cluster {
  gap: 0.75rem !important;
}
.user-dir-header-actions {
  gap: 0.5rem !important;
}
.user-dir-subtitle-header {
  gap: 0.35rem !important;
  margin: 0.2rem 0 0 !important;
}
.user-dir-icon-badge {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 10px !important;
  background: #eff6ff !important;
  color: #2563eb !important;
  font-size: 1.15rem !important;
}
.user-dir-title {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
}
.user-dir-subtitle-header,
.user-dir-count-pill {
  color: #64748b !important;
  font-size: 0.72rem !important;
}
.user-dir-network-badge,
.user-dir-filter-pill,
.user-dir-results-counter,
.user-dir-you-badge,
.user-dir-pill-division,
.user-dir-pill-role,
.user-dir-account-badge,
.user-dir-session-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
}
.user-dir-network-badge {
  padding: 0.3rem 0.6rem !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 999px !important;
  background: #f0fdf4 !important;
  color: #15803d !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
}
.user-dir-close-btn {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  cursor: pointer !important;
}
.user-dir-controls {
  display: grid !important;
  gap: 0.7rem !important;
  padding: 0.85rem 1.25rem !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
}
.user-dir-search-wrap {
  position: relative !important;
  width: 100% !important;
}
.user-dir-search-input {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 42px !important;
  padding: 0.65rem 2.5rem 0.65rem 0.9rem !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 0.78rem !important;
  outline: none !important;
  caret-color: #2563eb !important;
}
.user-dir-search-input:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}
.user-dir-clear-search-btn {
  position: absolute !important;
  top: 50% !important;
  right: 0.55rem !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  background: transparent !important;
  color: #64748b !important;
}
.user-dir-filter-pills {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
}
.user-dir-filter-pill,
.user-dir-results-counter {
  min-height: 28px !important;
  padding: 0.3rem 0.6rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #475569 !important;
  font-size: 0.66rem !important;
  font-weight: 700 !important;
}
.user-dir-filter-pill.is-active {
  border-color: #2563eb !important;
  background: #2563eb !important;
  color: #ffffff !important;
}
.user-dir-results-counter {
  margin-left: auto !important;
  background: #f1f5f9 !important;
}
.user-dir-body {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  padding: 1rem 1.25rem !important;
  background: #f8fafc !important;
}
.user-dir-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
}
.user-dir-card {
  position: relative !important;
  display: flex !important;
  gap: 0.75rem !important;
  min-width: 0 !important;
  padding: 0.85rem !important;
  overflow: hidden !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}
.user-dir-card.is-current-user {
  border-color: #93c5fd !important;
  background: #f8fbff !important;
}
.user-dir-avatar-col {
  flex: 0 0 auto !important;
}
.user-dir-avatar {
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
}
.user-dir-avatar-img,
.user-dir-avatar-initials {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
}
.user-dir-presence-indicator {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 11px !important;
  height: 11px !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  background: #22c55e !important;
}
.user-dir-info-col {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.user-dir-row-header {
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
}
.user-dir-name {
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.user-dir-designation {
  margin: 0.15rem 0 0.4rem !important;
  color: #64748b !important;
  font-size: 0.7rem !important;
}
.user-dir-meta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.3rem !important;
}
.user-dir-pill-division,
.user-dir-pill-role,
.user-dir-you-badge {
  padding: 0.15rem 0.4rem !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  font-size: 0.6rem !important;
}
.user-dir-email {
  display: flex !important;
  align-items: center !important;
  gap: 0.2rem !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: 0.62rem !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.user-dir-status-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.4rem !important;
  margin-top: 0.55rem !important;
  padding-top: 0.5rem !important;
  border-top: 1px solid #f1f5f9 !important;
}
.user-dir-account-badge,
.user-dir-session-badge {
  color: #64748b !important;
  font-size: 0.6rem !important;
  font-weight: 700 !important;
}
.user-dir-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 0.75rem 1.25rem !important;
  border-top: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
}
.user-dir-footer-note {
  color: #64748b !important;
  font-size: 0.68rem !important;
}
.user-dir-done-btn {
  min-height: 34px !important;
  padding: 0.4rem 0.9rem !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-weight: 700 !important;
}
@media (max-width: 700px) {
  .user-dir-backdrop {
    align-items: flex-end !important;
    padding: 0 !important;
  }
  .user-dir-modal {
    width: 100% !important;
    max-height: 92dvh !important;
    border-radius: 16px 16px 0 0 !important;
  }
  .user-dir-grid {
    grid-template-columns: 1fr !important;
  }
  .user-dir-network-badge,
  .user-dir-footer-note {
    display: none !important;
  }
  .user-dir-results-counter {
    width: 100% !important;
    margin-left: 0 !important;
    justify-content: center !important;
  }
}
html,
body,
app-root {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}
html,
body {
  overflow: hidden;
  background: var(--blgf-ambient-bg, #f8fafc);
  color: #0f172a;
  font-feature-settings:
    "cv02",
    "cv03",
    "cv04",
    "cv11";
}
html.dark,
html.dark body,
body.dark {
  background: var(--blgf-ambient-bg, #070b14);
  color: #f8fafc;
}
html.dark,
body.dark,
:root.dark,
.dark {
  --ui-border: rgba(51, 65, 85, 0.75);
  --ui-border-glass: rgba(255, 255, 255, 0.08);
  --ui-surface: #0e1628;
  --ui-surface-glass: rgba(14, 22, 40, 0.88);
  --ui-soft: #162238;
  --ui-text: #f8fafc;
  --ui-muted: #94a3b8;
  --ui-card-bg: #0e1628;
  --ui-btn-back: #162238;
  --ui-input-bg: #162238;
  --ui-input-border: rgba(51, 65, 85, 0.8);
  --ui-shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.35);
  --ui-shadow-sm: 0 3px 8px -1px rgba(0, 0, 0, 0.45), 0 1px 3px rgba(0, 0, 0, 0.3);
  --ui-shadow: 0 10px 28px -4px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --ui-shadow-lg: 0 24px 50px -8px rgba(0, 0, 0, 0.75), 0 4px 16px -2px rgba(0, 0, 0, 0.45);
  --ui-shadow-glow: 0 0 28px -2px rgba(59, 130, 246, 0.32);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.35);
  border-radius: 9999px;
  transition: background-color 150ms ease;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.55);
}
.dark ::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, 0.4);
}
.dark ::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.65);
}
app-root.app-root {
  display: block;
  width: 100%;
  height: 100dvh;
  min-height: 100dvh;
  overflow: hidden;
}
.app-shell {
  display: flex;
  width: 100%;
  height: 100dvh;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  background: var(--blgf-ambient-bg, #f8fafc) !important;
}
.dark .app-shell,
.app-shell.dark {
  background: var(--blgf-ambient-bg, #070b14) !important;
}
.app-workspace {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
app-header {
  display: block;
  flex: 0 0 auto;
  z-index: 30;
}
body:is(.personnel-directory-open, .pwa-guide-open) app-header,
app-header:has(.pwa-install-modal-overlay) {
  z-index: 100060 !important;
  position: relative;
}
body:is(.personnel-directory-open, .pwa-guide-open, .scanner-open),
body:has(.head192) {
  overflow: hidden !important;
}
body:is(.personnel-directory-open, .pwa-guide-open, .scanner-open) .app-content,
body:has(.head192) .app-content {
  overflow: hidden !important;
}
body:is(.personnel-directory-open, .pwa-guide-open, .scanner-open) :is(.desktop-sidebar-shell, .mobile-sidebar-backdrop, .appMobileSidebarBackdrop, app-sidebar),
body:has(.scanner-modal-overlay) :is(.desktop-sidebar-shell, .mobile-sidebar-backdrop, .appMobileSidebarBackdrop, app-sidebar),
body:has(.head192) :is(.desktop-sidebar-shell, .mobile-sidebar-backdrop, .appMobileSidebarBackdrop, app-sidebar) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -100 !important;
}
body:has(.modal-layer-backdrop) .mobile-bottom-nav,
body:has(.head192) .mobile-bottom-nav,
body:has(.pwa-install-modal-overlay) .mobile-bottom-nav,
body:has(.scanner-modal-overlay) .mobile-bottom-nav,
body.scanner-open .mobile-bottom-nav {
  display: none !important;
}
.desktop-sidebar-shell {
  min-height: 0;
  height: 100%;
  position: relative;
  z-index: 35;
  overflow: visible;
  transition: width 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
.desktop-sidebar-shell > div,
.desktop-sidebar-shell app-sidebar {
  display: block;
  height: 100%;
}
.app-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.app-content {
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  max-width: 1600px;
  margin-inline: auto;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: transparent !important;
  padding: 0.75rem 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
}
.dark .app-content {
  background: transparent !important;
}
.app-content > .app-view-container {
  width: 100%;
  min-width: 0;
  flex: 1 0 auto;
}
.app-main > app-footer,
app-footer {
  flex: 0 0 auto;
  width: 100%;
}
@media (max-width: 768px) {
  .app-main > app-footer,
  app-footer {
    display: none !important;
  }
}
.app-content h1,
.app-content h2,
[role=dialog] h2 {
  font-weight: 700 !important;
  letter-spacing: -0.025em;
  line-height: 1.3;
}
.app-content h3 {
  font-weight: 650 !important;
  line-height: 1.35;
}
.app-content p {
  line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea {
  font-family:
    var(--font-sans, "Plus Jakarta Sans"),
    Inter,
    system-ui,
    sans-serif !important;
}
.app-content .bg-white {
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 8px 24px -4px rgba(15, 23, 42, 0.05);
}
.dark {
}
.dark .bg-white,
.dark [class*="bg-white/"]:not(.envelope-envelope):not(.mockup-envelope):not(.document-slip-canvas-wrap):not(.print-area):not(#routingSlipCanvas):not([id*=routingSlip]):not([class*=candidate-]),
.dark [class*="dark:bg-slate-900"],
.dark .bg-slate-900 {
  background-color: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  box-shadow: 0 8px 32px -4px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.dark .bg-slate-50:not([class*="dark:bg-"]),
.dark [class*="bg-slate-50/"]:not([class*="dark:bg-"]),
.dark .bg-slate-100:not([class*="dark:bg-"]),
.dark [class*="bg-slate-100/"]:not([class*="dark:bg-"]),
.dark .bg-gray-50:not([class*="dark:bg-"]),
.dark .bg-gray-100:not([class*="dark:bg-"]),
.dark .bg-neutral-50:not([class*="dark:bg-"]) {
  background-color: #162238 !important;
  border-color: rgba(51, 65, 85, 0.65) !important;
}
.dark .bg-slate-200:not([class*="dark:bg-"]),
.dark [class*="bg-slate-200/"]:not([class*="dark:bg-"]),
.dark .bg-gray-200:not([class*="dark:bg-"]) {
  background-color: #1e293b !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .border-slate-100:not([class*="dark:border-"]),
.dark .border-slate-200:not([class*="dark:border-"]),
.dark .border-slate-300:not([class*="dark:border-"]),
.dark .border-gray-200:not([class*="dark:border-"]),
.dark .border-gray-300:not([class*="dark:border-"]) {
  border-color: rgba(51, 65, 85, 0.7) !important;
}
.dark [class*="dark:border-slate-800"],
.dark [class*="dark:border-slate-700"] {
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .divide-slate-100 > * + *,
.dark .divide-slate-200 > * + * {
  border-color: rgba(51, 65, 85, 0.5) !important;
}
.dark .text-slate-950,
.dark .text-slate-900,
.dark .text-slate-800,
.dark .text-gray-950,
.dark .text-gray-900,
.dark .text-gray-800,
.dark .text-neutral-900 {
  color: #f8fafc !important;
}
.dark .text-slate-700,
.dark .text-gray-700 {
  color: #e2e8f0 !important;
}
.dark .text-slate-600,
.dark .text-gray-600 {
  color: #cbd5e1 !important;
}
.dark .text-slate-500,
.dark .text-gray-500 {
  color: #94a3b8 !important;
}
.dark .text-slate-400,
.dark .text-gray-400 {
  color: #94a3b8 !important;
}
.dark [role=dialog] > div,
.dark app-modal-layer ._panel_,
.dark app-modal-layer > div > div > div {
  background-color: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.8) !important;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
}
.app-shell,
.app-workspace,
header.header-shell,
.app-main-header,
.blgf-sidebar,
.dashboard-transactions,
table,
tr,
th,
td {
  transition-property:
    background-color,
    border-color,
    color,
    box-shadow;
  transition-duration: 180ms;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.native-input):not(.searchbar-input):not([class*=native-]),
select:not(.native-select),
textarea:not(.native-textarea):not([class*=native-]) {
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease !important;
}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.native-input):not(.searchbar-input):not([class*=native-]):focus,
select:not(.native-select):focus,
textarea:not(.native-textarea):not([class*=native-]):focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3.5px rgba(37, 99, 235, 0.18) !important;
  outline: none !important;
}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.native-input):not(.searchbar-input):not([class*=native-]),
select:not(.native-select) {
  min-height: 42px;
}
textarea:not(.native-textarea):not([class*=native-]) {
  min-height: 96px;
}
.dark input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.native-input):not(.searchbar-input):not([class*=native-]),
.dark select:not(.native-select),
.dark textarea:not(.native-textarea):not([class*=native-]) {
  border-color: rgba(51, 65, 85, 0.85) !important;
  background-color: #162238 !important;
  color: #f8fafc !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
}
.dark input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.native-input):not(.searchbar-input):not([class*=native-])::placeholder,
.dark select:not(.native-select)::placeholder,
.dark textarea:not(.native-textarea):not([class*=native-])::placeholder {
  color: #64748b !important;
}
.dark select option,
.dark option {
  background-color: #0e1628 !important;
  color: #f8fafc !important;
}
.dark input:not([type=checkbox]):not([type=radio]):not(.native-input):not(.searchbar-input):not([class*=native-]):focus,
.dark select:not(.native-select):focus,
.dark textarea:not(.native-textarea):not([class*=native-]):focus {
  background-color: #0e1628 !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 3.5px rgba(96, 165, 250, 0.25) !important;
}
ion-input,
ion-textarea,
ion-searchbar {
  --highlight-height: 0px !important;
  --highlight-color-focused: transparent !important;
  --highlight-color-valid: transparent !important;
  --highlight-color-invalid: transparent !important;
}
ion-input input,
ion-input .native-input,
ion-input input.native-input,
ion-textarea textarea,
ion-textarea .native-textarea,
ion-textarea textarea.native-textarea,
ion-searchbar input,
ion-searchbar .searchbar-input {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
ion-input input:focus,
ion-input .native-input:focus,
ion-input input.native-input:focus,
ion-textarea textarea:focus,
ion-textarea .native-textarea:focus,
ion-textarea textarea.native-textarea:focus,
ion-searchbar input:focus,
ion-searchbar .searchbar-input:focus {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}
.dark ion-input input,
.dark ion-input .native-input,
.dark ion-textarea textarea,
.dark ion-textarea .native-textarea,
.dark ion-searchbar input,
.dark ion-searchbar .searchbar-input {
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}
ion-input[class*=input],
ion-input[class*=field],
ion-textarea[class*=textarea],
ion-textarea[class*=field],
.ep-modal-input,
.ep-modal-textarea,
.settings-input,
.settings-strongInput,
.settings-idInput,
.settings-mediumInput,
.settings-passwordInput,
.ua-modal-input,
.login-input,
.completion-textarea,
.doc-search-input,
.ep-search-field,
.ua-search-input,
.al-search-input,
.rep-search-input {
  --border-width: 0px !important;
  --border-color: transparent !important;
  --border-style: none !important;
  --box-shadow: none !important;
  --highlight-height: 0px !important;
  --background: transparent !important;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
th {
  padding: 13px 16px !important;
  background: rgba(248, 250, 252, 0.95) !important;
  backdrop-filter: blur(8px);
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #e2e8f0;
}
td {
  padding: 13px 16px !important;
  border-bottom: 1px solid #edf2f7 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
.dark th {
  background: rgba(14, 22, 40, 0.95) !important;
  backdrop-filter: blur(8px);
  color: #94a3b8 !important;
  border-bottom-color: rgba(51, 65, 85, 0.7);
}
.dark td {
  border-bottom-color: rgba(51, 65, 85, 0.45) !important;
}
tbody tr {
  transition: background-color 150ms ease;
}
tbody tr:hover {
  background: rgba(37, 99, 235, 0.035) !important;
}
.dark tbody tr:hover {
  background: rgba(59, 130, 246, 0.08) !important;
}
button:not(.ion-activatable) {
  font-weight: 650;
  -webkit-tap-highlight-color: transparent;
  min-height: 40px;
  border-radius: 12px;
  transition:
    transform 140ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 140ms ease,
    background-color 140ms ease,
    border-color 140ms ease,
    color 140ms ease;
}
button:not(:disabled):hover {
  transform: translateY(-1px);
}
button:not(:disabled):active {
  transform: translateY(0) scale(0.98);
}
button ion-icon,
button svg {
  flex: 0 0 auto;
  pointer-events: none;
}
button:focus-visible {
  outline: 3px solid rgba(59, 130, 246, 0.35);
  outline-offset: 2px;
}
button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}
[class*=primaryButton],
[class*=submitButton],
[class*=saveButton],
[class*=createButton],
[class*=uploadButton],
.bg-blue-600 {
  border-color: transparent !important;
  background:
    linear-gradient(
      135deg,
      #2563eb 0%,
      #1d4ed8 100%) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.28), 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}
[class*=primaryButton]:hover,
[class*=submitButton]:hover,
[class*=saveButton]:hover,
[class*=createButton]:hover,
[class*=uploadButton]:hover,
.bg-blue-600:hover {
  background:
    linear-gradient(
      135deg,
      #1d4ed8 0%,
      #1e40af 100%) !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.38) !important;
}
[class*=deleteButton],
[class*=dangerButton] {
  border-color: #fecdd3 !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  box-shadow: none !important;
}
.dark [class*=deleteButton],
.dark [class*=dangerButton] {
  border-color: rgba(244, 63, 94, 0.35) !important;
  background: rgba(225, 29, 72, 0.2) !important;
  color: #fda4af !important;
}
.bg-emerald-600 {
  border-color: #059669 !important;
  background: #059669 !important;
  color: #fff !important;
}
.bg-amber-600 {
  border-color: #d97706 !important;
  background: #d97706 !important;
  color: #fff !important;
}
.bg-indigo-600 {
  border-color: #2563eb !important;
  background: #2563eb !important;
  color: #fff !important;
}
.bg-purple-600 {
  border-color: #7c3aed !important;
  background: #7c3aed !important;
  color: #fff !important;
}
.bg-purple-700 {
  border-color: #6d28d9 !important;
  background: #6d28d9 !important;
  color: #fff !important;
}
.bg-purple-50 {
  background: rgba(147, 51, 234, 0.08) !important;
}
.text-purple-600 {
  color: #7c3aed !important;
}
.text-purple-400 {
  color: #c084fc !important;
}
[class*=statusBadge],
[class*=priorityBadge],
[class*=directionBadge],
[class*=roleBadge] {
  border-radius: 9999px !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  line-height: 1.5 !important;
}
[class*=pagination] {
  padding: 14px 18px !important;
  border-top: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dark [class*=pagination] {
  border-top-color: #1e293b;
}
[role=dialog] {
  max-height: 100dvh;
}
[role=dialog] > div {
  border-radius: 20px !important;
  box-shadow: var(--ui-shadow-lg) !important;
  border: 1px solid var(--ui-border);
}
app-modal-layer > div.fixed {
  animation: overlay-enter 180ms ease-out;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
app-modal-layer > div.fixed > div > div {
  animation: dialog-enter 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes overlay-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dialog-enter {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.975);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.dashboard-transactions {
  overflow: hidden;
  padding: 0 !important;
  border-radius: 18px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow);
}
.dashboard-transactions > div:first-child {
  margin: 0 !important;
  padding: 1.15rem 1.4rem;
  border-bottom: 1px solid var(--ui-border);
}
.dashboard-transactions-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  backdrop-filter: blur(8px);
}
.dashboard-transaction-row td {
  border-bottom: 1px solid rgba(226, 232, 240, 0.7);
  vertical-align: middle;
}
.dashboard-transaction-row:hover td:first-child {
  box-shadow: inset 3.5px 0 0 #2563eb;
}
.dark .dashboard-transactions {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  box-shadow: 0 10px 28px -4px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.dark .dashboard-transactions > div:first-child {
  border-bottom-color: rgba(51, 65, 85, 0.7) !important;
}
.dark .dashboard-transaction-row td {
  border-bottom-color: rgba(51, 65, 85, 0.45) !important;
}
.dark .dashboard-transaction-row:hover td:first-child {
  box-shadow: inset 3.5px 0 0 #3b82f6 !important;
}
@media (min-width: 640px) {
  .app-content {
    padding: 0.875rem 1.5rem 3.5rem;
  }
}
@media (min-width: 1024px) {
  .app-content {
    padding-inline: 2rem;
  }
}
@media (max-width: 767px) {
  .app-content {
    padding: 12px 12px 64px !important;
  }
  td,
  th {
    padding: 10px 12px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
.dark {
}
.dark .ua-hero,
.dark .ua-tabs-nav,
.dark .ua-toolbar,
.dark .ua-table-card,
.dark .ua-card,
.dark .ua-matrix-header-bar,
.dark .ua-matrix-card,
.dark .ua-div-form-card,
.dark .ua-division-card,
.dark .ua-modal-box {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  box-shadow: 0 4px 24px -2px rgba(0, 0, 0, 0.5) !important;
}
.dark .ua-hero-title,
.dark .ua-card-name,
.dark .ua-matrix-title,
.dark .ua-matrix-role-label,
.dark .ua-feature-title,
.dark .ua-div-form-header h3,
.dark .ua-div-list-header h3,
.dark .ua-division-name,
.dark .ua-head-val,
.dark .ua-modal-title,
.dark .ua-chk-label,
.dark .ua-dept-val,
.dark .ua-user-name {
  color: #f8fafc !important;
}
.dark .ua-hero-subtitle,
.dark .ua-matrix-subtitle,
.dark .ua-modal-subtitle,
.dark .ua-field-hint,
.dark .ua-user-sub,
.dark .ua-user-email,
.dark .ua-designation-text,
.dark .ua-dept-sub,
.dark .ua-contact-row,
.dark .ua-div-list-sub,
.dark .ua-feature-desc,
.dark .ua-matrix-role-count {
  color: #94a3b8 !important;
}
.dark .ua-dept-label,
.dark .ua-head-label {
  color: #64748b !important;
}
.dark .ua-label,
.dark .ua-overrides-title,
.dark .ua-sec-label,
.dark .ua-subitem-row {
  color: #cbd5e1 !important;
}
.dark .ua-badge-live {
  background: rgba(37, 99, 235, 0.2) !important;
  color: #93c5fd !important;
  border-color: rgba(59, 130, 246, 0.35) !important;
}
.dark .ua-metric-pill {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #94a3b8 !important;
}
.dark .ua-metric-pill strong {
  color: #f8fafc !important;
}
.dark .ua-tab-btn {
  color: #94a3b8 !important;
}
.dark .ua-tab-btn:hover {
  background: #1e293b !important;
  color: #f1f5f9 !important;
}
.dark .ua-tab-btn.active {
  background: #172554 !important;
  color: #60a5fa !important;
}
.dark .ua-tab-btn.active ion-icon {
  color: #60a5fa !important;
}
.dark .ua-tab-count {
  background: #334155 !important;
  color: #cbd5e1 !important;
}
.dark .ua-tab-count.active {
  background: #2563eb !important;
  color: #ffffff !important;
}
.dark .ua-search-input,
.dark .ua-filter-select,
.dark .ua-modal-input,
.dark .ua-modal-select {
  background-color: #162238 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  color: #f8fafc !important;
}
.dark .ua-search-input:focus,
.dark .ua-filter-select:focus,
.dark .ua-modal-input:focus,
.dark .ua-modal-select:focus {
  background-color: #0e1628 !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.22) !important;
}
.dark .ua-view-switch {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .ua-view-btn {
  color: #94a3b8 !important;
}
.dark .ua-view-btn.active {
  background: #0e1628 !important;
  color: #60a5fa !important;
}
.dark .ua-table thead th {
  background: #162238 !important;
  border-bottom-color: rgba(51, 65, 85, 0.75) !important;
  color: #94a3b8 !important;
}
.dark .ua-table tbody tr {
  border-bottom-color: rgba(51, 65, 85, 0.45) !important;
}
.dark .ua-table tbody tr:hover {
  background-color: rgba(59, 130, 246, 0.08) !important;
}
.dark .ua-user-handle,
.dark .ua-card-username {
  color: #60a5fa !important;
}
.dark .ua-div-name {
  color: #e2e8f0 !important;
}
.dark .ua-div-code-badge,
.dark .ua-division-code-pill {
  background: rgba(37, 99, 235, 0.2) !important;
  color: #93c5fd !important;
  border-color: rgba(59, 130, 246, 0.35) !important;
}
.dark .ua-access-tag {
  background: rgba(220, 38, 38, 0.15) !important;
  color: #fca5a5 !important;
  border: 1px solid rgba(220, 38, 38, 0.25) !important;
}
.dark .ua-access-tag.allowed {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #6ee7b7 !important;
  border-color: rgba(16, 185, 129, 0.25) !important;
}
.dark .ua-status-pill {
  background: #162238 !important;
  border: 1.5px solid rgba(51, 65, 85, 0.75) !important;
  color: #94a3b8 !important;
}
.dark .ua-status-pill.is-active {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #34d399 !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
}
.dark .ua-card-dept-box,
.dark .ua-division-head-box,
.dark .ua-modal-overrides-box {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .ua-dept-icon,
.dark .ua-division-head-box ion-icon {
  color: #60a5fa !important;
}
.dark .ua-action-btn-edit {
  background: rgba(37, 99, 235, 0.18) !important;
  border-color: rgba(59, 130, 246, 0.4) !important;
  color: #93c5fd !important;
}
.dark .ua-action-btn-edit ion-icon {
  color: #60a5fa !important;
}
.dark .ua-action-btn-edit:hover {
  background: rgba(37, 99, 235, 0.32) !important;
  border-color: rgba(96, 165, 250, 0.6) !important;
  color: #ffffff !important;
}
.dark .ua-action-btn-delete {
  background: rgba(220, 38, 38, 0.18) !important;
  border-color: rgba(248, 113, 113, 0.4) !important;
  color: #fca5a5 !important;
}
.dark .ua-action-btn-delete ion-icon {
  color: #f87171 !important;
}
.dark .ua-action-btn-delete:hover {
  background: rgba(220, 38, 38, 0.32) !important;
  border-color: rgba(248, 113, 113, 0.6) !important;
  color: #ffffff !important;
}
.dark .ua-protected-badge {
  background: rgba(30, 41, 59, 0.6) !important;
  border-color: rgba(51, 65, 85, 0.7) !important;
  color: #94a3b8 !important;
}
.dark .ua-protected-badge ion-icon {
  color: #64748b !important;
}
.dark .ua-table-action-btn,
.dark .ua-btn-secondary {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #cbd5e1 !important;
}
.dark .ua-table-action-btn:hover,
.dark .ua-btn-secondary:hover {
  background: #1e293b !important;
  color: #ffffff !important;
  border-color: rgba(71, 85, 105, 0.9) !important;
}
.dark .ua-matrix-table thead tr.ua-matrix-th-row th {
  background: #162238 !important;
  border-bottom-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .ua-matrix-sticky-header,
.dark .ua-matrix-sticky-feature {
  background: #162238 !important;
  border-right-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .ua-matrix-section-row td {
  background: #162238 !important;
  border-top-color: rgba(51, 65, 85, 0.75) !important;
  border-bottom-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .ua-matrix-data-row td {
  border-bottom-color: rgba(51, 65, 85, 0.45) !important;
}
.dark .ua-matrix-data-row:hover {
  background-color: rgba(59, 130, 246, 0.08) !important;
}
.dark .ua-toggle-box {
  background: #162238 !important;
  border-color: #334155 !important;
  color: #94a3b8 !important;
}
.dark .ua-toggle-box.checked {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}
.dark .ua-toggle-box.is-danger.checked {
  background: #e11d48 !important;
  border-color: #e11d48 !important;
}
.dark .ua-toggle-box.disabled,
.dark .ua-toggle-box:disabled {
  background: #0f172a !important;
  opacity: 0.3 !important;
}
.dark .ua-modal-header,
.dark .ua-modal-footer,
.dark .ua-div-form-header {
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .ua-modal-close-btn {
  background: #1e293b !important;
  color: #94a3b8 !important;
}
.dark .ua-modal-close-btn:hover {
  background: #334155 !important;
  color: #ffffff !important;
}
.dark .ua-checkbox-card {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .ua-checkbox-card:hover {
  border-color: #60a5fa !important;
  background: #1e293b !important;
}
.dark .ua-empty-state,
.dark .ua-empty-divisions {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .ua-avatar-status {
  border-color: #0e1628 !important;
}
.dark .audit-toolbar,
.dark .audit-filters,
.dark .audit-tableCard {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .audit-title,
.dark .audit-userName {
  color: #f8fafc !important;
}
.dark .audit-subtitle,
.dark .audit-userRole,
.dark .audit-paginationSummary {
  color: #94a3b8 !important;
}
.dark .audit-tableHead {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #94a3b8 !important;
}
.dark .audit-tableBody tr {
  border-color: rgba(51, 65, 85, 0.45) !important;
}
.dark .audit-row:hover {
  background: rgba(59, 130, 246, 0.08) !important;
}
.dark .audit-timestamp,
.dark .audit-detailsCell {
  color: #cbd5e1 !important;
}
.dark .audit-searchInput,
.dark .audit-select {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  color: #f8fafc !important;
}
.dark .audit-csvButton,
.dark .audit-pageButton {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #cbd5e1 !important;
}
.dark .routing-followup-summary,
.dark .routing-followup-panel {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .routing-followup-heroTitle,
.dark .routing-followup-panelTitle,
.dark .routing-followup-recordTitle {
  color: #f8fafc !important;
}
.dark .routing-followup-heroDescription,
.dark .routing-followup-summaryLabel,
.dark .routing-followup-resultCount {
  color: #94a3b8 !important;
}
.dark .routing-followup-record,
.dark .routing-followup-empty {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.65) !important;
}
.dark .routing-followup-content p,
.dark .routing-followup-details,
.dark .routing-followup-reminderList {
  color: #cbd5e1 !important;
}
.dark .routing-followup-searchInput {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  color: #f8fafc !important;
}
.dark .routing-followup-viewButton,
.dark .routing-followup-pageButton {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #cbd5e1 !important;
}
.dark .settings-profileHero,
.dark .settings-section {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .settings-profileName,
.dark .settings-summaryValue,
.dark .settings-sectionTitle,
.dark .settings-photoTitle,
.dark .settings-preferenceTitle {
  color: #f8fafc !important;
}
.dark .settings-designation,
.dark .settings-summaryLabel,
.dark .settings-photoHelp {
  color: #94a3b8 !important;
}
.dark .settings-accountSummary,
.dark .settings-photoPanel,
.dark .settings-preference {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.65) !important;
}
.dark .settings-tabs,
.dark .settings-sectionHeader {
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .settings-tab {
  color: #94a3b8 !important;
}
.dark .settings-tab:hover {
  background: #1e293b !important;
  color: #f1f5f9 !important;
}
.dark .settings-tabActive {
  background: #172554 !important;
  color: #60a5fa !important;
  border-color: #3b82f6 !important;
}
.dark .settings-tabActive ion-icon,
.dark .settings-tabActive span {
  color: #60a5fa !important;
}
.dark .settings-fieldLabel,
.dark .settings-simpleLabel {
  color: #cbd5e1 !important;
}
.dark .settings-input,
.dark .settings-strongInput,
.dark .settings-mediumInput,
.dark .settings-idInput,
.dark .settings-passwordInput {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  color: #f8fafc !important;
}
.dark .reports-hero,
.dark .reports-filters,
.dark .reports-tableCard,
.dark .reports-reportTab {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .reports-title,
.dark .reports-tabCount,
.dark .reports-documentTitle,
.dark .reports-eventNeutral,
.dark .reports-tableTitle {
  color: #f8fafc !important;
}
.dark .reports-subtitle,
.dark .reports-mutedLine,
.dark .reports-detailLabel,
.dark .reports-muted,
.dark .reports-noEvents {
  color: #94a3b8 !important;
}
.dark .reports-tableHead th {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #94a3b8 !important;
}
.dark .reports-tableBody tr {
  border-color: rgba(51, 65, 85, 0.45) !important;
}
.dark .reports-row:hover {
  background: rgba(59, 130, 246, 0.08) !important;
}
.dark .reports-searchInput,
.dark .reports-monthSelect {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  color: #f8fafc !important;
}
.dark {
}
.dark .route-modal-shell {
  background: #0e1628 !important;
  color: #f8fafc !important;
  border-color: #1e2d4a !important;
}
.dark .route-modal-header {
  background: #111b2e !important;
  border-color: #1e2d4a !important;
}
.dark .route-modal-title {
  color: #f8fafc !important;
}
.dark .route-modal-route-code {
  color: #94a3b8 !important;
}
.dark .route-modal-close-btn {
  color: #94a3b8 !important;
}
.dark .route-modal-close-btn:hover {
  background: #1e293b !important;
  color: #f8fafc !important;
}
.dark .route-doc-overview-card {
  border-color: #1e2d4a !important;
  background:
    linear-gradient(
      180deg,
      #111b2e 0%,
      #0e1628 100%) !important;
}
.dark .route-doc-code-badge {
  background: #1e293b !important;
  color: #38bdf8 !important;
  border-color: #334155 !important;
}
.dark .route-doc-status-badge {
  background: rgba(30, 58, 138, 0.4) !important;
  border-color: #1e40af !important;
  color: #93c5fd !important;
}
.dark .route-doc-office-badge {
  background: #1e293b !important;
  color: #cbd5e1 !important;
}
.dark .route-doc-title {
  color: #f8fafc !important;
}
.dark .route-doc-subject-box {
  background: #162238 !important;
  border-left-color: #38bdf8 !important;
}
.dark .route-doc-subject-text {
  color: #e2e8f0 !important;
}
.dark .route-doc-sender-row {
  color: #94a3b8 !important;
}
.dark .route-doc-sender-row strong {
  color: #f1f5f9 !important;
}
.dark .route-section-title {
  color: #f8fafc !important;
}
.dark .route-section-subtitle {
  color: #94a3b8 !important;
}
.dark .route-already-routed-box {
  border-color: #1e2d4a !important;
  background: #111b2e !important;
}
.dark .routed-person-pill {
  background: #162238 !important;
  border-color: #2a3d5e !important;
  color: #e2e8f0 !important;
}
.dark .routed-avatar {
  background: #1e2d4a !important;
  color: #93c5fd !important;
}
.dark .picker-label {
  color: #e2e8f0 !important;
}
.dark .route-form-select {
  background: #111b2e !important;
  border-color: #2a3d5e !important;
  color: #f8fafc !important;
}
.dark .route-form-select option,
.dark .route-form-select optgroup {
  background: #0e1628 !important;
  color: #f8fafc !important;
}
.dark .route-selected-panel {
  border-color: #1e2d4a !important;
  background: #111b2e !important;
}
.dark .selected-panel-title {
  color: #f8fafc !important;
}
.dark .selected-recipient-card {
  border-color: #2a3d5e !important;
  background: #162238 !important;
}
.dark .selected-recipient-card:hover {
  border-color: #3b82f6 !important;
  background: #1c2b47 !important;
}
.dark .recipient-fullname {
  color: #f8fafc !important;
}
.dark .recipient-subinfo {
  color: #94a3b8 !important;
}
.dark .route-field-label {
  color: #e2e8f0 !important;
}
.dark .route-remarks-textarea {
  background: #111b2e !important;
  border-color: #2a3d5e !important;
  color: #f8fafc !important;
}
.dark .route-review-card {
  border-color: #1e2d4a !important;
  background: #111b2e !important;
}
.dark .review-header,
.dark .review-val {
  color: #f8fafc !important;
}
.dark .review-label,
.dark .review-footnote {
  color: #94a3b8 !important;
}
.dark .route-modal-footer {
  border-color: #1e2d4a !important;
  background: #111b2e !important;
}
.dark .route-btn-cancel {
  background: #162238 !important;
  border-color: #2a3d5e !important;
  color: #cbd5e1 !important;
}
.dark .route-btn-cancel:hover {
  background: #1e2d4a !important;
  color: #f8fafc !important;
}
.dark .studio-header,
.dark .studio-card,
.dark .sticky-canvas-container,
.dark .modal-content-wrapper,
.dark .envelope-printArea-card {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  box-shadow: 0 4px 24px -2px rgba(0, 0, 0, 0.5) !important;
}
.dark .studio-main-title,
.dark .card-header-title h3,
.dark .modal-heading {
  color: #f8fafc !important;
}
.dark .studio-subtitle,
.dark .card-subtitle,
.dark .modal-subheading {
  color: #94a3b8 !important;
}
.dark .btn-studio-back,
.dark .btn-studio-secondary {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #cbd5e1 !important;
}
.dark .btn-studio-back:hover,
.dark .btn-studio-secondary:hover {
  background: #1e293b !important;
  color: #f8fafc !important;
}
.dark .preset-card-btn {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .preset-card-btn .preset-name {
  color: #f1f5f9 !important;
}
.dark .preset-card-btn .preset-specs {
  color: #94a3b8 !important;
}
.dark .preset-card-btn .preset-icon-box {
  background: #162238 !important;
  color: #94a3b8 !important;
}
.dark .preset-card-btn:hover {
  border-color: #60a5fa !important;
  background: #162238 !important;
}
.dark .preset-card-btn.active {
  background: rgba(37, 99, 235, 0.18) !important;
  border-color: #3b82f6 !important;
}
.dark .preset-card-btn.active .preset-icon-box {
  background: #2563eb !important;
  color: #ffffff !important;
}
.dark .preset-card-btn.active .preset-name {
  color: #93c5fd !important;
}
.dark .custom-dims-row {
  background: #0b1120 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .custom-dims-row .dim-field label {
  color: #cbd5e1 !important;
}
.dark .custom-dims-row .input-dim {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  color: #ffffff !important;
}
.dark .studio-subject-input,
.dark .studio-input,
.dark .studio-textarea,
.dark .modal-search-input {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  color: #f8fafc !important;
}
.dark .studio-subject-input:focus,
.dark .studio-input:focus,
.dark .studio-textarea:focus,
.dark .modal-search-input:focus {
  border-color: #60a5fa !important;
  background: #0e1628 !important;
}
.dark .input-label {
  color: #cbd5e1 !important;
}
.dark .addressee-item-card {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .addressee-item-card.active-preview {
  border-color: #3b82f6 !important;
}
.dark .addressee-item-card .index-name {
  color: #f1f5f9 !important;
}
.dark .addressee-item-card .index-num {
  background: #162238 !important;
  color: #cbd5e1 !important;
}
.dark .addressee-card-header,
.dark .card-header-compact,
.dark .card-header-with-actions,
.dark .card-header-clickable {
  border-color: rgba(51, 65, 85, 0.7) !important;
  background: transparent !important;
}
.dark .addressee-card-header:hover,
.dark .card-header-compact:hover,
.dark .card-header-with-actions:hover,
.dark .card-header-clickable:hover {
  background: rgba(22, 34, 56, 0.6) !important;
}
.dark .canvas-header-bar,
.dark .canvas-footer-bar,
.dark .modal-header-clean,
.dark .modal-search-row,
.dark .modal-footer-bar {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .canvas-viewport {
  background: #070b14 !important;
}
.dark .view-mode-tabs {
  background: #162238 !important;
}
.dark .view-mode-tabs .tab-btn {
  color: #94a3b8 !important;
}
.dark .view-mode-tabs .tab-btn.active {
  background: #0e1628 !important;
  color: #f8fafc !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}
.dark .canvas-meta-pill {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #cbd5e1 !important;
}
.dark .doc-item-row,
.dark .dir-item-row {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .doc-item-row .doc-subject,
.dark .doc-item-row .emp-name,
.dark .dir-item-row .doc-subject,
.dark .dir-item-row .emp-name {
  color: #f1f5f9 !important;
}
.dark .doc-item-row:hover,
.dark .dir-item-row:hover {
  background: #162238 !important;
}
.dark .dir-item-row.selected {
  background: rgba(5, 150, 105, 0.18) !important;
  border-color: #059669 !important;
}
.dark .dir-item-row.selected .emp-name {
  color: #34d399 !important;
}
.dark .autocomplete-popover {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  box-shadow: 0 12px 32px -4px rgba(0, 0, 0, 0.75) !important;
}
.dark .autocomplete-item {
  color: #cbd5e1 !important;
}
.dark .autocomplete-item:hover {
  background: #162238 !important;
  color: #f8fafc !important;
}
.dark .ep-hero,
.dark .ep-card,
.dark .ep-preview-card,
.dark .ep-detail-card,
.dark .ep-filter-card,
.dark .ep-stat-card,
.dark .ep-modal-panel,
.dark .ep-titles-composer-card,
.dark .ep-title-card,
.dark .ep-titles-empty-card {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  box-shadow: 0 4px 24px -2px rgba(0, 0, 0, 0.5) !important;
}
.dark .ep-hero-title,
.dark .ep-name,
.dark .ep-card-title,
.dark .ep-section-title,
.dark .ep-title-card-name,
.dark .ep-empty-title {
  color: #f8fafc !important;
}
.dark .ep-hero-subtitle,
.dark .ep-designation,
.dark .ep-card-subtitle,
.dark .ep-field-hint {
  color: #94a3b8 !important;
}
.dark .ep-search-input,
.dark .ep-select,
.dark .ep-input,
.dark .ep-composer-input-wrap .ep-composer-input,
.dark .ep-titles-search-box .ep-titles-search-input {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  color: #f8fafc !important;
}
.dark .ep-search-input:focus,
.dark .ep-select:focus,
.dark .ep-input:focus,
.dark .ep-composer-input-wrap .ep-composer-input:focus,
.dark .ep-titles-search-box .ep-titles-search-input:focus {
  background: #0e1628 !important;
  border-color: #60a5fa !important;
}
.dark .ep-tab-btn {
  color: #94a3b8 !important;
}
.dark .ep-tab-btn.active {
  background: #162238 !important;
  color: #60a5fa !important;
}
.dark .ep-title-meta-pill {
  background: #162238 !important;
  color: #94a3b8 !important;
}
.dark .ep-composer-cancel-btn,
.dark .ep-title-btn {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #cbd5e1 !important;
}
.dark .ep-composer-cancel-btn:hover:not(:disabled),
.dark .ep-title-btn:hover:not(:disabled) {
  background: #1e293b !important;
  color: #f8fafc !important;
}
.dark .qcg-hero,
.dark .qcg-card,
.dark .qcg-previewCard,
.dark .qcg-placeholder {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.5) !important;
}
.dark .qcg-heroIcon {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .qcg-largeIcon {
  color: #60a5fa !important;
}
.dark .qcg-title,
.dark .qcg-routeNumber {
  color: #f8fafc !important;
}
.dark .qcg-subtitle,
.dark .qcg-helpText,
.dark .qcg-previewCaption,
.dark .qcg-copyType,
.dark .qcg-copyIcon,
.dark .qcg-unit {
  color: #94a3b8 !important;
}
.dark .qcg-label,
.dark .qcg-smallLabel,
.dark .qcg-sectionTitle,
.dark .qcg-rangeTitle {
  color: #cbd5e1 !important;
}
.dark .qcg-textInput,
.dark .qcg-sizeInput,
.dark .qcg-rangeField {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  color: #f8fafc !important;
}
.dark .qcg-textInput:focus,
.dark .qcg-sizeInput:focus,
.dark .qcg-rangeField:focus {
  background: #0e1628 !important;
  border-color: #60a5fa !important;
}
.dark .qcg-rangePanel {
  background: rgba(30, 58, 138, 0.25) !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .qcg-recentCode {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #cbd5e1 !important;
}
.dark .qcg-actionButton {
  background: #162238 !important;
  color: #cbd5e1 !important;
  border: 1px solid rgba(51, 65, 85, 0.75) !important;
}
.dark .qcg-actionButton:hover {
  background: #1e293b !important;
  color: #f8fafc !important;
}
.dark .document-slip-picker,
.dark .document-slip-page > div:first-child,
.dark .document-slip-page .animate-fadeIn {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .document-search-input {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  color: #f8fafc !important;
}
.dark .document-search-input:focus {
  background: #0e1628 !important;
  border-color: #60a5fa !important;
}
.dark .document-search-dropdown-popup {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.75) !important;
}
.dark .dropdown-header-strip {
  background: #162238 !important;
  color: #94a3b8 !important;
  border-color: rgba(51, 65, 85, 0.7) !important;
}
.dark .document-slip-picker-option {
  border-color: rgba(51, 65, 85, 0.5) !important;
}
.dark .document-slip-picker-option:hover {
  background: #162238 !important;
}
.dark .document-slip-picker-option .candidate-route {
  color: #60a5fa !important;
}
.dark .document-slip-picker-option .candidate-title {
  color: #f8fafc !important;
}
.dark .document-slip-picker-option .candidate-subject {
  color: #94a3b8 !important;
}
.dark .active-document-card {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .active-document-card .active-doc-title {
  color: #f8fafc !important;
}
.dark .active-document-card .active-doc-meta {
  color: #94a3b8 !important;
}
.dark .quick-switcher-block {
  border-color: rgba(51, 65, 85, 0.7) !important;
}
.dark .quick-switcher-header {
  color: #94a3b8 !important;
}
.dark .quick-doc-btn {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #cbd5e1 !important;
}
.dark .quick-doc-btn:hover {
  background: #1e293b !important;
  border-color: #60a5fa !important;
  color: #f8fafc !important;
}
.dark .quick-doc-btn.is-current {
  background: rgba(37, 99, 235, 0.25) !important;
  border-color: #3b82f6 !important;
  color: #93c5fd !important;
}
.dark .cd-dialog,
.dark .cd-header,
.dark .cd-footer {
  background: #0e1628 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .cd-title,
.dark .cd-file-name {
  color: #f8fafc !important;
}
.dark .cd-subtitle {
  color: #94a3b8 !important;
}
.dark .cd-stepper-card,
.dark .cd-direction-panel,
.dark .cd-panel,
.dark .cd-dropzone,
.dark .cd-file-item {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .cd-direction-switch,
.dark .cd-tracking-code {
  background: #0b1120 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #f8fafc !important;
}
.dark .cd-select,
.dark .cd-date-input,
.dark .cd-input,
.dark .cd-textarea {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.85) !important;
  color: #f8fafc !important;
}
.dark .cd-select:focus,
.dark .cd-date-input:focus,
.dark .cd-input:focus,
.dark .cd-textarea:focus {
  background: #0e1628 !important;
  border-color: #60a5fa !important;
}
.dark .cd-btn-cancel,
.dark .cd-btn-secondary {
  background: #162238 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #cbd5e1 !important;
}
.dark .cd-btn-cancel:hover:not(:disabled),
.dark .cd-btn-secondary:hover:not(:disabled) {
  background: #1e293b !important;
  color: #f8fafc !important;
}
.dark .document-detail-panel {
  background: #090d16 !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
  color: #f8fafc !important;
}
.dark .document-header-shell {
  background:
    linear-gradient(
      180deg,
      #0e1628 0%,
      #090d16 100%) !important;
  border-color: rgba(51, 65, 85, 0.75) !important;
}
.dark .document-tab-btn.active {
  color: #60a5fa !important;
}
.dark .document-tab-btn.active::after {
  background: #60a5fa !important;
}
@page {
  margin: 0 !important;
}
@media print {
  @page {
    margin: 0 !important;
  }
  app-header,
  header.header-shell,
  .app-main-header,
  app-sidebar,
  .desktop-sidebar-shell,
  .mobile-sidebar-backdrop,
  app-dialog-host,
  app-global-input-autocomplete,
  .no-print {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  html,
  body {
    background: #ffffff !important;
    color: #000000 !important;
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
    width: 100% !important;
  }
  app-root.app-root,
  .app-shell,
  .app-workspace,
  .app-main,
  .app-content {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
  }
}
ion-input,
ion-textarea {
  --border-width: 0 !important;
  --border-color: transparent !important;
  --border-style: none !important;
  --box-shadow: none !important;
  --highlight-height: 0 !important;
}
ion-input::part(native),
ion-textarea::part(native),
ion-input input,
ion-input .native-input,
ion-textarea textarea,
ion-textarea .native-textarea {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
mark.search-highlight,
mark.match,
.is-highlighted {
  background-color: #67e8f9 !important;
  color: #083344 !important;
  font-weight: 700;
  border-radius: 2px;
  padding: 0 3px;
  box-shadow: 0 0 0 1px rgba(6, 182, 212, 0.45);
  display: inline;
}
:host-context(.dark) mark.search-highlight,
:host-context(.dark) mark.match,
:host-context(.dark) .is-highlighted,
.dark mark.search-highlight,
.dark mark.match,
.dark .is-highlighted {
  background-color: #0891b2 !important;
  color: #ecfeff !important;
  box-shadow: 0 0 0 1px rgba(6, 182, 212, 0.6);
}
.scanner-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(2, 6, 23, 0.85) !important;
  backdrop-filter: blur(18px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem !important;
  box-sizing: border-box !important;
  animation: scannerOverlayFadeIn 200ms ease-out !important;
}
.scanner-modal-card {
  position: relative !important;
  width: min(94vw, 440px) !important;
  max-width: 440px !important;
  background:
    linear-gradient(
      175deg,
      #0f172a 0%,
      #090e1a 100%) !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
  border-radius: 26px !important;
  box-shadow:
    0 25px 70px -10px rgba(0, 0, 0, 0.9),
    0 0 35px rgba(56, 189, 248, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  color: #f8fafc !important;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif !important;
  box-sizing: border-box !important;
  animation: scannerCardPopIn 220ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.scanner-modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 1.15rem 1.35rem 1rem !important;
  background:
    linear-gradient(
      180deg,
      rgba(30, 41, 59, 0.7) 0%,
      rgba(15, 23, 42, 0.5) 100%) !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.22) !important;
}
.scanner-header-title-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
}
.scanner-header-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background:
    linear-gradient(
      135deg,
      rgba(14, 165, 233, 0.25) 0%,
      rgba(37, 99, 235, 0.4) 100%) !important;
  border: 1px solid rgba(56, 189, 248, 0.55) !important;
  box-shadow: 0 0 16px rgba(56, 189, 248, 0.35) !important;
  color: #38bdf8 !important;
  flex-shrink: 0 !important;
}
.scanner-header-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.scanner-header-title {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
  line-height: 1.25 !important;
}
.scanner-header-sub {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
.scanner-close-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(148, 163, 184, 0.3) !important;
  background: rgba(30, 41, 59, 0.8) !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: all 180ms ease !important;
}
.scanner-close-btn svg {
  stroke: currentColor !important;
}
.scanner-close-btn:hover {
  background: rgba(239, 68, 68, 0.25) !important;
  border-color: rgba(239, 68, 68, 0.55) !important;
  color: #fca5a5 !important;
  transform: scale(1.08) !important;
}
.scanner-modal-body {
  padding: 1.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  box-sizing: border-box !important;
}
.scanner-viewfinder-wrapper {
  position: relative !important;
  width: 100% !important;
  height: 260px !important;
  max-height: 260px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #020617 !important;
  border: 1.5px solid rgba(56, 189, 248, 0.4) !important;
  box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.95), 0 0 25px rgba(56, 189, 248, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.scanner-viewfinder-box {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}
.scanner-viewfinder-box video {
  width: 100% !important;
  height: 100% !important;
  max-height: 260px !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  display: block !important;
}
.scanner-viewfinder-box #document-search-scanner__scan_region {
  width: 100% !important;
  height: 100% !important;
  min-height: 260px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
}
.scanner-viewfinder-box #document-search-scanner__dashboard_section,
.scanner-viewfinder-box img,
.scanner-viewfinder-box canvas:not(.scanner-active-canvas) {
  display: none !important;
}
.scanner-http-notice-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 1.25rem !important;
  width: 100% !important;
  height: 100% !important;
  background:
    radial-gradient(
      circle at center,
      rgba(15, 23, 42, 0.95) 0%,
      rgba(2, 6, 23, 0.98) 100%) !important;
  box-sizing: border-box !important;
}
.scanner-notice-icon-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(
      135deg,
      rgba(56, 189, 248, 0.2) 0%,
      rgba(37, 99, 235, 0.25) 100%) !important;
  border: 1px solid rgba(56, 189, 248, 0.4) !important;
  box-shadow: 0 0 20px rgba(56, 189, 248, 0.3) !important;
  margin-bottom: 0.65rem !important;
}
.scanner-notice-title {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #f8fafc !important;
  margin: 0 0 0.35rem !important;
  letter-spacing: -0.01em !important;
}
.scanner-notice-desc {
  font-size: 0.76rem !important;
  color: #94a3b8 !important;
  line-height: 1.35 !important;
  max-width: 290px !important;
  margin: 0 0 0.85rem !important;
}
.scanner-notice-snap-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  padding: 0.55rem 1.15rem !important;
  border-radius: 9999px !important;
  background:
    linear-gradient(
      135deg,
      #0284c7 0%,
      #2563eb 100%) !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 750 !important;
  border: 1px solid rgba(147, 197, 253, 0.35) !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4) !important;
  cursor: pointer !important;
  transition: all 160ms ease !important;
}
.scanner-notice-snap-btn:hover {
  transform: translateY(-1px) scale(1.03) !important;
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.6) !important;
}
.scanner-notice-snap-btn:active {
  transform: translateY(0) scale(0.97) !important;
}
.scanner-hud-reticle {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.reticle-corner {
  position: absolute !important;
  width: 32px !important;
  height: 32px !important;
  border: 3px solid #38bdf8 !important;
  filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.85)) !important;
}
.reticle-corner.reticle-tl {
  top: 35px !important;
  left: calc(50% - 95px) !important;
  border-right: none !important;
  border-bottom: none !important;
  border-radius: 8px 0 0 0 !important;
}
.reticle-corner.reticle-tr {
  top: 35px !important;
  right: calc(50% - 95px) !important;
  border-left: none !important;
  border-bottom: none !important;
  border-radius: 0 8px 0 0 !important;
}
.reticle-corner.reticle-bl {
  bottom: 45px !important;
  left: calc(50% - 95px) !important;
  border-right: none !important;
  border-top: none !important;
  border-radius: 0 0 0 8px !important;
}
.reticle-corner.reticle-br {
  bottom: 45px !important;
  right: calc(50% - 95px) !important;
  border-left: none !important;
  border-top: none !important;
  border-radius: 0 0 8px 0 !important;
}
.scanner-hud-laser {
  position: absolute !important;
  left: calc(50% - 95px) !important;
  width: 190px !important;
  height: 2.5px !important;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      #38bdf8 50%,
      transparent 100%) !important;
  box-shadow: 0 0 12px #38bdf8, 0 0 20px #0284c7 !important;
  animation: laserSweepMotion 2.2s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate !important;
}
.scanner-hud-hint {
  position: absolute !important;
  bottom: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.35rem 0.85rem !important;
  border-radius: 9999px !important;
  background: rgba(15, 23, 42, 0.9) !important;
  border: 1px solid rgba(56, 189, 248, 0.5) !important;
  color: #bae6fd !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;
}
.scanner-hud-hint svg {
  stroke: #38bdf8 !important;
}
.scanner-error-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.65rem !important;
  padding: 0.8rem 1rem !important;
  border-radius: 14px !important;
  background: rgba(239, 68, 68, 0.16) !important;
  border: 1px solid rgba(239, 68, 68, 0.45) !important;
  color: #fca5a5 !important;
  font-size: 0.82rem !important;
  line-height: 1.4 !important;
}
.scanner-action-buttons-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.75rem !important;
  width: 100% !important;
}
.scanner-tool-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  min-height: 48px !important;
  padding: 0.75rem 1rem !important;
  border-radius: 16px !important;
  font-size: 0.88rem !important;
  font-weight: 750 !important;
  cursor: pointer !important;
  transition: all 180ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  border: none !important;
  outline: none !important;
}
.scanner-tool-btn svg {
  flex-shrink: 0 !important;
}
.scanner-tool-btn:active {
  transform: scale(0.96) !important;
}
.scanner-tool-btn.photo-btn {
  background:
    linear-gradient(
      135deg,
      #0284c7 0%,
      #2563eb 50%,
      #4f46e5 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(147, 197, 253, 0.3) !important;
  box-shadow: 0 4px 18px rgba(37, 99, 235, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
.scanner-tool-btn.photo-btn:hover {
  box-shadow: 0 6px 24px rgba(37, 99, 235, 0.65) !important;
  transform: translateY(-1.5px) !important;
}
.scanner-tool-btn.upload-btn {
  background: rgba(30, 41, 59, 0.9) !important;
  color: #f1f5f9 !important;
  border: 1px solid rgba(94, 109, 130, 0.6) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}
.scanner-tool-btn.upload-btn:hover {
  background: rgba(51, 65, 85, 0.95) !important;
  color: #ffffff !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 4px 16px rgba(56, 189, 248, 0.25) !important;
  transform: translateY(-1.5px) !important;
}
.scanner-cancel-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 0.65rem 1rem !important;
  border-radius: 14px !important;
  border: 1px solid rgba(71, 85, 105, 0.6) !important;
  background: rgba(30, 41, 59, 0.5) !important;
  color: #94a3b8 !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  outline: none !important;
  transition: all 160ms ease !important;
}
.scanner-cancel-btn svg {
  stroke: currentColor !important;
}
.scanner-cancel-btn:hover {
  background: rgba(239, 68, 68, 0.18) !important;
  border-color: rgba(239, 68, 68, 0.45) !important;
  color: #fca5a5 !important;
}
.scanner-cancel-btn:active {
  transform: scale(0.98) !important;
}
@keyframes laserSweepMotion {
  0% {
    top: 40px;
  }
  100% {
    top: 175px;
  }
}
@keyframes scannerOverlayFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes scannerCardPopIn {
  from {
    opacity: 0;
    transform: scale(0.94) translateY(12px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@media (max-width: 600px) {
  .scanner-modal-overlay {
    padding: 0.75rem !important;
  }
  .scanner-modal-card {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 24px !important;
  }
  .scanner-viewfinder-wrapper {
    height: 240px !important;
    max-height: 240px !important;
  }
}
.scanner-direct-tap-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 1.25rem !important;
  background:
    radial-gradient(
      circle at center,
      rgba(15, 23, 42, 0.95) 0%,
      rgba(2, 6, 23, 0.98) 100%) !important;
  border-radius: 18px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  transition: all 180ms ease !important;
}
.scanner-direct-tap-card:hover {
  background:
    radial-gradient(
      circle at center,
      rgba(30, 41, 59, 0.95) 0%,
      rgba(2, 6, 23, 0.98) 100%) !important;
}
.scanner-direct-tap-card:hover .scanner-tap-glow-orb {
  transform: scale(1.08) !important;
  box-shadow: 0 0 28px rgba(56, 189, 248, 0.5) !important;
}
.scanner-direct-tap-card:active {
  transform: scale(0.98) !important;
}
.scanner-tap-glow-orb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(
      135deg,
      rgba(56, 189, 248, 0.22) 0%,
      rgba(37, 99, 235, 0.35) 100%) !important;
  border: 1px solid rgba(56, 189, 248, 0.5) !important;
  box-shadow: 0 0 22px rgba(56, 189, 248, 0.35) !important;
  margin-bottom: 0.75rem !important;
  transition: all 200ms ease !important;
}
.scanner-tap-title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #f8fafc !important;
  margin: 0 0 0.3rem !important;
  letter-spacing: -0.01em !important;
}
.scanner-tap-desc {
  font-size: 0.76rem !important;
  color: #94a3b8 !important;
  line-height: 1.35 !important;
  max-width: 290px !important;
  margin: 0 0 0.85rem !important;
}
.scanner-tap-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.45rem 1rem !important;
  border-radius: 9999px !important;
  background:
    linear-gradient(
      135deg,
      #0284c7 0%,
      #2563eb 100%) !important;
  color: #ffffff !important;
  font-size: 0.78rem !important;
  font-weight: 750 !important;
  border: 1px solid rgba(147, 197, 253, 0.4) !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.45) !important;
}
.scanner-desktop-pc-switch {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
  padding: 0.5rem 0.75rem !important;
  border-radius: 10px !important;
  background: rgba(30, 41, 59, 0.5) !important;
  border: 1px dashed rgba(56, 189, 248, 0.35) !important;
  font-size: 0.72rem !important;
  color: #94a3b8 !important;
}
.scanner-desktop-pc-switch .scanner-switch-link-btn {
  border: none !important;
  background: transparent !important;
  color: #38bdf8 !important;
  font-size: 0.72rem !important;
  font-weight: 750 !important;
  cursor: pointer !important;
  text-decoration: underline !important;
  padding: 0 !important;
  white-space: nowrap !important;
}
.scanner-action-buttons-grid.single-col {
  grid-template-columns: 1fr !important;
}
.user-dir-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.6rem !important;
}
.user-dir-card {
  min-height: 64px !important;
  align-items: center !important;
  gap: 0.7rem !important;
  padding: 0.65rem 0.75rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.user-dir-card:hover {
  border-color: #bfdbfe !important;
  background: #f8fbff !important;
}
.user-dir-card.is-current-user {
  border-color: #93c5fd !important;
  background: #eff6ff !important;
}
.user-dir-avatar,
.user-dir-avatar-img,
.user-dir-avatar-initials {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
}
.user-dir-info-col {
  justify-content: center !important;
}
.user-dir-row-header {
  justify-content: flex-start !important;
}
.user-dir-name {
  font-size: 0.8rem !important;
  line-height: 1.25 !important;
}
.user-dir-you-badge {
  padding: 0.1rem 0.35rem !important;
  background: #dbeafe !important;
  color: #1d4ed8 !important;
  font-size: 0.56rem !important;
}
.user-dir-simple-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  margin-top: 0.2rem !important;
  color: #94a3b8 !important;
  font-size: 0.63rem !important;
  font-weight: 700 !important;
}
.user-dir-simple-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #94a3b8;
}
.user-dir-simple-status.is-online {
  color: #15803d !important;
}
.user-dir-simple-status.is-online::before {
  background: #22c55e;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.14);
}
.user-dir-presence-indicator.is-deactivated {
  background: #94a3b8 !important;
  box-shadow: none !important;
}
.user-dir-presence-indicator.is-active,
.user-dir-presence-indicator.is-current {
  background: #22c55e !important;
}
@media (max-width: 700px) {
  .user-dir-grid {
    grid-template-columns: 1fr !important;
  }
}

/* src/ui-enhancements.scss */
:root {
  --ui-canvas: #f4f7fb;
  --ui-surface-raised: rgba(255, 255, 255, 0.94);
  --ui-focus: rgba(37, 99, 235, 0.22);
  --ui-control-height: 2.75rem;
  --ui-ease: cubic-bezier(0.16, 1, 0.3, 1);
}
html.dark,
body.dark,
:root.dark,
.dark {
  --ui-canvas: #070b14;
  --ui-surface-raised: rgba(14, 22, 40, 0.94);
  --ui-focus: rgba(96, 165, 250, 0.28);
}
::selection {
  color: var(--ui-text, #0f172a);
  background: rgba(96, 165, 250, 0.28);
}
html {
  scrollbar-gutter: stable;
}
body {
  accent-color: var(--ion-color-primary, #2563eb);
}
body.app-modal-open {
  overflow: hidden;
}
body.app-modal-open .app-content {
  overflow: hidden !important;
}
.app-content {
  scroll-behavior: smooth;
  background-image:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.22),
      transparent 10rem) !important;
}
.dark .app-content {
  background-image:
    linear-gradient(
      180deg,
      rgba(30, 41, 59, 0.13),
      transparent 11rem) !important;
}
.app-view-container {
  animation: ui-view-enter 260ms var(--ui-ease);
}
@keyframes ui-view-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:where(button, a, input, select, textarea, [role=button], [tabindex]):focus-visible {
  outline: 3px solid var(--ui-focus) !important;
  outline-offset: 2px;
}
:where(button, [role=button], ion-button):not(:disabled) {
  transition:
    transform 160ms var(--ui-ease),
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease,
    opacity 180ms ease;
}
:where(button, [role=button]):not(:disabled):active {
  transform: translateY(1px) scale(0.985);
}
ion-button::part(native) {
  transition:
    transform 160ms var(--ui-ease),
    box-shadow 180ms ease,
    background 180ms ease;
}
ion-button:not([disabled]):active::part(native) {
  transform: translateY(1px) scale(0.985);
}
:where(input:not(.native-input):not(.searchbar-input):not([class*=native-]), select:not(.native-select), textarea:not(.native-textarea):not([class*=native-])) {
  caret-color: var(--ion-color-primary, #2563eb);
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease;
}
:where(input:not(.native-input):not(.searchbar-input):not([class*=native-]), select:not(.native-select), textarea:not(.native-textarea):not([class*=native-])):not(:disabled):hover {
  border-color: rgba(var(--ion-color-primary-rgb, 37, 99, 235), 0.5) !important;
}
:where(input:not(.native-input):not(.searchbar-input):not([class*=native-]), select:not(.native-select), textarea:not(.native-textarea):not([class*=native-])):focus {
  border-color: var(--ion-color-primary, #2563eb) !important;
  box-shadow: 0 0 0 3px var(--ui-focus) !important;
}
ion-input,
ion-select,
ion-textarea {
  --highlight-color-focused: var(--ion-color-primary, #2563eb);
  --placeholder-opacity: 0.7;
}
:where(table) {
  border-collapse: separate;
  border-spacing: 0;
  font-variant-numeric: tabular-nums;
}
:where(thead th) {
  background-clip: padding-box;
}
:where(tbody tr) {
  transition: background-color 150ms ease, box-shadow 150ms ease;
}
:where(tbody tr):hover {
  background-color: rgba(37, 99, 235, 0.035);
}
.dark :where(tbody tr):hover {
  background-color: rgba(96, 165, 250, 0.055);
}
:where([role=dialog]) {
  isolation: isolate;
}
:where([role=dialog] > div, .modal-panel, .modalPanel, .dialog-panel) {
  border: 1px solid var(--ui-border, #e2e8f0);
  box-shadow: 0 28px 70px -22px rgba(15, 23, 42, 0.42), 0 1px 2px rgba(15, 23, 42, 0.08);
}
.dark :where([role=dialog] > div, .modal-panel, .modalPanel, .dialog-panel) {
  box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.82), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
:where(.overflow-x-auto, [class*=table-wrap], [class*=tableWrap]) {
  scrollbar-width: thin;
  scrollbar-color: rgba(100, 116, 139, 0.38) transparent;
}
:where(.badge, [class*=status-badge], [class*=statusBadge], [class*=pill]) {
  font-variant-numeric: tabular-nums;
}
@media (min-width: 1280px) {
  .app-content {
    padding-inline: clamp(1.25rem, 2vw, 2rem);
    padding-top: 1rem;
  }
}
@media (max-width: 767px) {
  .app-view-container {
    animation-duration: 220ms;
  }
  :where([role=dialog] > div, .modal-panel, .modalPanel, .dialog-panel) {
    border-radius: 1.25rem !important;
  }
  :where(table th, table td) {
    padding-inline: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .app-content {
    scroll-behavior: auto;
  }
  .app-view-container {
    animation: none;
  }
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
@media (prefers-contrast: more) {
  :root {
    --ui-border: #94a3b8;
  }
  .dark {
    --ui-border: #64748b;
  }
  :where(button, a, input, select, textarea, [role=button]):focus-visible {
    outline-width: 4px !important;
  }
}
@media print {
  .app-view-container {
    animation: none;
  }
  .app-content {
    background: #fff !important;
  }
}
:where([class*=search-wrap i], [class*=searchwrap i], [class*=search-field i], [class*=searchfield i], [class*=search-box i]) {
  position: relative;
}
:where([class*=search-wrap i], [class*=searchwrap i], [class*=search-field i], [class*=searchfield i], [class*=search-box i]):focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}
:where(ion-input[class*=search i], input[class*=search i], .doc-search-input, .routing-followup-searchInput, .reports-searchInput, .audit-searchInput, .user-dir-search-input, .ua-search-input, .ep-search-field, .dash-search-input, .modal-search-input, .document-search-input) {
  --padding-start: 1rem !important;
  --padding-end: 2.5rem !important;
  --caret-color: #2563eb !important;
  padding-left: 1rem !important;
  caret-color: #2563eb !important;
  border-color: #cbd5e1 !important;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease;
}
ion-input[class*=search i]::part(native),
.doc-search-input::part(native),
.routing-followup-searchInput::part(native),
.reports-searchInput::part(native),
.audit-searchInput::part(native),
.ua-search-input::part(native),
.ep-search-field::part(native),
.document-search-input::part(native) {
  caret-color: #2563eb !important;
}
:where(ion-input[class*=search i]:focus-within, input[class*=search i]:focus, .doc-search-input:focus-within, .routing-followup-searchInput:focus-within, .reports-searchInput:focus-within, .audit-searchInput:focus-within, .user-dir-search-input:focus, .ua-search-input:focus-within, .ep-search-field:focus-within, .dash-search-input:focus, .modal-search-input:focus, .document-search-input:focus-within) {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3.5px rgba(37, 99, 235, 0.16), 0 4px 12px rgba(15, 23, 42, 0.05) !important;
}
:where([class*=search i] > ion-icon:first-child, [class*=search i] ion-icon[name*=search i], ion-icon[class*=search-icon i], ion-icon[class*=searchicon i], .doc-search-icon, .routing-followup-searchIcon, .reports-searchIcon, .audit-searchIcon, .user-dir-search-icon, .ua-search-icon, .ep-search-icon, .dash-search-icon, .slipSearch2Icon) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dark :where(ion-input[class*=search i], input[class*=search i], .doc-search-input, .routing-followup-searchInput, .reports-searchInput, .audit-searchInput, .user-dir-search-input, .ua-search-input, .ep-search-field, .dash-search-input, .modal-search-input, .document-search-input) {
  --caret-color: #60a5fa !important;
  caret-color: #60a5fa !important;
  border-color: #334155 !important;
}
.dark ion-input[class*=search i]::part(native),
.dark .doc-search-input::part(native),
.dark .routing-followup-searchInput::part(native),
.dark .reports-searchInput::part(native),
.dark .audit-searchInput::part(native),
.dark .ua-search-input::part(native),
.dark .ep-search-field::part(native),
.dark .document-search-input::part(native) {
  caret-color: #60a5fa !important;
}
input[type=search],
input[role=searchbox],
input[class*=search i],
ion-input[type=search],
ion-input[class*=search i],
ion-searchbar {
  --caret-color: #1d4ed8 !important;
  caret-color: #1d4ed8 !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}
input[type=search],
input[role=searchbox],
input[class*=search i] {
  box-sizing: border-box !important;
  min-height: 3rem;
  padding: 0.75rem 2.75rem 0.75rem 1rem !important;
  line-height: 1.35;
}
ion-input[type=search]::part(native),
ion-input[class*=search i]::part(native),
ion-searchbar::part(input) {
  padding: 0.75rem 2.75rem 0.75rem 1rem !important;
  caret-color: #1d4ed8 !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}
input[type=search]:focus,
input[role=searchbox]:focus,
input[class*=search i]:focus,
ion-input[type=search]:focus-within,
ion-input[class*=search i]:focus-within,
ion-searchbar:focus-within {
  --caret-color: #1d4ed8 !important;
  caret-color: #1d4ed8 !important;
}
.dark input[type=search],
.dark input[role=searchbox],
.dark input[class*=search i],
.dark ion-input[type=search],
.dark ion-input[class*=search i],
.dark ion-searchbar,
.dark ion-input[type=search]::part(native),
.dark ion-input[class*=search i]::part(native),
.dark ion-searchbar::part(input) {
  --caret-color: #60a5fa !important;
  caret-color: #60a5fa !important;
}
html body input[type][class*=search i],
html body input[type][role=searchbox] {
  box-sizing: border-box !important;
  min-height: 3rem !important;
  padding-top: 0.75rem !important;
  padding-right: 2.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 1rem !important;
  line-height: 1.35 !important;
  caret-color: #1d4ed8 !important;
  cursor: text !important;
}
html.dark body input[type][class*=search i],
html.dark body input[type][role=searchbox] {
  caret-color: #60a5fa !important;
}
app-dialog-host {
  position: relative;
  z-index: 100000 !important;
}
.dialog7,
.dialog4 {
  z-index: 100000 !important;
}

/* src/ionic-responsive.scss */
:root {
  --app-safe-top: env(safe-area-inset-top, 0px);
  --app-safe-right: env(safe-area-inset-right, 0px);
  --app-safe-bottom: env(safe-area-inset-bottom, 0px);
  --app-safe-left: env(safe-area-inset-left, 0px);
  --app-touch-target: 44px;
}
html,
body,
app-root,
ion-app,
ion-content.app-viewport {
  width: 100%;
  height: 100%;
  min-width: 0;
}
ion-button {
  --background: transparent;
  --background-hover: rgba(var(--ion-color-primary-rgb, 37, 99, 235), 0.08);
  --background-activated: rgba(var(--ion-color-primary-rgb, 37, 99, 235), 0.14);
  --box-shadow: none;
  --color: currentColor;
  --border-radius: 0.625rem;
  --padding-start: 0;
  --padding-end: 0;
  min-height: var(--app-touch-target);
  margin: 0;
  text-transform: none;
  letter-spacing: normal;
}
ion-input,
ion-select,
ion-textarea {
  --background: transparent;
  --color: inherit;
  --placeholder-color: var(--ui-muted, #64748b);
  --placeholder-opacity: 0.78;
  min-height: var(--app-touch-target);
  font: inherit;
}
ion-input::part(native),
ion-textarea::part(native),
ion-select::part(container) {
  min-height: inherit;
}
ion-input::part(native),
ion-textarea::part(native) {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
ion-select::part(icon) {
  color: var(--ion-color-primary, #2563eb);
  opacity: 0.8;
}
ion-checkbox {
  --size: 1.25rem;
  --border-radius: 0.35rem;
  --checkbox-background-checked: var(--ion-color-primary, #2563eb);
  --border-color-checked: var(--ion-color-primary, #2563eb);
}
ion-range {
  --bar-background: var(--ui-border, #e2e8f0);
  --bar-background-active: var(--ion-color-primary, #2563eb);
  --knob-background: var(--ion-color-primary, #2563eb);
  --pin-background: var(--ion-color-primary, #2563eb);
}
ion-button[disabled],
ion-input[disabled],
ion-select[disabled],
ion-textarea[disabled] {
  opacity: 0.55;
}
ion-content.app-viewport {
  --background: var(--ion-background-color, #f8fafc);
  --padding-top: var(--app-safe-top);
  --padding-right: var(--app-safe-right);
  --padding-bottom: var(--app-safe-bottom);
  --padding-left: var(--app-safe-left);
}
button,
[role=button],
input,
select,
textarea,
ion-button,
ion-input,
ion-select,
ion-textarea {
  touch-action: manipulation;
}
img,
svg,
canvas {
  max-width: 100%;
}
.app-workspace,
.app-main,
.app-content,
.app-view-container {
  min-width: 0;
  min-height: 0;
}
.app-content {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
table {
  max-width: 100%;
}
@media (max-width: 767px) {
  html,
  body,
  app-root.app-root,
  .app-shell {
    height: 100dvh;
    min-height: 100dvh;
  }
  .app-workspace {
    width: 100%;
    overflow: hidden;
  }
  .desktop-sidebar-shell {
    display: none !important;
  }
  .app-main,
  .app-content,
  .app-view-container {
    width: 100%;
    max-width: 100%;
  }
  .app-content {
    padding: 0.75rem !important;
    padding-bottom: calc(84px + env(safe-area-inset-bottom, 16px)) !important;
  }
  .app-content > * {
    min-width: 0;
    max-width: 100%;
  }
  button:not(.icon-only),
  [role=button]:not(.icon-only),
  ion-button {
    min-height: var(--app-touch-target);
  }
  input:not([type=checkbox]):not([type=radio]),
  select,
  textarea,
  ion-input,
  ion-select,
  ion-textarea {
    min-height: var(--app-touch-target);
    font-size: 16px !important;
  }
  .overflow-x-auto,
  [class*=table-wrap],
  [class*=tableWrap],
  [class*=table-container],
  [class*=tableContainer] {
    max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }
  table {
    width: max-content;
    min-width: 100%;
  }
  app-modal-layer > div,
  [class*=modal-panel],
  [class*=modalPanel],
  [class*=modal-box],
  [class*=modalBox],
  [class*=dialog] {
    max-width: calc(100vw - 1rem) !important;
    max-height: calc(100dvh - var(--app-safe-top) - var(--app-safe-bottom) - 1rem) !important;
  }
  [class*=modal-header],
  [class*=modalHeader],
  [class*=modal-footer],
  [class*=modalFooter] {
    padding-inline: 1rem !important;
  }
  [class*=grid-cols-2],
  [class*=grid-cols-3],
  [class*=grid-cols-4],
  [class*=grid-cols-5],
  [class*=grid-cols-6] {
    grid-template-columns: minmax(0, 1fr);
  }
  .fixed.inset-0 {
    padding-top: var(--app-safe-top);
    padding-right: var(--app-safe-right);
    padding-bottom: var(--app-safe-bottom);
    padding-left: var(--app-safe-left);
  }
}
@media (max-width: 479px) {
  .app-content {
    padding: 0.625rem !important;
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 16px)) !important;
  }
  h1 {
    font-size: clamp(1.25rem, 7vw, 1.75rem);
  }
  h2 {
    font-size: clamp(1.125rem, 6vw, 1.5rem);
  }
  [class*=modal-footer],
  [class*=modalFooter],
  [class*=form-actions],
  [class*=formActions] {
    flex-wrap: wrap;
  }
  [class*=modal-footer] > button,
  [class*=modalFooter] > button,
  [class*=form-actions] > button,
  [class*=formActions] > button {
    flex: 1 1 100%;
  }
}
@media (hover: none) and (pointer: coarse) {
  button,
  [role=button],
  a,
  input,
  select,
  textarea {
    -webkit-tap-highlight-color: transparent;
  }
  button:active,
  [role=button]:active,
  a:active {
    opacity: 0.86;
  }
}

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