/*! Original Vuexy Bootstrap 5.3.8 component subset (core.css @ 82710f5).
 * Bootstrap Authors, MIT; purchased Vuexy license: resources/vendor/vuexy/Licensing/License.txt.
 * Component declarations retain their source order and values, scoped to VARVOX.
 * Cards, badges and dropdowns reuse vuexy-shell-components.css. No demo bundle.
 */
/* Unmodified Vuexy base variables (core.css:8,135,7988,8021,8061). */
body.vx-app {
--bs-blue: #007bff;
  --bs-indigo: #6610f2;
  --bs-purple: #7367f0;
  --bs-pink: #e83e8c;
  --bs-red: #ff4c51;
  --bs-orange: #fd7e14;
  --bs-yellow: #ff9f43;
  --bs-green: #28c76f;
  --bs-teal: #20c997;
  --bs-cyan: #00bad1;
  --bs-black: #2f2b3d;
  --bs-white: #fff;
  --bs-gray: #82808b;
  --bs-gray-dark: #595564;
  --bs-gray-25: #fcfcfc;
  --bs-gray-50: #f3f2f3;
  --bs-gray-75: #eeeeef;
  --bs-gray-100: #eaeaec;
  --bs-gray-200: #e6e6e8;
  --bs-gray-300: #c1bfc5;
  --bs-gray-400: #acaab1;
  --bs-gray-500: #97959e;
  --bs-gray-600: #82808b;
  --bs-gray-700: #6d6b77;
  --bs-gray-800: #595564;
  --bs-gray-900: #444050;
  --bs-primary: #7367f0;
  --bs-secondary: #808390;
  --bs-success: #28c76f;
  --bs-info: #00bad1;
  --bs-warning: #ff9f43;
  --bs-danger: #ff4c51;
  --bs-light: #dfdfe3;
  --bs-dark: #2f3349;
  --bs-gray: #97959e;
  --bs-primary-rgb: 115, 103, 240;
  --bs-secondary-rgb: 128, 131, 144;
  --bs-success-rgb: 40, 199, 111;
  --bs-info-rgb: 0, 186, 209;
  --bs-warning-rgb: 255, 159, 67;
  --bs-danger-rgb: 255, 76, 81;
  --bs-light-rgb: 223, 223, 227;
  --bs-dark-rgb: 47, 51, 73;
  --bs-gray-rgb: 151, 149, 158;
  --bs-primary-text-emphasis: #2e2960;
  --bs-secondary-text-emphasis: #33343a;
  --bs-success-text-emphasis: #10502c;
  --bs-info-text-emphasis: #004a54;
  --bs-warning-text-emphasis: #66401b;
  --bs-danger-text-emphasis: #661e20;
  --bs-light-text-emphasis: #6d6b77;
  --bs-dark-text-emphasis: #6d6b77;
  --bs-primary-bg-subtle: #e9e7fd;
  --bs-secondary-bg-subtle: #ebebed;
  --bs-success-bg-subtle: #ddf6e8;
  --bs-info-bg-subtle: #d6f4f8;
  --bs-warning-bg-subtle: #fff0e1;
  --bs-danger-bg-subtle: #ffe2e3;
  --bs-light-bg-subtle: #f5f5f6;
  --bs-dark-bg-subtle: #dedee2;
  --bs-primary-border-subtle: #c8c4f9;
  --bs-secondary-border-subtle: #cdcfd4;
  --bs-success-border-subtle: #abe9c7;
  --bs-info-border-subtle: #9ce4ed;
  --bs-warning-border-subtle: #ffdab6;
  --bs-danger-border-subtle: #ffb9bb;
  --bs-light-border-subtle: #e6e6e8;
  --bs-dark-border-subtle: #aeafb8;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 47, 43, 61;
  --bs-font-sans-serif: "Public Sans", -apple-system, blinkmacsystemfont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --bs-font-monospace: "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-root-font-size: 16px;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.9375rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.375;
  --bs-body-color: #6d6b77;
  --bs-body-color-rgb: 109, 107, 119;
  --bs-body-bg: #f8f7fa;
  --bs-body-bg-rgb: 248, 247, 250;
  --bs-emphasis-color: #2f2b3d;
  --bs-emphasis-color-rgb: 47, 43, 61;
  --bs-secondary-color: #acaab1;
  --bs-secondary-color-rgb: 172, 170, 177;
  --bs-secondary-bg: #e6e6e8;
  --bs-secondary-bg-rgb: 230, 230, 232;
  --bs-tertiary-color: rgba(109, 107, 119, 0.5);
  --bs-tertiary-color-rgb: 109, 107, 119;
  --bs-tertiary-bg: #dfdfe3;
  --bs-tertiary-bg-rgb: 223, 223, 227;
  --bs-heading-color: #444050;
  --bs-link-color: #7367f0;
  --bs-link-color-rgb: 115, 103, 240;
  --bs-link-decoration: none;
  --bs-link-hover-color: #685dd8;
  --bs-link-hover-color-rgb: 104, 93, 216;
  --bs-code-color: #e83e8c;
  --bs-highlight-color: #6d6b77;
  --bs-highlight-bg: #ffecd9;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: var(--bs-gray-200);
  --bs-border-color-translucent: rgba(47, 43, 61, 0.075);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 0.625rem;
  --bs-border-radius-xxl: 1rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.1875rem 0.75rem 0 rgba(47, 43, 61, 0.14);
  --bs-box-shadow-sm: 0 0.125rem 0.5rem 0 rgba(47, 43, 61, 0.12);
  --bs-box-shadow-lg: 0 0.25rem 1.125rem 0 rgba(47, 43, 61, 0.16);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(47, 43, 61, 0.075);
  --bs-focus-ring-width: 0.15rem;
  --bs-focus-ring-opacity: 0.75;
  --bs-focus-ring-color: rgba(109, 107, 119, 0.75);
  --bs-form-valid-color: #28c76f;
  --bs-form-valid-border-color: #28c76f;
  --bs-form-invalid-color: #ff4c51;
  --bs-form-invalid-border-color: #ff4c51;
}
[data-theme=dark] body.vx-app {
color-scheme: dark;
  --bs-body-color: #acabc1;
  --bs-body-color-rgb: 172, 171, 193;
  --bs-body-bg: #25293c;
  --bs-body-bg-rgb: 37, 41, 60;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: #76778e;
  --bs-secondary-color-rgb: 118, 119, 142;
  --bs-secondary-bg: #76778e;
  --bs-secondary-bg-rgb: 118, 119, 142;
  --bs-tertiary-color: rgba(172, 171, 193, 0.5);
  --bs-tertiary-color-rgb: 172, 171, 193;
  --bs-tertiary-bg: #4e5370;
  --bs-tertiary-bg-rgb: 78, 83, 112;
  --bs-primary-text-emphasis: #aba4f6;
  --bs-secondary-text-emphasis: #b3b5bc;
  --bs-success-text-emphasis: #7edda9;
  --bs-info-text-emphasis: #66d6e3;
  --bs-warning-text-emphasis: #ffc58e;
  --bs-danger-text-emphasis: #ff9497;
  --bs-light-text-emphasis: #acabc1;
  --bs-dark-text-emphasis: #e1def5;
  --bs-primary-bg-subtle: #3a3b64;
  --bs-secondary-bg-subtle: #3c4054;
  --bs-success-bg-subtle: #2e4b4f;
  --bs-info-bg-subtle: #27495f;
  --bs-warning-bg-subtle: #504448;
  --bs-danger-bg-subtle: #50374a;
  --bs-light-bg-subtle: #33374c;
  --bs-dark-bg-subtle: #393c56;
  --bs-primary-border-subtle: #4a478a;
  --bs-secondary-border-subtle: #4f5265;
  --bs-success-border-subtle: #2c6d58;
  --bs-info-border-subtle: #1d687e;
  --bs-warning-border-subtle: #805d47;
  --bs-danger-border-subtle: #803d4c;
  --bs-light-border-subtle: #393c51;
  --bs-dark-border-subtle: #46496a;
  --bs-heading-color: #cfcde4;
  --bs-link-color: #aba4f6;
  --bs-link-hover-color: #b3adf7;
  --bs-link-color-rgb: 171, 164, 246;
  --bs-link-hover-color-rgb: 179, 173, 247;
  --bs-code-color: #f18bba;
  --bs-highlight-color: #acabc1;
  --bs-highlight-bg: #66401b;
  --bs-border-color: #44485e;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #28c76f;
  --bs-form-valid-border-color: #28c76f;
  --bs-form-invalid-color: #ff4c51;
  --bs-form-invalid-border-color: #ff4c51;
}
body.vx-app {
--prefix: bs-;
  --bs-pure-black: #000;
  --bs-pure-black-rgb: 0, 0, 0;
  --bs-icon-size: 1.25rem;
  --bs-icon-size-xs: 1rem;
  --bs-icon-size-sm: 1.125rem;
  --bs-icon-size-md: 1.375rem;
  --bs-icon-size-lg: 1.5rem;
  --bs-icon-size-xl: 2rem;
  --bs-primary-contrast: var(--bs-white);
  --bs-secondary-contrast: var(--bs-white);
  --bs-success-contrast: var(--bs-white);
  --bs-info-contrast: var(--bs-white);
  --bs-warning-contrast: var(--bs-white);
  --bs-danger-contrast: var(--bs-white);
  --bs-light-contrast: var(--bs-black);
  --bs-dark-contrast: var(--bs-white);
  --bs-gray-contrast: var(--bs-white);
  --bs-facebook-contrast: var(--bs-white);
  --bs-twitter-contrast: var(--bs-white);
  --bs-google-plus-contrast: var(--bs-white);
  --bs-instagram-contrast: var(--bs-white);
  --bs-linkedin-contrast: var(--bs-white);
  --bs-github-contrast: var(--bs-white);
  --bs-dribbble-contrast: var(--bs-white);
  --bs-pinterest-contrast: var(--bs-white);
  --bs-slack-contrast: var(--bs-white);
  --bs-reddit-contrast: var(--bs-white);
  --bs-youtube-contrast: var(--bs-white);
  --bs-vimeo-contrast: var(--bs-white);
}
body.vx-app {
--bs-bg-label-tint-amount: 84%;
  --bs-border-subtle-amount: 61%;
  --bs-base-color: #2f2b3d;
  --bs-base-color-rgb: 47, 43, 61;
  --bs-paper-bg: #fff;
  --bs-paper-bg-rgb: 255, 255, 255;
  --bs-min-contrast-ratio: 1.7;
  --bs-box-shadow: 0 0.1875rem 0.75rem 0 rgba(47, 43, 61, 0.14);
  --bs-box-shadow-xs: 0 0.0625rem 0.375rem 0 rgba(47, 43, 61, 0.1);
  --bs-box-shadow-sm: 0 0.125rem 0.5rem 0 rgba(47, 43, 61, 0.12);
  --bs-box-shadow-lg: 0 0.25rem 1.125rem 0 rgba(47, 43, 61, 0.16);
  --bs-box-shadow-xl: 0 0.3125rem 1.875rem 0 rgba(47, 43, 61, 0.18);
  --bs-floating-component-shadow: 0 0.31rem 1.25rem 0 #acaab1;
  --bs-custom-link-color: var(--bs-primary);
  --bs-navbar-bg: var(--bs-paper-bg);
  --bs-navbar-box-shadow: 0 0 10px var(--bs-border-color);
  --bs-navbar-border-width: 1px;
  --bs-navbar-border-color: var(--bs-paper-bg);
  --bs-menu-header-color: var(--bs-heading-color);
  --bs-nav-box-shadow: var(--bs-box-shadow);
  --bs-nav-border-color: var(--bs-paper-bg);
}
[data-theme=dark] body.vx-app {
color-scheme: dark;
  --bs-gray-25: #33374d;
  --bs-gray-50: #3a3d53;
  --bs-gray-75: #3d4157;
  --bs-gray-100: #535876;
  --bs-gray-200: #44485e;
  --bs-gray-300: #64667d;
  --bs-gray-400: #76778e;
  --bs-gray-500: #9293ae;
  --bs-gray-600: #9a9ab0;
  --bs-gray-700: #acabc1;
  --bs-gray-800: #bdbcd3;
  --bs-gray-900: #cfcde4;
  --bs-primary: #7367f0;
  --bs-secondary: #808390;
  --bs-success: #28c76f;
  --bs-info: #00bad1;
  --bs-warning: #ff9f43;
  --bs-danger: #ff4c51;
  --bs-light: #494a5d;
  --bs-dark: #6b6c9d;
  --bs-gray: #9293ae;
  --bs-primary-rgb: 115, 103, 240;
  --bs-secondary-rgb: 128, 131, 144;
  --bs-success-rgb: 40, 199, 111;
  --bs-info-rgb: 0, 186, 209;
  --bs-warning-rgb: 255, 159, 67;
  --bs-danger-rgb: 255, 76, 81;
  --bs-light-rgb: 73, 74, 93;
  --bs-dark-rgb: 107, 108, 157;
  --bs-gray-rgb: 146, 147, 174;
  --bs-bg-label-tint-amount: 84%;
  --bs-border-subtle-amount: 61%;
  --bs-base-color: #e1def5;
  --bs-base-color-rgb: 225, 222, 245;
  --bs-paper-bg: #2f3349;
  --bs-paper-bg-rgb: 47, 51, 73;
  --bs-box-shadow: 0 0.1875rem 0.75rem 0 rgba(19, 17, 32, 0.2);
  --bs-box-shadow-xs: 0 0.0625rem 0.375rem 0 rgba(19, 17, 32, 0.16);
  --bs-box-shadow-sm: 0 0.125rem 0.5rem 0 rgba(19, 17, 32, 0.18);
  --bs-box-shadow-lg: 0 0.25rem 1.125rem 0 rgba(19, 17, 32, 0.22);
  --bs-box-shadow-xl: 0 0.3125rem 1.875rem 0 rgba(19, 17, 32, 0.24);
  --bs-floating-component-shadow: 0 0.31rem 1.25rem 0 rgba(47, 51, 73, 0.4);
}

/* core.css:464 — scoped form reset; keeps native checkbox geometry on the theme's font scale. */
body.vx-app input,
body.vx-app button,
body.vx-app select,
body.vx-app optgroup,
body.vx-app textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

body.vx-app .table {
--bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(var(--bs-base-color-rgb), 0.06);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(var(--bs-primary-rgb), 0.08);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(47, 43, 61, 0.06);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: middle;
  border-color: var(--bs-table-border-color);
}

body.vx-app .table > :not(caption) > * > * {
padding: 0.782rem 1.25rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}

body.vx-app .table > tbody {
vertical-align: inherit;
}

body.vx-app .table > thead {
vertical-align: bottom;
}

body.vx-app .table-sm > :not(caption) > * > * {
padding: 0.594rem 1.25rem;
}

body.vx-app .table-hover > tbody > tr:hover > * {
--bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

body.vx-app .table-responsive {
overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.vx-app .form-label {
margin-bottom: 0.25rem;
  font-size: 0.8125rem;
  color: var(--bs-heading-color);
}

body.vx-app .form-text {
margin-top: 0.25rem;
  font-size: 0.8125rem;
  color: var(--bs-body-color);
}

body.vx-app .form-control {
display: block;
  width: 100%;
  padding: 0.426rem 0.9375rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.625;
  color: var(--bs-heading-color);
  appearance: none;
  background-color: transparent;
  background-clip: padding-box;
  border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg));
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
body.vx-app .form-control {
transition: none;
}
}

body.vx-app .form-control[type=file] {
overflow: hidden;
}

body.vx-app .form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer;
}

body.vx-app .form-control:focus {
color: var(--bs-heading-color);
  background-color: transparent;
  border-color: var(--bs-primary);
  outline: 0;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3);
}

body.vx-app .form-control::-webkit-date-and-time-value {
min-width: 85px;
  height: 1.625em;
  margin: 0;
}

body.vx-app .form-control::-webkit-datetime-edit {
display: block;
  padding: 0;
}

body.vx-app .form-control::placeholder {
color: var(--bs-secondary-color);
  opacity: 1;
}

body.vx-app .form-control:disabled {
color: var(--bs-secondary-color);
  background-color: var(--bs-gray-50);
  border-color: color-mix(in sRGB, var(--bs-base-color) 24%, var(--bs-paper-bg));
  opacity: 1;
}

body.vx-app .form-control::file-selector-button {
padding: 0.426rem 0.9375rem;
  margin: -0.426rem -0.9375rem;
  margin-inline-end: 0.9375rem;
  color: var(--bs-heading-color);
  background-color: transparent;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
body.vx-app .form-control::file-selector-button {
transition: none;
}
}

body.vx-app .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: rgba(0, 0, 0, 0.05);
}

body.vx-app .form-control-sm {
min-height: calc(1.625em + 0.43rem + calc(var(--bs-border-width) * 2));
  padding: 0.215rem 0.75rem;
  font-size: 0.8125rem;
  border-radius: var(--bs-border-radius-sm);
}

body.vx-app .form-control-sm::file-selector-button {
padding: 0.215rem 0.75rem;
  margin: -0.215rem -0.75rem;
  margin-inline-end: 0.75rem;
}

body.vx-app textarea.form-control {
min-height: calc(1.625em + 0.852rem + calc(var(--bs-border-width) * 2));
}

body.vx-app textarea.form-control-sm {
min-height: calc(1.625em + 0.43rem + calc(var(--bs-border-width) * 2));
}

body.vx-app .form-control-color {
width: 3rem;
  height: calc(1.625em + 0.852rem + calc(var(--bs-border-width) * 2));
  padding: 0.426rem;
}

body.vx-app .form-control-color:not(:disabled):not([readonly]) {
cursor: pointer;
}

body.vx-app .form-control-color::-moz-color-swatch {
border: 0 !important;
  border-radius: var(--bs-border-radius);
}

body.vx-app .form-control-color::-webkit-color-swatch {
border: 0 !important;
  border-radius: var(--bs-border-radius);
}

body.vx-app .form-control-color.form-control-sm {
height: calc(1.625em + 0.43rem + calc(var(--bs-border-width) * 2));
}

body.vx-app .form-select {
--bs-form-select-bg-img: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%232f2b3d" fill-opacity="0.9"/%3e%3c/svg%3e');
  display: block;
  width: 100%;
  padding: 0.426rem 2.625rem 0.426rem 0.9375rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.625;
  color: var(--bs-heading-color);
  appearance: none;
  background-color: transparent;
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.9375rem center;
  background-size: 22px 24px;
  border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg));
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
body.vx-app .form-select {
transition: none;
}
}

body.vx-app .form-select:focus {
border-color: var(--bs-primary);
  outline: 0;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3);
}

body.vx-app .form-select[multiple],
body.vx-app .form-select[size]:not([size="1"]) {
padding-right: 0.9375rem;
  background-image: none;
}

body.vx-app .form-select:disabled {
color: var(--bs-secondary-color);
  background-color: var(--bs-gray-50);
  border-color: color-mix(in sRGB, var(--bs-base-color) 24%, var(--bs-paper-bg));
}

body.vx-app .form-select:-moz-focusring {
color: transparent;
  text-shadow: 0 0 0 var(--bs-heading-color);
}

body.vx-app .form-select-sm {
padding-top: 0.215rem;
  padding-bottom: 0.215rem;
  padding-left: 0.75rem;
  font-size: 0.8125rem;
  border-radius: var(--bs-border-radius-sm);
}

[data-theme=dark] body.vx-app .form-select {
--bs-form-select-bg-img: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23fff" fill-opacity="0.9"/%3e%3c/svg%3e');
}

body.vx-app .form-check-input {
--bs-form-check-bg: transparent;
  flex-shrink: 0;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0.0875em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 2px solid var(--bs-secondary-color);
  print-color-adjust: exact;
}

body.vx-app .form-check-input[type=checkbox] {
border-radius: 0.267em;
}

body.vx-app .form-check-input[type=radio] {
border-radius: 50%;
}

body.vx-app .form-check-input:active {
filter: brightness(90%);
}

body.vx-app .form-check-input:focus {
border-color: var(--bs-body-color);
  outline: 0;
  box-shadow: none;
}

body.vx-app .form-check-input:checked {
background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

body.vx-app .form-check-input:checked[type=checkbox] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body.vx-app .form-check-input:checked[type=radio] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.6' fill='%23fff'  /%3e%3c/svg%3e");
}

body.vx-app .form-check-input[type=checkbox]:indeterminate {
background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M2.5 6H9.5' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

body.vx-app .form-check-input:disabled {
pointer-events: none;
  filter: none;
  opacity: 0.45;
}

body.vx-app .form-check-input[disabled] ~ .form-check-label,
body.vx-app .form-check-input:disabled ~ .form-check-label {
cursor: default;
  opacity: 0.45;
}

body.vx-app .form-check-label {
color: var(--bs-heading-color);
  cursor: pointer;
}

body.vx-app .form-control.is-valid {
border-color: var(--bs-form-valid-border-color);
}

body.vx-app .form-control.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1);
}

body.vx-app .form-select.is-valid {
border-color: var(--bs-form-valid-border-color);
}

body.vx-app .form-select.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1);
}

body.vx-app .form-check-input.is-valid {
border-color: var(--bs-form-valid-border-color);
}

body.vx-app .form-check-input.is-valid:checked {
background-color: var(--bs-form-valid-color);
}

body.vx-app .form-check-input.is-valid:focus {
box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1);
}

body.vx-app .form-check-input.is-valid ~ .form-check-label {
color: var(--bs-form-valid-color);
}

body.vx-app .invalid-feedback {
display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.8125rem;
  color: var(--bs-form-invalid-color);
}

body.vx-app .is-invalid ~ .invalid-feedback {
display: block;
}

body.vx-app .form-control.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}

body.vx-app .form-control.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1);
}

body.vx-app .form-select.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}

body.vx-app .form-select.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1);
}

body.vx-app .form-check-input.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}

body.vx-app .form-check-input.is-invalid:checked {
background-color: var(--bs-form-invalid-color);
}

body.vx-app .form-check-input.is-invalid:focus {
box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1);
}

body.vx-app .form-check-input.is-invalid ~ .form-check-label {
color: var(--bs-form-invalid-color);
}

body.vx-app .btn {
--bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.4812rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 0.9375rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.375;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-disabled-opacity: 0.45;
  --bs-btn-focus-box-shadow: 0 0 0 0.05rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
body.vx-app .btn {
transition: none;
}
}

body.vx-app .btn:hover {
color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

body.vx-app .btn:focus-visible {
color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

body.vx-app .btn:first-child:active,
body.vx-app .btn.active,
body.vx-app .btn.show {
color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

body.vx-app .btn:first-child:active:focus-visible,
body.vx-app .btn.active:focus-visible,
body.vx-app .btn.show:focus-visible {
box-shadow: var(--bs-btn-focus-box-shadow);
}

body.vx-app .btn:disabled,
body.vx-app .btn.disabled,
body.vx-app fieldset:disabled .btn {
color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

body.vx-app .btn-primary {
--bs-btn-color: #fff;
  --bs-btn-bg: #7367f0;
  --bs-btn-border-color: #7367f0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #685dd8;
  --bs-btn-hover-border-color: #5c52c0;
  --bs-btn-focus-shadow-rgb: 136, 126, 242;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #685dd8;
  --bs-btn-active-border-color: #564db4;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7367f0;
  --bs-btn-disabled-border-color: #7367f0;
}

body.vx-app .btn-danger {
--bs-btn-color: #fff;
  --bs-btn-bg: #ff4c51;
  --bs-btn-border-color: #ff4c51;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e64449;
  --bs-btn-hover-border-color: #cc3d41;
  --bs-btn-focus-shadow-rgb: 255, 103, 107;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e64449;
  --bs-btn-active-border-color: #bf393d;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ff4c51;
  --bs-btn-disabled-border-color: #ff4c51;
}

body.vx-app .btn-link {
--bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #82808b;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 136, 126, 242;
  text-decoration: none;
}

body.vx-app .btn-link:focus-visible {
color: var(--bs-btn-color);
}

body.vx-app .btn-link:hover {
color: var(--bs-btn-hover-color);
}

body.vx-app .btn-sm {
--bs-btn-padding-y: 0.317rem;
  --bs-btn-padding-x: 0.875rem;
  --bs-btn-font-size: 0.8125rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

body.vx-app .pagination {
--bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.4809rem;
  --bs-pagination-font-size: 0.9375rem;
  --bs-pagination-color: var(--bs-heading-color);
  --bs-pagination-bg: var(--bs-gray-75);
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: rgba(47, 43, 61, 0.22);
  --bs-pagination-border-radius: 50%;
  --bs-pagination-hover-color: var(--bs-primary);
  --bs-pagination-hover-bg: var(--bs-primary-bg-subtle);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-primary);
  --bs-pagination-focus-bg: var(--bs-primary-bg-subtle);
  --bs-pagination-focus-box-shadow: none;
  --bs-pagination-active-color: var(--bs-white);
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
  --bs-pagination-disabled-color: var(--bs-heading-color);
  --bs-pagination-disabled-bg: var(--bs-gray-75);
  --bs-pagination-disabled-border-color: rgba(47, 43, 61, 0.22);
  display: flex;
  padding-left: 0;
  list-style: none;
}

body.vx-app .page-link {
position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
body.vx-app .page-link {
transition: none;
}
}

body.vx-app .page-link:hover {
z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}

body.vx-app .page-link:focus {
z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}

body.vx-app .page-link.active,
body.vx-app .active > .page-link {
z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}

body.vx-app .page-link.disabled,
body.vx-app .disabled > .page-link {
color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

body.vx-app .page-item:not(:first-child) .page-link {
margin-left: 0.375rem;
}

body.vx-app .page-item .page-link {
border-radius: var(--bs-pagination-border-radius);
}

body.vx-app .pagination-sm {
--bs-pagination-padding-x: 0.269rem;
  --bs-pagination-padding-y: 0.3165rem;
  --bs-pagination-font-size: 0.8125rem;
  --bs-pagination-border-radius: 50%;
}

body.vx-app .btn .badge {
position: relative;
  top: -1px;
}

body.vx-app .alert {
--bs-alert-bg: transparent;
  --bs-alert-padding-x: 0.9375rem;
  --bs-alert-padding-y: 0.68755rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

body.vx-app .alert-primary {
--bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

body.vx-app .alert-success {
--bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

body.vx-app .alert-info {
--bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

body.vx-app .alert-warning {
--bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

body.vx-app .alert-danger {
--bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

body.vx-app :root[data-skin=bordered] .btn,
[data-theme=light][data-skin=bordered] body.vx-app .btn {
--bs-btn-box-shadow: none;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-shadow: none;
}

body.vx-app :root[data-skin=bordered] .pagination,
[data-theme=light][data-skin=bordered] body.vx-app .pagination {
--bs-pagination-box-shadow-color: transparent;
}

body.vx-app .table > :not(caption) > * > * {
background-clip: padding-box;
}

body.vx-app .table .btn-icon,
body.vx-app .table .btn:not([class*=btn-]) {
color: var(--bs-table-color);
}

body.vx-app .table th {
color: var(--bs-heading-color);
  font-size: 0.8125rem;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

body.vx-app .table.table-sm thead tr th {
padding-block: 1.114rem;
}

body.vx-app .table thead tr th {
padding-block: 1rem;
  padding-inline-end: 1rem;
}

body.vx-app .table-border-bottom-0 tr:last-child td,
body.vx-app .table-border-bottom-0 tr:last-child th {
border-block-end-width: 0;
}

[data-theme=dark] body.vx-app .table {
--bs-table-hover-bg: rgba(var(--bs-body-bg-rgb), 0.75);
  --bs-table-active-bg: rgba(var(--bs-body-bg-rgb), 0.75);
}

body.vx-app .form-label {
color: var(--bs-heading-color);
}

body.vx-app .form-control {
padding-block: calc(0.426rem - var(--bs-border-width));
  padding-inline: calc(0.9375rem - var(--bs-border-width));
}

body.vx-app .form-control::placeholder,
body.vx-app .form-control:focus::placeholder {
transition: all ease 0.2s;
}

@media (prefers-reduced-motion: reduce) {
body.vx-app .form-control::placeholder,
body.vx-app .form-control:focus::placeholder {
transition: none;
}
}

body.vx-app .form-control:not([readonly]):focus::placeholder {
transform: translateX(4px);
}

body.vx-app :dir(rtl) .form-control:not([readonly]):focus::placeholder {
transform: translateX(-4px);
}

body.vx-app .form-control:focus,
body.vx-app .form-control.is-invalid,
body.vx-app .form-control.is-valid {
border-width: 2px;
  padding-block: calc(0.426rem - 2px);
  padding-inline: calc(0.9375rem - 2px);
}

body.vx-app .form-control:focus::file-selector-button,
body.vx-app .form-control.is-invalid::file-selector-button,
body.vx-app .form-control.is-valid::file-selector-button {
box-shadow: var(--bs-border-width) 0 0 var(--bs-primary);
}

body.vx-app .form-control.form-control-sm {
padding-block: calc(0.215rem - var(--bs-border-width));
  padding-inline: calc(0.75rem - var(--bs-border-width));
}

body.vx-app .form-control.form-control-sm:focus,
body.vx-app .form-control.form-control-sm.is-invalid,
body.vx-app .form-control.form-control-sm.is-valid {
padding-block: calc(0.215rem - 2px);
  padding-inline: calc(0.75rem - 2px);
}

body.vx-app .form-control.form-control-sm::file-selector-button {
margin-block: -0.2775rem;
  padding-block: 0.2775rem;
}

body.vx-app .form-select {
background-clip: padding-box;
  padding-block: calc(0.426rem - var(--bs-border-width));
  padding-inline-end: calc(2.625rem - var(--bs-border-width));
  padding-inline-start: calc(0.9375rem - var(--bs-border-width));
}

body.vx-app .form-select optgroup,
body.vx-app .form-select option {
background-color: var(--bs-paper-bg);
}

body.vx-app .form-select[multiple],
body.vx-app .form-select[size]:not([size="1"]) {
padding-inline-end: 0.9375rem;
}

body.vx-app .form-select:hover:not(:focus):not(:disabled) {
border-color: var(--bs-gray-600);
}

body.vx-app .form-select:disabled {
background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23acaab1" fill-opacity="0.9"/%3e%3c/svg%3e');
}

body.vx-app .form-select:focus,
body.vx-app .form-select:focus-within,
body.vx-app .form-select.is-invalid,
body.vx-app .form-select.is-valid {
border-width: 2px;
  background-position: right calc(0.9375rem - 1px) center;
  padding-block: calc(0.426rem - 2px);
  padding-inline-end: calc(2.625rem - 2px);
  padding-inline-start: calc(0.9375rem - 2px);
}

body.vx-app .form-select.form-select-sm {
background-size: 20px 20px;
  min-block-size: calc(1.625em + 0.43rem + calc(var(--bs-border-width) * 2));
  padding-block: calc(0.215rem - var(--bs-border-width));
  padding-inline-start: calc(0.75rem - var(--bs-border-width));
}

body.vx-app .form-select.form-select-sm:focus,
body.vx-app .form-select.form-select-sm.is-invalid,
body.vx-app .form-select.form-select-sm.is-valid {
padding-block: calc(0.215rem - 2px);
  padding-inline-start: calc(0.75rem - 2px);
}

body.vx-app .form-select[multiple]:focus {
padding-inline-end: 0.875rem !important;
}

body.vx-app :dir(rtl) .form-select {
background-position: left 0.9375rem center;
}

body.vx-app :dir(rtl) .form-select:focus,
body.vx-app :dir(rtl) .form-select.is-invalid,
body.vx-app :dir(rtl) .form-select.is-valid {
background-position: left calc(0.9375rem - 1px) center;
}

[data-theme=dark] body.vx-app .form-select:disabled {
background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%2376778e" fill-opacity="0.9"/%3e%3c/svg%3e');
}

body.vx-app .form-check-input {
--bs-form-check-input-checked-bg: var(--bs-primary);
  --bs-form-check-input-checked-border-color: var(--bs-primary);
  --bs-form-check-shadow-color: var(--bs-primary-rgb);
  --bs-form-check-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-form-check-shadow-color), .3);
  cursor: pointer;
}

body.vx-app .form-check-input:disabled {
--bs-form-check-bg: var(--bs-gray-300);
  border-color: var(--bs-gray-300);
}

body.vx-app .form-check-input:checked {
border-color: var(--bs-form-check-input-checked-border-color);
  background-color: var(--bs-form-check-input-checked-bg);
  box-shadow: var(--bs-form-check-box-shadow);
}

body.vx-app .form-check-input[type=checkbox]:indeterminate {
border-color: var(--bs-form-check-input-checked-border-color);
  background-color: var(--bs-form-check-input-checked-bg);
  box-shadow: var(--bs-form-check-box-shadow);
}

body.vx-app .form-check-input:active {
filter: none;
}

body.vx-app form .form-label.is-invalid {
border-width: 2px;
  border-color: #ff4c51;
  box-shadow: 0 0 0 2px rgba(255, 76, 81, 0.4);
}

body.vx-app form .form-check-input.is-invalid,
body.vx-app form .form-check-input.is-invalid:checked,
body.vx-app form .form-check-input.is-invalid:focus,
body.vx-app form .form-check-input.is-valid,
body.vx-app form .form-check-input.is-valid:checked,
body.vx-app form .form-check-input.is-valid:focus {
box-shadow: var(--bs-form-validation-shadow);
}

body.vx-app .btn {
--bs-btn-box-shadow-rgb: transparent;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-shadow-rgb: transparent;
  --bs-btn-box-shadow: 0 .125rem .375rem rgba(var(--bs-btn-box-shadow-rgb), .3);
  --bs-btn-focus-box-shadow: 0 .125rem .375rem rgba(var(--bs-btn-focus-shadow-rgb), .3);
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: 0 .125rem .375rem rgba(var(--bs-btn-active-shadow-rgb), .3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--bs-btn-box-shadow);
}

body.vx-app .btn:first-child:active:not([class*=btn-label-]),
body.vx-app .btn.active:not([class*=btn-label-]),
body.vx-app .btn.show {
box-shadow: var(--bs-btn-active-shadow);
}

body.vx-app .btn:disabled,
body.vx-app .btn.disabled,
body.vx-app fieldset:disabled .btn {
box-shadow: none;
}

body.vx-app .btn:focus {
--bs-btn-color: var(--bs-btn-active-color);
  --bs-btn-bg: var(--bs-btn-active-bg);
}

body.vx-app .btn:not([class*=btn-]):active,
body.vx-app .btn:not([class*=btn-]).active,
body.vx-app .btn:not([class*=btn-]).show,
body.vx-app .btn:not([class*=btn-]) {
--bs-btn-border-width: 0;
}

body.vx-app .btn[class*=btn-label-] {
--bs-btn-box-shadow: none;
}

body.vx-app .btn[class*=btn-label-]:focus {
--bs-btn-color: var(--bs-btn-active-color);
  --bs-btn-bg: var(--bs-btn-active-bg);
}

body.vx-app .btn[class*=btn-label-]:focus-visible {
--bs-btn-focus-box-shadow: none;
  --bs-btn-active-box-shadow: none;
}

body.vx-app .btn[class*=btn-label-].show {
--bs-btn-active-shadow: none;
}

body.vx-app .btn[class*=btn-outline-] {
--bs-btn-box-shadow: none;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-bg: transparent;
}

body.vx-app .btn[class*=btn-outline-]:not(:focus) {
--bs-btn-bg: transparent;
}

body.vx-app .btn[class*=btn-outline-] .badge {
--bs-badge-bg-color: var(--bs-btn-hover-bg);
  --bs-badge-color: var(--bs-btn-hover-color);
}

body.vx-app .btn[class*=btn-outline-]:hover .badge:not([class*=badge-outline]),
body.vx-app .btn[class*=btn-outline-]:focus:hover .badge:not([class*=badge-outline]),
body.vx-app .btn[class*=btn-outline-]:focus:not(:hover) .badge:not([class*=badge-outline]),
body.vx-app .btn[class*=btn-outline-]:active .badge:not([class*=badge-outline]),
body.vx-app .btn[class*=btn-outline-].active .badge:not([class*=badge-outline]) {
--bs-badge-bg-color: var(--bs-btn-hover-color);
  --bs-badge-color: var(--bs-btn-badge-color);
}

body.vx-app .btn[class*=btn-text-] {
--bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: transparent;
}

body.vx-app .btn .badge {
transition: all 0.2s ease-in-out;
  inset-block-start: 0;
}

@media (prefers-reduced-motion: reduce) {
body.vx-app .btn .badge {
transition: none;
}
}

body.vx-app label.btn {
margin-block-end: 0;
}

body.vx-app .btn-sm {
line-height: 1.375;
}

body.vx-app .btn-icon {
display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  block-size: calc(2.2514625rem + calc(var(--bs-border-width) * 2));
  font-size: 1.2890625rem;
  inline-size: calc(2.2514625rem + calc(var(--bs-border-width) * 2));
}

body.vx-app .btn-icon .icon-base {
block-size: 1.2890625rem;
  font-size: 1.2890625rem;
  inline-size: 1.2890625rem;
}

body.vx-app .btn-icon.btn-sm {
block-size: calc(1.7511875rem + calc(var(--bs-border-width) * 2));
  font-size: 0.8125rem;
  inline-size: calc(1.7511875rem + calc(var(--bs-border-width) * 2));
}

body.vx-app .btn-icon.btn-sm .icon-base {
block-size: 0.8125rem;
  font-size: 0.8125rem;
  inline-size: 0.8125rem;
}

body.vx-app .btn.btn-link {
font-size: inherit;
}

body.vx-app .btn-primary {
--bs-btn-bg: var(--bs-primary);
  --bs-btn-color: var(--bs-primary-contrast);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-primary));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-primary-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-primary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-disabled-color: var(--bs-primary-contrast);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-primary));
  --bs-btn-waves-effect-color: var(--bs-primary-rgb);
}

body.vx-app .btn-label-primary {
--bs-btn-color: var(--bs-primary);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-primary));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-primary));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-primary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-primary));
  --bs-btn-waves-effect-color: var(--bs-primary-rgb);
}

body.vx-app .btn-text-primary {
--bs-btn-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-group-border-color: var(--bs-primary);
  --bs-btn-waves-effect-color: var(--bs-primary-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-primary));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-primary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-primary);
}

body.vx-app .btn-label-secondary {
--bs-btn-color: var(--bs-secondary);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-secondary));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-secondary);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-secondary));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-secondary);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-secondary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-secondary));
  --bs-btn-waves-effect-color: var(--bs-secondary-rgb);
}

body.vx-app .btn-text-secondary {
--bs-btn-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary);
  --bs-btn-active-color: var(--bs-secondary);
  --bs-btn-group-border-color: var(--bs-secondary);
  --bs-btn-waves-effect-color: var(--bs-secondary-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-secondary));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-secondary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-secondary);
}

body.vx-app .btn-danger {
--bs-btn-bg: var(--bs-danger);
  --bs-btn-color: var(--bs-danger-contrast);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-danger-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-danger));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-danger-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-danger));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-danger-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-danger-rgb);
  --bs-btn-disabled-color: var(--bs-danger-contrast);
  --bs-btn-disabled-bg: var(--bs-danger);
  --bs-btn-disabled-border-color: var(--bs-danger);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-danger));
  --bs-btn-waves-effect-color: var(--bs-danger-rgb);
}

[data-theme=dark] body.vx-app .btn-text-primary {
--bs-btn-hover-bg: color-mix(in sRGB, var(--bs-primary) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-primary) 8%, var(--bs-paper-bg));
}

[data-theme=dark] body.vx-app .btn-text-secondary {
--bs-btn-hover-bg: color-mix(in sRGB, var(--bs-secondary) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-secondary) 8%, var(--bs-paper-bg));
}

/* VARVOX brand binding. Dimensions above come from the purchased core, not a second control system. */
body.vx-app {
  --bs-primary:var(--brand-blue); --bs-primary-rgb:40,115,173;
  --bs-body-font-family:var(--brand-font);
  /* Vuexy utility scale: gap/p/m-1..6,8,10,12 (core.css utilities). */
  --vx-space-1:.25rem; --vx-space-2:.5rem; --vx-space-3:.75rem;
  --vx-space-4:1rem; --vx-space-5:1.25rem; --vx-space-6:1.5rem;
  --vx-space-8:2rem; --vx-space-10:2.5rem; --vx-space-12:3rem;
  --ui-paper:var(--bs-paper-bg); --ui-canvas:var(--bs-body-bg);
  --ui-heading:var(--bs-heading-color); --ui-muted:var(--bs-body-color);
  --ui-line:var(--bs-border-color); --ui-soft:var(--bs-gray-50);
  --ui-shadow:var(--bs-box-shadow); --ui-radius:var(--bs-border-radius);
  --brand-ink:var(--bs-heading-color); --brand-muted:var(--bs-body-color);
  --brand-line:var(--bs-border-color); --brand-surface:var(--bs-body-bg);
  margin:0; background:var(--bs-body-bg); color:var(--bs-body-color);
  font-family:var(--bs-body-font-family); font-size:var(--bs-body-font-size);
  font-weight:var(--bs-body-font-weight); line-height:var(--bs-body-line-height);
}
[data-theme=dark] body.vx-app {
  --bs-primary:var(--brand-blue); --bs-primary-rgb:40,115,173;
  --brand-blue-dark:#90caff; --brand-blue-soft:var(--bs-primary-bg-subtle);
  --brand-blue-wash:var(--bs-body-bg); --brand-blue-border:var(--bs-primary-border-subtle);
  --brand-red-dark:var(--bs-danger-text-emphasis); --brand-red-soft:var(--bs-danger-bg-subtle);
  --brand-red-border:var(--bs-danger-border-subtle); --brand-success:var(--bs-success-text-emphasis);
  --brand-focus:#90caff;
}
body.vx-app *,body.vx-app *::before,body.vx-app *::after { box-sizing:border-box; }
body.vx-app [hidden] { display:none!important; }
body.vx-app :focus-visible { outline:.15rem solid var(--brand-focus); outline-offset:.25rem; }
body.vx-app .vx-workspace { min-width:0; }
/* Page titles use Vuexy h4; section titles h5; subsection titles h6. */
body.vx-app .vx-workspace :is(h1,h2,h3,h4,h5,h6) { margin-top:0; margin-bottom:1rem; font-weight:500; line-height:1.37; color:var(--bs-heading-color); overflow-wrap:anywhere; }
body.vx-app .vx-workspace h1 { font-size:calc(1.275rem + .3vw); }
body.vx-app .vx-workspace h2 { font-size:1.125rem; }
body.vx-app .vx-workspace :is(h3,h4) { font-size:.9375rem; }
@media(min-width:1200px) { body.vx-app .vx-workspace h1 { font-size:1.5rem; } }
body.vx-app .vx-workspace p { margin-top:0; margin-bottom:1rem; overflow-wrap:anywhere; }
body.vx-app .vx-workspace :is(small,.small,.field-hint,.form-text) { font-size:.8125rem; }
body.vx-app .vx-workspace :is(.muted,small,.field-hint) { color:var(--bs-body-color); }
body.vx-app .vx-workspace a { color:var(--brand-blue-dark); text-decoration:none; }
body.vx-app .vx-workspace .btn { font-family:inherit; gap:.5rem; white-space:normal; max-width:100%; text-decoration:none; }
body.vx-app .vx-workspace .btn-primary,body.vx-app .vx-workspace .btn-danger { color:var(--bs-btn-color); }
body.vx-app .vx-workspace .btn-label-secondary { color:var(--bs-btn-color); }
body.vx-app .vx-workspace :is(input,select,textarea) { font-family:inherit; max-width:100%; min-width:0; }
body.vx-app .form-label { display:block; font-weight:400; margin:0 0 .25rem; }
body.vx-app .vx-workspace label :is(.form-control,.form-select) { margin-top:.25rem; }
body.vx-app .vx-workspace .form-check-input { flex-shrink:0; float:none; margin-inline:0 .5rem; vertical-align:middle; }
body.vx-app .vx-workspace textarea { resize:vertical; }
body.vx-app .vx-workspace fieldset { min-width:0; margin:0 0 1.5rem; padding:0; border:0; }
body.vx-app .vx-workspace legend { float:none; width:auto; margin-bottom:1rem; padding:0; font-size:1.125rem; font-weight:500; color:var(--bs-heading-color); }
body.vx-app .card { margin:0 0 1.5rem; }
body.vx-app .vx-workspace .card-body>:last-child { margin-bottom:0; }
body.vx-app .vx-workspace .card .card { box-shadow:none; border:var(--bs-border-width) solid var(--bs-border-color); }
body.vx-app .vx-workspace :is(.admin-page-heading,.page-heading,.vx-dashboard-heading) { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-bottom:1.5rem; }
body.vx-app .vx-workspace :is(.page-heading,.admin-page-heading) p { margin-bottom:.5rem; }
body.vx-app .vx-workspace :is(.workspace-eyebrow,.admin-eyebrow,.vx-eyebrow) { font-size:.8125rem; color:var(--bs-body-color); margin:0 0 .5rem; }
/* Field grid gutters match row g-6 in forms-basic-inputs. Existing logical columns remain. */
body.vx-app .vx-workspace :is(.field-grid:not(.admin-form-grid),.vx-form-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; align-items:start; }
body.vx-app .vx-workspace :is(.field-grid:not(.admin-form-grid),.vx-form-grid)>label { min-width:0; margin:0; }
body.vx-app .vx-workspace :is(.field-wide,.vx-field-wide,.vx-form-actions) { grid-column:1/-1; }
body.vx-app .vx-workspace :is(.admin-field-error,.settings-error,.field-error,[data-field-error]) { display:block; color:var(--brand-red-dark); font-size:.8125rem; margin-top:.25rem; }
body.vx-app .vx-workspace [aria-invalid=true] { border-color:var(--bs-danger); }
.vx-required-mark { color:var(--brand-red-dark); margin-inline-start:.25rem; }
/* Vuexy alerts retain warning / danger / status semantics; no operational copy changed. */
body.vx-app .vx-workspace :is(.error,.admin-error-summary) { color:var(--brand-red-dark); background:var(--brand-red-soft); border-color:var(--brand-red-border); }
body.vx-app .vx-workspace :is(.workspace-note,.admin-notice,.settings-notice,.knowledge-notice,.whatsapp-notice,.special-notice) { color:var(--bs-heading-color); background:var(--brand-blue-soft); }
body.vx-app .vx-workspace :is(.workspace-success,.success) { color:var(--bs-success-text-emphasis); background:var(--bs-success-bg-subtle); }
body.vx-app .vx-workspace .table { border-collapse:collapse; text-align:start; }
body.vx-app .vx-workspace .table :is(th,td) { text-align:start; border:0; border-bottom:var(--bs-border-width) solid var(--bs-border-color); overflow-wrap:normal; }
body.vx-app .vx-workspace .table th { background:transparent; font-weight:500; }
body.vx-app .vx-workspace .table caption { padding:.75rem 1.25rem; font-size:.8125rem; text-align:start; color:var(--bs-body-color); }
body.vx-app .vx-workspace :is(.admin-table-scroll,.table-wrap,.table-scroll,.vx-table-scroll,.scroll) { max-width:100%; overflow:auto; scrollbar-width:thin; overscroll-behavior-inline:contain; }
body.vx-app .vx-workspace :is(.admin-empty,.empty-state,.vx-empty) { padding:1.5rem; text-align:center; color:var(--bs-body-color); }
body.vx-app .vx-workspace :is(.admin-pagination,.pagination,.special-contact-pagination,.knowledge-pagination) { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; margin:1.5rem 0 0; font-size:.8125rem; }
body.vx-app .vx-workspace :is(.admin-pagination,.pagination,.special-contact-pagination,.knowledge-pagination) [aria-disabled] { color:var(--bs-body-color); }
body.vx-app .vx-workspace :is(img,video) { max-width:100%; }
body.vx-app .vx-workspace dl { margin:0 0 1rem; }
body.vx-app .vx-workspace dd { margin:0; min-width:0; overflow-wrap:anywhere; }
body.vx-app .vx-workspace :is(.stat-card strong,.vx-stat-value) { font-size:1.75rem; font-weight:500; line-height:1.37; }
/* Navbar, menu and preference icons use the theme icon sizes (core.css:7992). */
body.vx-app .ti { inline-size:var(--bs-icon-size); block-size:var(--bs-icon-size); font-size:var(--bs-icon-size); vertical-align:middle; flex-shrink:0; }
body.vx-app .vx-workspace .btn .ti { inline-size:1.125rem; block-size:1.125rem; font-size:1.125rem; }
body.vx-app .vx-workspace details { margin-block:1rem; }
body.vx-app .vx-workspace summary { cursor:pointer; color:var(--bs-heading-color); font-weight:500; }
/* Shared dropdown behaviour stays native and keyboard accessible; dimensions match Vuexy. */
.ui-preferences { display:flex; align-items:center; gap:.5rem; flex-shrink:0; }
.ui-dropdown { position:relative; margin:0; }
.ui-dropdown>summary { list-style:none; display:flex; align-items:center; justify-content:center; gap:.25rem; min-height:calc(2.2514625rem + 2px); min-width:calc(2.2514625rem + 2px); padding:.5rem; border-radius:var(--bs-border-radius); color:var(--bs-heading-color); cursor:pointer; font-size:.8125rem; }
.ui-dropdown>summary::-webkit-details-marker { display:none; }
.ui-dropdown-panel { position:absolute; inset-block-start:calc(100% + .5rem); inset-inline-end:0; z-index:150; background:var(--bs-paper-bg); box-shadow:var(--bs-box-shadow-lg); border-radius:var(--bs-border-radius); min-width:10rem; padding:.5rem; }
.ui-dropdown-panel form { margin:0; }
body.vx-app .ui-dropdown-panel button { display:flex; align-items:center; gap:.75rem; width:100%; padding:.543rem 1rem; background:transparent; color:var(--bs-heading-color); border:0; border-radius:.25rem; cursor:pointer; text-align:start; font:inherit; }
body.vx-app .ui-dropdown-panel button:hover,body.vx-app .ui-dropdown-panel [aria-current] { background:var(--bs-gray-50); }
.vx-content-notice { padding:.68755rem .9375rem; margin:1rem 0; border-radius:var(--bs-border-radius); background:var(--brand-blue-soft); color:var(--brand-blue-dark); font-size:.8125rem; }
/* Existing account layout, using Vuexy card-body and spacing utilities only. */
.vx-auth-layout { display:grid; grid-template-columns:1fr 1.15fr; max-width:61.25rem; margin:1.5rem auto; background:var(--bs-paper-bg); border-radius:var(--bs-border-radius); overflow:hidden; box-shadow:var(--bs-box-shadow); }
.vx-auth-story { background:var(--brand-blue-gradient); color:#fff; padding:1.5rem; display:flex; flex-direction:column; justify-content:center; }
body.vx-app .vx-workspace .vx-auth-story :is(h2,p) { color:#fff; }
.vx-auth-story>.ti { inline-size:2rem; block-size:2rem; margin-bottom:1.5rem; }
.vx-auth-story ul { padding-inline-start:1.5rem; }
.vx-auth-form { padding:1.5rem; }
.vx-auth-form label { display:block; margin-top:1rem!important; }
.vx-auth-form form>button,.vx-auth-form form>p>button { width:100%; margin-top:1rem; }
body.vx-app.staff-guest .staff-shell.guest-shell { display:block; max-width:66.25rem; margin:0 auto; padding:1rem; }
body.vx-app.staff-guest main { padding:0; background:transparent; border:0; box-shadow:none; }
body.vx-app.staff-guest .staff-topbar { display:flex; justify-content:space-between; align-items:center; gap:1rem; background:var(--bs-paper-bg); padding:1rem 1.5rem; }
/* Protected printable documents retain their existing paper dimensions. */
body.vx-app.vx-document { background:var(--ui-canvas); color:var(--ui-heading); }
body.vx-app.vx-document :is(.preview-controls,.manifest-controls,.label-controls,.intake-preview-toolbar) { background:var(--ui-paper); border-radius:var(--bs-border-radius); box-shadow:var(--bs-box-shadow); }
body.vx-app.vx-document :is(.preview-controls,.manifest-controls,.label-controls) :is(a,h2,p) { color:var(--ui-heading); }
body.vx-app.vx-document :is(.pricing-preview,article[aria-label="ملصق الطرد"]) { background:#fff; color:#182b3a; --brand-ink:#182b3a; --brand-muted:#526675; --brand-blue-dark:#1f5286; --brand-blue-soft:#edf4fa; --brand-blue-wash:#f7fbff; }
body.vx-app.vx-document.container-manifest-preview :is(table,th,td) { background:var(--ui-paper); color:var(--ui-heading); border-color:var(--ui-line); }
.vx-error-layout { max-width:38.75rem; margin:var(--vx-space-12) auto; padding:2.5rem 1.5rem; text-align:center; }
.vx-error-code { font-size:5rem; line-height:1.1; color:var(--brand-blue-dark); font-weight:500; margin-bottom:1.5rem; }
@media(max-width:575.98px) {
 body.vx-app .vx-workspace .vx-form-grid { grid-template-columns:1fr; }
 .vx-auth-layout { display:block; }
 .vx-auth-story>.ti,.vx-auth-story ul { display:none; }
}
@media print {
 body.vx-app { color-scheme:light; --ui-paper:#fff; --ui-heading:#182b3a; --ui-muted:#526675; --ui-line:#dbe2e8; --ui-soft:#f4f6f8; background:#fff; color:#182b3a; }
 .ui-preferences,.vx-content-notice { display:none!important; }
 body.vx-app.vx-document :is(.preview-controls,.manifest-controls,.label-controls) { display:none!important; }
}
@media(prefers-reduced-motion:reduce) { body.vx-app * { scroll-behavior:auto!important; transition:none!important; } }
/* Utilities used by the original forms/table references. */
body.vx-app .text-nowrap { white-space:nowrap!important; }
body.vx-app .vx-workspace :is(.admin-filter-bar,.special-contact-filters,.knowledge-filters,.intake-filters) { margin:0 0 1.5rem; }
body.vx-app .vx-workspace .card-footer .admin-pagination { margin:0; }
body.vx-app .vx-workspace .admin-pagination .pagination { margin:0; padding:0; gap:.25rem; }
body.vx-app .vx-workspace .admin-pagination>div { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; }
body.vx-app .vx-workspace .table .form-control,body.vx-app .vx-workspace .table .form-select { min-width:6.25rem; }
/* Existing status aliases now only bind semantic colors to the original badge. */
body.vx-app .vx-workspace .bg-label-primary { --bs-badge-bg-color:var(--brand-blue-soft); --bs-badge-color:var(--brand-blue-dark); }
body.vx-app .vx-workspace .bg-label-secondary { --bs-badge-bg-color:var(--bs-secondary-bg-subtle); --bs-badge-color:var(--bs-secondary-text-emphasis); }
body.vx-app .vx-workspace .bg-label-success { --bs-badge-bg-color:var(--bs-success-bg-subtle); --bs-badge-color:var(--bs-success-text-emphasis); }
body.vx-app .vx-workspace .bg-label-info { --bs-badge-bg-color:var(--bs-info-bg-subtle); --bs-badge-color:var(--bs-info-text-emphasis); }
body.vx-app .vx-workspace .bg-label-warning { --bs-badge-bg-color:var(--bs-warning-bg-subtle); --bs-badge-color:var(--bs-warning-text-emphasis); }

/* Existing Vuexy utilities used by the shared error actions. */
body.vx-app .d-flex { display:flex!important; }
body.vx-app .flex-wrap { flex-wrap:wrap!important; }
body.vx-app .justify-content-center { justify-content:center!important; }
body.vx-app .gap-3 { gap:.75rem!important; }
/* Existing VARVOX artwork stays readable on dark navigation surfaces. */
[data-theme=dark] :is(.portal-app,.staff-guest) :is(.brand-logo,.portal-header img),
[data-theme=dark] body.vx-app .vx-error-layout img { background:var(--bs-white); border-radius:var(--bs-border-radius); padding:.25rem; }