:root {
  color-scheme: light;
  --mvx2-fog: #eef3f7;
  --mvx2-ink: #1d2a35;
  --mvx2-muted: #617183;
  --mvx2-surface: rgba(255, 255, 255, 0.94);
  --mvx2-border: rgba(11, 31, 51, 0.08);
  --mvx2-shadow: rgba(29, 42, 53, 0.08);
  --mvx2-header-shadow: rgba(11, 31, 51, 0.18);
  --mvx2-header-shadow-soft: rgba(11, 31, 51, 0.12);
  --mvx2-dark-input-surface: #162130;
  --mvx2-input-border: rgba(11, 31, 51, 0.16);
  --mvx2-footer-surface: #0b1f33;
  --mvx2-footer-ink: #ffffff;
  --mvx2-footer-border: rgba(11, 31, 51, 0.14);
  --mvx2-close-filter: none;
  --mvx2-navy: #0b1f33;
  --mvx2-navy-soft: #153554;
  --mvx2-coral: #dd6b4d;
  --mvx2-dark-input-surface: #162130;
}

.list-group {
  --bs-list-group-item-padding-x: 0rem;
  --bs-list-group-border-width: 0;
}
.list-group .list-group-item {
  background-color: unset;
}

body.theme-dark {
  color-scheme: dark;
  --mvx2-fog: #0f1722;
  --mvx2-ink: #e7edf3;
  --mvx2-muted: #a6b5c5;
  --mvx2-surface: rgb(18, 28, 40);
  --mvx2-border: rgba(166, 181, 197, 0.18);
  --mvx2-shadow: rgba(0, 0, 0, 0.28);
  --mvx2-header-shadow: rgba(0, 0, 0, 0.34);
  --mvx2-header-shadow-soft: rgba(0, 0, 0, 0.24);
  --mvx2-input-surface: #162130;
  --mvx2-input-border: rgba(166, 181, 197, 0.24);
  --mvx2-footer-surface: #09111a;
  --mvx2-footer-ink: #e7edf3;
  --mvx2-footer-border: rgba(166, 181, 197, 0.12);
  --mvx2-close-filter: invert(1) grayscale(100%) brightness(200%);
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #2b6cb0;
  --bs-btn-border-color: rgb(93.88, 143.28, 194.96);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(81.16, 134.46, 190.22);
  --bs-btn-hover-border-color: rgb(110.84, 155.04, 201.28);
  --bs-btn-focus-shadow-rgb: 94, 143, 195;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(102.36, 149.16, 198.12);
  --bs-btn-active-border-color: rgb(119.32, 160.92, 204.44);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #2b6cb0;
  --bs-btn-disabled-border-color: rgb(93.88, 143.28, 194.96);
  background-image: linear-gradient(to right, #2b6cb0 0%, rgb(81.16, 134.46, 190.22) 51%, #2b6cb0 100%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.75);
  transition: 0.5s;
  background-size: 250% auto;
  opacity: 0.9;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.hover, .btn-primary.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #333333;
  --bs-btn-border-color: rgb(108.12, 108.12, 108.12);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(87.72, 87.72, 87.72);
  --bs-btn-hover-border-color: rgb(136.68, 136.68, 136.68);
  --bs-btn-focus-shadow-rgb: 108, 108, 108;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(245.88, 242.84, 236.76);
  --bs-btn-active-border-color: rgb(157.08, 157.08, 157.08);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #333333;
  --bs-btn-disabled-border-color: rgb(108.12, 108.12, 108.12);
  background-image: linear-gradient(to right, #333333 0%, rgb(87.72, 87.72, 87.72) 51%, #333333 100%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.75);
  transition: 0.5s;
  background-size: 250% auto;
  opacity: 0.9;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.hover, .btn-secondary.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-success {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #006400;
  --bs-btn-border-color: rgb(61.2, 137.2, 61.2);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(45.9, 127.9, 45.9);
  --bs-btn-hover-border-color: rgb(81.6, 149.6, 81.6);
  --bs-btn-focus-shadow-rgb: 61, 137, 61;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(71.4, 143.4, 71.4);
  --bs-btn-active-border-color: rgb(91.8, 155.8, 91.8);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #006400;
  --bs-btn-disabled-border-color: rgb(61.2, 137.2, 61.2);
  background-image: linear-gradient(to right, #006400 0%, rgb(45.9, 127.9, 45.9) 51%, #006400 100%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.75);
  transition: 0.5s;
  background-size: 250% auto;
  opacity: 0.9;
}
.btn-success:hover, .btn-success:focus, .btn-success.hover, .btn-success.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-danger {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #af0606;
  --bs-btn-border-color: rgb(194.2, 65.76, 65.76);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(189.4, 50.82, 50.82);
  --bs-btn-hover-border-color: rgb(200.6, 85.68, 85.68);
  --bs-btn-focus-shadow-rgb: 194, 66, 66;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(197.4, 75.72, 75.72);
  --bs-btn-active-border-color: rgb(203.8, 95.64, 95.64);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #af0606;
  --bs-btn-disabled-border-color: rgb(194.2, 65.76, 65.76);
  background-image: linear-gradient(to right, #af0606 0%, rgb(189.4, 50.82, 50.82) 51%, #af0606 100%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.75);
  transition: 0.5s;
  background-size: 250% auto;
  opacity: 0.9;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.hover, .btn-danger.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-warning {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #d17d16;
  --bs-btn-border-color: rgb(220.04, 156.2, 77.92);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(217.28, 148.4, 63.94);
  --bs-btn-hover-border-color: rgb(223.72, 166.6, 96.56);
  --bs-btn-focus-shadow-rgb: 220, 156, 78;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(221.88, 161.4, 87.24);
  --bs-btn-active-border-color: rgb(225.56, 171.8, 105.88);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #d17d16;
  --bs-btn-disabled-border-color: rgb(220.04, 156.2, 77.92);
  background-image: linear-gradient(to right, #d17d16 0%, rgb(217.28, 148.4, 63.94) 51%, #d17d16 100%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.75);
  transition: 0.5s;
  background-size: 250% auto;
  opacity: 0.9;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.hover, .btn-warning.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-info {
  --bs-btn-color: #0d2745;
  --bs-btn-bg: #56c4e4;
  --bs-btn-border-color: #2ba9cf;
  --bs-btn-hover-color: #0d2745;
  --bs-btn-hover-bg: rgb(123.18, 208.98, 233.94);
  --bs-btn-hover-border-color: #56c4e4;
  --bs-btn-focus-shadow-rgb: 43, 169, 207;
  --bs-btn-active-color: #0d2745;
  --bs-btn-active-bg: #2ba9cf;
  --bs-btn-active-border-color: #1f8fbe;
  --bs-btn-disabled-color: #0d2745;
  --bs-btn-disabled-bg: #56c4e4;
  --bs-btn-disabled-border-color: #2ba9cf;
  background-image: linear-gradient(to right, #56c4e4 0%, rgb(123.18, 208.98, 233.94) 51%, #56c4e4 100%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.75);
  transition: 0.5s;
  background-size: 250% auto;
  opacity: 0.9;
}
.btn-info:hover, .btn-info:focus, .btn-info.hover, .btn-info.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-light {
  --bs-btn-color: #0d2745;
  --bs-btn-bg: #f3efe7;
  --bs-btn-border-color: rgb(195, 207.56, 217.8);
  --bs-btn-hover-color: #0d2745;
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-hover-border-color: rgb(183, 218, 223.8);
  --bs-btn-focus-shadow-rgb: 195, 208, 218;
  --bs-btn-active-color: #0d2745;
  --bs-btn-active-bg: rgb(207, 215.42, 221.1);
  --bs-btn-active-border-color: rgb(167, 189.22, 210.1);
  --bs-btn-disabled-color: #0d2745;
  --bs-btn-disabled-bg: #f3efe7;
  --bs-btn-disabled-border-color: rgb(195, 207.56, 217.8);
  background-image: linear-gradient(to right, #f3efe7 0%, #ffffff 51%, #f3efe7 100%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.75);
  transition: 0.5s;
  background-size: 250% auto;
  opacity: 0.9;
}
.btn-light:hover, .btn-light:focus, .btn-light.hover, .btn-light.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0d2745;
  --bs-btn-border-color: rgb(80.76, 99.48, 121.08);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(56.56, 77.88, 102.48);
  --bs-btn-hover-border-color: rgb(102.36, 149.16, 198.12);
  --bs-btn-focus-shadow-rgb: 81, 99, 121;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #1b2430;
  --bs-btn-active-border-color: #0d2745;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0d2745;
  --bs-btn-disabled-border-color: rgb(80.76, 99.48, 121.08);
  background-image: linear-gradient(to right, #0d2745 0%, rgb(56.56, 77.88, 102.48) 51%, #0d2745 100%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.75);
  transition: 0.5s;
  background-size: 250% auto;
  opacity: 0.9;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark.hover, .btn-dark.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-outline-primary {
  --bs-btn-color: #2b6cb0;
  --bs-btn-border-color: rgb(43, 122.64, 183.44);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(43, 118.98, 181.58);
  --bs-btn-hover-border-color: rgb(43, 127.52, 185.92);
  --bs-btn-focus-shadow-rgb: 43, 123, 183;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(34.6, 88.68, 146.04);
  --bs-btn-active-border-color: rgb(32.2, 83.16, 137.48);
  --bs-btn-disabled-color: #2b6cb0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(43, 122.64, 183.44);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  opacity: 0.9;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.hover, .btn-outline-primary.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-outline-secondary {
  --bs-btn-color: #333333;
  --bs-btn-border-color: rgb(40.36, 47.64, 56.04);
  --bs-btn-hover-color: #0d2745;
  --bs-btn-hover-bg: #cccccc;
  --bs-btn-hover-border-color: rgb(35.04, 45.96, 58.56);
  --bs-btn-focus-shadow-rgb: 40, 48, 56;
  --bs-btn-active-color: #0d2745;
  --bs-btn-active-bg: rgb(187.8, 191, 192.12);
  --bs-btn-active-border-color: rgb(31.24, 44.76, 60.36);
  --bs-btn-disabled-color: #333333;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(40.36, 47.64, 56.04);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  opacity: 0.9;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.hover, .btn-outline-secondary.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-outline-success {
  --bs-btn-color: #006400;
  --bs-btn-border-color: rgb(10.32, 116.56, 49.68);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(7.74, 112.42, 37.26);
  --bs-btn-hover-border-color: rgb(13.76, 122.08, 66.24);
  --bs-btn-focus-shadow-rgb: 10, 117, 50;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(3.64, 82.92, 19.32);
  --bs-btn-active-border-color: rgb(4.68, 78.04, 24.84);
  --bs-btn-disabled-color: #006400;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(10.32, 116.56, 49.68);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  opacity: 0.9;
}
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.hover, .btn-outline-success.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-outline-danger {
  --bs-btn-color: #af0606;
  --bs-btn-border-color: rgb(143.32, 45.12, 54.24);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(151.24, 35.34, 42.18);
  --bs-btn-hover-border-color: rgb(132.76, 58.16, 70.32);
  --bs-btn-focus-shadow-rgb: 143, 45, 54;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(129.64, 15.24, 23.64);
  --bs-btn-active-border-color: rgb(116.68, 17.88, 28.68);
  --bs-btn-disabled-color: #af0606;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(143.32, 45.12, 54.24);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  opacity: 0.9;
}
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.hover, .btn-outline-danger.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-outline-warning {
  --bs-btn-color: #d17d16;
  --bs-btn-border-color: rgb(169.16, 135.56, 66.4);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(179.12, 132.92, 55.3);
  --bs-btn-hover-border-color: rgb(155.88, 139.08, 81.2);
  --bs-btn-focus-shadow-rgb: 169, 136, 66;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(154.12, 100.92, 35.16);
  --bs-btn-active-border-color: rgb(138.44, 94.04, 38.92);
  --bs-btn-disabled-color: #d17d16;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(169.16, 135.56, 66.4);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  opacity: 0.9;
}
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.hover, .btn-outline-warning.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-outline-info {
  --bs-btn-color: #2ba9cf;
  --bs-btn-border-color: #2ba9cf;
  --bs-btn-hover-color: #0d2745;
  --bs-btn-hover-bg: rgb(123.18, 208.98, 233.94);
  --bs-btn-hover-border-color: #56c4e4;
  --bs-btn-focus-shadow-rgb: 43, 169, 207;
  --bs-btn-active-color: #0d2745;
  --bs-btn-active-bg: #2ba9cf;
  --bs-btn-active-border-color: #1f8fbe;
  --bs-btn-disabled-color: #2ba9cf;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2ba9cf;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  opacity: 0.9;
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.hover, .btn-outline-info.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-outline-light {
  --bs-btn-color: #f3efe7;
  --bs-btn-border-color: rgb(195, 207.56, 217.8);
  --bs-btn-hover-color: #0d2745;
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-hover-border-color: rgb(183, 218, 223.8);
  --bs-btn-focus-shadow-rgb: 195, 208, 218;
  --bs-btn-active-color: #0d2745;
  --bs-btn-active-bg: rgb(207, 215.42, 221.1);
  --bs-btn-active-border-color: rgb(167, 189.22, 210.1);
  --bs-btn-disabled-color: #f3efe7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(195, 207.56, 217.8);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  opacity: 0.9;
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light.hover, .btn-outline-light.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-outline-dark {
  --bs-btn-color: #0d2745;
  --bs-btn-border-color: rgb(21.4, 58.32, 98.96);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(18.4, 51.42, 88.26);
  --bs-btn-hover-border-color: rgb(43, 125.08, 184.68);
  --bs-btn-focus-shadow-rgb: 21, 58, 99;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #1b2430;
  --bs-btn-active-border-color: #0d2745;
  --bs-btn-disabled-color: #0d2745;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(21.4, 58.32, 98.96);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  opacity: 0.9;
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark.hover, .btn-outline-dark.focus {
  background-position: right center;
  opacity: 1.1;
}

body.theme-dark .btn-secondary {
  --bs-btn-color: #eef4fb;
  --bs-btn-bg: rgb(84.36, 94.44, 108.12);
  --bs-btn-border-color: rgb(136.6, 205, 228.12);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(108.06, 116.74, 128.52);
  --bs-btn-hover-border-color: #56c4e4;
  --bs-btn-focus-shadow-rgb: 137, 205, 228;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(25, 70.36, 94.68);
  --bs-btn-active-border-color: #56c4e4;
  --bs-btn-disabled-color: #eef4fb;
  --bs-btn-disabled-bg: rgb(84.36, 94.44, 108.12);
  --bs-btn-disabled-border-color: rgb(136.6, 205, 228.12);
  background-image: linear-gradient(to right, rgb(84.36, 94.44, 108.12) 0%, rgb(108.06, 116.74, 128.52) 51%, rgb(84.36, 94.44, 108.12) 100%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.75);
  transition: 0.5s;
  background-size: 250% auto;
  opacity: 0.9;
}
body.theme-dark .btn-secondary:hover, body.theme-dark .btn-secondary:focus, body.theme-dark .btn-secondary.hover, body.theme-dark .btn-secondary.focus {
  background-position: right center;
  opacity: 1.1;
}
body.theme-dark .btn-light {
  --bs-btn-color: #eef4fb;
  --bs-btn-bg: rgb(65.4, 76.6, 91.8);
  --bs-btn-border-color: rgba(238, 244, 251, 0.34);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(93.84, 103.36, 116.28);
  --bs-btn-hover-border-color: #56c4e4;
  --bs-btn-focus-shadow-rgb: 238, 244, 251;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(23.5, 62.14, 85.32);
  --bs-btn-active-border-color: #56c4e4;
  --bs-btn-disabled-color: #eef4fb;
  --bs-btn-disabled-bg: rgb(65.4, 76.6, 91.8);
  --bs-btn-disabled-border-color: rgba(238, 244, 251, 0.34);
  background-image: linear-gradient(to right, rgb(65.4, 76.6, 91.8) 0%, rgb(93.84, 103.36, 116.28) 51%, rgb(65.4, 76.6, 91.8) 100%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.75);
  transition: 0.5s;
  background-size: 250% auto;
  opacity: 0.9;
}
body.theme-dark .btn-light:hover, body.theme-dark .btn-light:focus, body.theme-dark .btn-light.hover, body.theme-dark .btn-light.focus {
  background-position: right center;
  opacity: 1.1;
}
body.theme-dark .btn-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #05101f;
  --bs-btn-border-color: rgba(238, 244, 251, 0.2);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(10.32, 37.42, 55.64);
  --bs-btn-hover-border-color: rgba(86, 196, 228, 0.6);
  --bs-btn-focus-shadow-rgb: 238, 244, 251;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: rgba(86, 196, 228, 0.8);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #05101f;
  --bs-btn-disabled-border-color: rgba(238, 244, 251, 0.2);
  background-image: linear-gradient(to right, #05101f 0%, rgb(10.32, 37.42, 55.64) 51%, #05101f 100%);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.75);
  transition: 0.5s;
  background-size: 250% auto;
  opacity: 0.9;
}
body.theme-dark .btn-dark:hover, body.theme-dark .btn-dark:focus, body.theme-dark .btn-dark.hover, body.theme-dark .btn-dark.focus {
  background-position: right center;
  opacity: 1.1;
}
body.theme-dark .btn-outline-secondary {
  --bs-btn-color: #eef4fb;
  --bs-btn-border-color: rgb(136.6, 205, 228.12);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(108.06, 116.74, 128.52);
  --bs-btn-hover-border-color: #56c4e4;
  --bs-btn-focus-shadow-rgb: 137, 205, 228;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(25, 70.36, 94.68);
  --bs-btn-active-border-color: #56c4e4;
  --bs-btn-disabled-color: #eef4fb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(136.6, 205, 228.12);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  opacity: 0.9;
}
body.theme-dark .btn-outline-secondary:hover, body.theme-dark .btn-outline-secondary:focus, body.theme-dark .btn-outline-secondary.hover, body.theme-dark .btn-outline-secondary.focus {
  background-position: right center;
  opacity: 1.1;
}
body.theme-dark .btn-outline-light {
  --bs-btn-color: #eef4fb;
  --bs-btn-border-color: rgba(238, 244, 251, 0.34);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(93.84, 103.36, 116.28);
  --bs-btn-hover-border-color: #56c4e4;
  --bs-btn-focus-shadow-rgb: 238, 244, 251;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(23.5, 62.14, 85.32);
  --bs-btn-active-border-color: #56c4e4;
  --bs-btn-disabled-color: #eef4fb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(238, 244, 251, 0.34);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  opacity: 0.9;
}
body.theme-dark .btn-outline-light:hover, body.theme-dark .btn-outline-light:focus, body.theme-dark .btn-outline-light.hover, body.theme-dark .btn-outline-light.focus {
  background-position: right center;
  opacity: 1.1;
}
body.theme-dark .btn-outline-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-border-color: rgba(238, 244, 251, 0.2);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(10.32, 37.42, 55.64);
  --bs-btn-hover-border-color: rgba(86, 196, 228, 0.6);
  --bs-btn-focus-shadow-rgb: 238, 244, 251;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: rgba(86, 196, 228, 0.8);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(238, 244, 251, 0.2);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  transition: 0.5s;
  opacity: 0.9;
}
body.theme-dark .btn-outline-dark:hover, body.theme-dark .btn-outline-dark:focus, body.theme-dark .btn-outline-dark.hover, body.theme-dark .btn-outline-dark.focus {
  background-position: right center;
  opacity: 1.1;
}

.btn-nav-icon {
  color: #f3efe7;
}
.btn-nav-icon:hover, .btn-nav-icon:focus, .btn-nav-icon.hover, .btn-nav-icon.focus {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--bs-border-radius);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.btn-icon {
  color: var(--bs-body-color);
}
.btn-icon:hover, .btn-icon:focus, .btn-icon.hover, .btn-icon.focus {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--bs-border-radius);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html {
  font-size: 14px;
  min-height: 100%;
  scroll-padding-top: calc(var(--mvx2-fixed-header-height) + var(--mvx2-fixed-subheader-height) + 1rem);
}

:root {
  --mvx2-fixed-header-height: 5rem;
  --mvx2-fixed-subheader-height: 0rem;
  --mvx2-safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --mvx2-fixed-footer-height: calc(5.5rem + var(--mvx2-safe-area-bottom));
  --mvx2-viewport-height: 100vh;
}

@supports (height: 100dvh) {
  :root {
    --mvx2-viewport-height: 100dvh;
  }
}
body {
  --bs-body-color: var(--mvx2-ink);
  --bs-secondary-color: var(--mvx2-muted);
  min-height: 100%;
  min-height: var(--mvx2-viewport-height);
  display: flex;
  flex-direction: column;
  background-color: var(--mvx2-fog);
  color: var(--mvx2-ink);
  transition: background-color 0.2s ease, color 0.2s ease;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(97, 113, 131, 0.45) transparent;
}

*::-webkit-scrollbar {
  width: 0.45rem;
  height: 0.45rem;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  border: 0.12rem solid transparent;
  border-radius: 999px;
  background-color: rgba(97, 113, 131, 0.35);
  background-clip: content-box;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: rgba(97, 113, 131, 0.55);
}

.app-header,
.app-footer {
  background: linear-gradient(135deg, var(--mvx2-navy), var(--mvx2-navy-soft));
  box-shadow: 0 0.75rem 2rem var(--mvx2-header-shadow);
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
}

.app-header {
  top: 0;
}

.environment-indicator {
  align-items: center;
  border-radius: 0.25rem;
  color: #ffffff;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.28rem 0.45rem;
  text-transform: uppercase;
}
.environment-indicator--development {
  background: #a4161a;
}
.environment-indicator--test {
  background: #d17d16;
}
.environment-indicator--other {
  background: #333333;
}

.environment-chrome--development .app-header {
  background: linear-gradient(90deg, #2b0000 0%, #5c0b15 45%, #a4161a 100%);
}
.environment-chrome--development .app-footer {
  background: linear-gradient(180deg, #a4161a 0%, #5c0b15 48%, #2b0000 100%);
}

.environment-chrome--test .app-header {
  background: linear-gradient(90deg, #5f3100 0%, #b95f00 45%, #ff8f00 100%);
}
.environment-chrome--test .app-footer {
  background: linear-gradient(180deg, #ff8f00 0%, #b95f00 48%, #5f3100 100%);
}

.environment-chrome--other .app-header {
  background: linear-gradient(90deg, #202529 0%, #3f474e 45%, #6c757d 100%);
}
.environment-chrome--other .app-footer {
  background: linear-gradient(180deg, #6c757d 0%, #3f474e 48%, #202529 100%);
}

.app-subheader {
  position: fixed;
  top: calc(var(--mvx2-fixed-header-height) - 1px);
  right: 0;
  left: 0;
  z-index: 1029;
  border-bottom: 1px solid var(--mvx2-border);
  background-color: var(--mvx2-dark-input-surface);
  box-shadow: 0 0.35rem 1rem var(--mvx2-shadow);
}
.app-subheader__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.app-subheader__title {
  margin: 0;
  color: var(--mvx2-ink);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
}
.app-subheader__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-left: auto;
  align-items: center;
  justify-content: flex-end;
}
.app-subheader__navigation {
  min-width: 0;
}

.portal-navigation {
  min-width: 0;
  overflow-x: auto;
  padding: 0.15rem;
}
.portal-navigation__link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0.25rem 0;
  padding: 0.325rem 0.75rem;
  border: 1px solid transparent;
  border-radius: 0.875rem;
  color: rgba(255, 255, 255, 0.82);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}
.portal-navigation__link[type=button] {
  background-color: transparent;
  text-align: left;
}
.portal-navigation__link i {
  display: inline-flex;
  flex: 0 0 1.25rem;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  font-size: 1rem;
}
.portal-navigation__link:hover, .portal-navigation__link:focus-visible {
  border-color: rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: #ffffff;
}
.portal-navigation__link.active, .portal-navigation__link.active:hover, .portal-navigation__link.active:focus-visible {
  border-color: rgba(43, 169, 207, 0.22);
  background: linear-gradient(135deg, rgba(43, 169, 207, 0.18), rgba(43, 108, 176, 0.1));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  color: #ffffff;
}
.portal-navigation__link.btn-success {
  border-color: #006400;
  background-color: #006400;
  color: #ffffff;
}
.portal-navigation__link.btn-success:hover, .portal-navigation__link.btn-success:focus-visible, .portal-navigation__link.btn-success.active, .portal-navigation__link.btn-success.active:hover, .portal-navigation__link.btn-success.active:focus-visible {
  border-color: rgb(0, 79.6, 0);
  background: rgb(0, 79.6, 0);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
  color: #ffffff;
}
.portal-navigation__link-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.app-subheader__navigation .portal-navigation__link--primary-action {
  margin-left: auto;
}

.portal-header-navigation {
  padding-top: 1rem;
}
.portal-header-navigation .portal-navigation {
  flex-direction: column;
  align-items: stretch;
  overflow-x: visible;
  padding: 0;
}
.portal-header-navigation .portal-navigation__link--primary-action {
  margin-left: 0;
}

.navbar {
  padding: 0.5rem 0;
}
.navbar--compact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.navbar-brand,
.nav-link,
.app-footer,
.btn-outline-light {
  color: #fff;
}

.app-header--auth {
  box-shadow: 0 0.5rem 1.5rem var(--mvx2-header-shadow-soft);
}

.navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 700;
  text-decoration: none;
}
.navbar-brand:hover {
  color: #f3efe7;
}
.navbar-brand-logo {
  display: block;
  width: auto;
  height: 2.25rem;
  max-width: 8rem;
}

.navbar-brand-impersonation {
  color: var(--bs-danger);
  font-size: 1.25rem;
  line-height: 1;
}

.nav-link:hover {
  color: #f3efe7;
}

.page-shell {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.emergency-notice {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  padding: 0rem 1rem;
  border: 1px solid rgba(164, 22, 26, 0.18);
  border-left: 0.25rem solid #a4161a;
  border-radius: var(--bs-border-radius);
  background-color: rgba(164, 22, 26, 0.06);
  color: var(--mvx2-ink);
}
.emergency-notice__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: rgba(164, 22, 26, 0.1);
  color: #a4161a;
  font-size: 1rem;
}
.emergency-notice__text {
  min-width: 0;
  font-weight: 600;
  line-height: 1.35;
  white-space: pre-line;
}

.page-main {
  flex: 1 0 auto;
  padding-bottom: var(--mvx2-fixed-footer-height);
  padding-top: calc(var(--mvx2-fixed-header-height) + var(--mvx2-fixed-subheader-height));
}

.page-shell--auth {
  min-height: calc(var(--mvx2-viewport-height) - var(--mvx2-fixed-header-height) - var(--mvx2-fixed-subheader-height) - var(--mvx2-fixed-footer-height));
  display: flex;
  align-items: center;
}

.page-shell--auth main {
  width: 100%;
}

.error-page-body {
  background-color: var(--mvx2-fog);
  display: block;
}

.error-page-main {
  min-height: var(--mvx2-viewport-height);
  display: grid;
  place-items: center;
  padding: 1rem;
}

.auth-header-copy {
  display: grid;
  justify-items: end;
  gap: 0.15rem;
  text-align: right;
  color: #fff;
}

.auth-header-kicker {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  opacity: 0.72;
}

.auth-header-title {
  font-size: 0.95rem;
  font-weight: 500;
}

.hero-card,
.dashboard-card,
.narrow-card {
  background: var(--mvx2-surface);
  border: 1px solid var(--mvx2-border);
  border-radius: 1.25rem;
  box-shadow: 0 1rem 2rem var(--mvx2-shadow);
}

.hero-card,
.dashboard-card {
  padding: 2rem;
}

.narrow-card {
  max-width: 34rem;
  margin: 0 auto;
  padding: 2rem;
}

.dashboard-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.eyebrow {
  color: var(--mvx2-coral);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.16rem;
  text-transform: uppercase;
}

.hero-copy {
  color: var(--mvx2-muted);
  max-width: 60rem;
}

.status-page {
  max-width: 44rem;
  position: relative;
  overflow: hidden;
}

.status-page__icon {
  width: 4.75rem;
  height: 4.75rem;
  display: grid;
  place-items: center;
  margin-bottom: 1.25rem;
  border-radius: 50%;
  background-color: rgba(221, 107, 77, 0.12);
  color: var(--mvx2-coral);
  font-size: 2.25rem;
}

.status-page__code {
  display: inline-flex;
  margin-top: 1.5rem;
  color: var(--mvx2-muted);
  font-size: 0.85rem;
  font-weight: 600;
}

.form-control,
.form-select {
  background-color: var(--mvx2-input-surface);
  border-color: var(--mvx2-input-border);
  color: var(--mvx2-ink);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.card {
  --bs-card-bg: var(--mvx2-surface);
  --bs-card-border-color: var(--mvx2-border);
  --bs-card-color: var(--mvx2-ink);
}

.modal-content {
  --bs-modal-bg: var(--mvx2-surface);
  --bs-modal-border-color: var(--mvx2-border);
  --bs-modal-color: var(--mvx2-ink);
  --bs-modal-header-border-color: var(--mvx2-border);
  --bs-modal-footer-border-color: var(--mvx2-border);
  background-color: var(--mvx2-surface);
  color: var(--mvx2-ink);
}

.btn-close {
  filter: var(--mvx2-close-filter);
}

.form-control::placeholder {
  color: var(--mvx2-muted);
}

.form-floating > label,
.form-label {
  color: var(--mvx2-muted);
}

.form-floating > label {
  color: var(--mvx2-muted) !important;
}
.form-floating > label:after {
  background-color: var(--mvx2-input-surface) !important;
  color: var(--mvx2-muted) !important;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
  color: var(--mvx2-muted);
}

.form-control::file-selector-button {
  background-color: var(--mvx2-fog);
  border-color: var(--mvx2-input-border);
  color: var(--mvx2-ink);
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--mvx2-input-surface);
  color: var(--mvx2-ink);
}

.form-control:focus,
.form-select:focus {
  background-color: var(--mvx2-input-surface);
  border-color: var(--mvx2-coral);
  box-shadow: 0 0 0 0.25rem rgba(221, 107, 77, 0.2);
  color: var(--mvx2-ink);
}

.stack-form {
  display: grid;
  gap: 1rem;
}

.upload-dropzone {
  position: relative;
  display: flex;
  gap: 0.75rem;
  align-items: center;
  padding: 1rem;
  border: 2px dotted var(--mvx2-input-border);
  border-radius: 0.5rem;
  background-color: var(--mvx2-input-surface);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.upload-dropzone--dragover {
  border-color: var(--mvx2-coral);
  box-shadow: 0 0 0 0.25rem rgba(221, 107, 77, 0.12);
}

.upload-picker {
  position: relative;
  display: inline-flex;
  max-width: 100%;
}

.upload-picker__toggle {
  min-width: min(100%, 13rem);
  white-space: nowrap;
}

.upload-picker__chevron {
  font-size: 0.85rem;
}

.upload-picker__menu {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  z-index: 1050;
  display: none;
  min-width: 13rem;
  overflow: hidden;
  border: 1px solid var(--mvx2-input-border);
  border-radius: var(--bs-border-radius);
  background-color: var(--mvx2-surface);
  box-shadow: 0 0.75rem 1.75rem var(--mvx2-shadow);
}

.upload-picker__menu.show {
  display: grid;
}

.upload-picker__item {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  width: 100%;
  padding: 0.75rem 1rem;
  border: 0;
  background: transparent;
  color: var(--mvx2-muted);
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.upload-picker__item:hover,
.upload-picker__item:focus-visible {
  background-color: var(--mvx2-fog);
  color: var(--mvx2-ink);
}

.upload-picker__item .bi {
  font-size: 1.25rem;
}

@media (max-width: 575.98px) {
  .upload-picker,
  .upload-picker__toggle,
  .upload-picker__menu {
    width: 100%;
  }
}
.upload-preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.upload-preview-item {
  height: auto;
  width: auto;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--mvx2-input-border);
  border-radius: var(--bs-border-radius);
  background-color: var(--mvx2-input-surface);
}
.upload-preview-item img {
  display: block;
  width: 100%;
  height: 100px;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.upload-preview-item figcaption {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding: 0.45rem 0.55rem;
  color: var(--mvx2-muted);
  font-size: 0.8rem;
}
.upload-preview-item figcaption span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upload-preview-item figcaption .upload-preview-item__remove {
  flex: 0 0 auto;
  line-height: 1;
}

.ticket-comment-bubble {
  position: relative;
  padding: 0.875rem 1rem;
  border: 1px solid var(--mvx2-input-border);
  border-radius: 1rem;
  background-color: var(--mvx2-input-surface);
}

.ticket-comment-bubble::before,
.ticket-comment-bubble::after {
  content: "";
  position: absolute;
  top: -1px;
}

.ticket-comment-bubble::after {
  width: 0.875rem;
  height: 0.875rem;
  background-color: inherit;
}

.ticket-comment-bubble::before {
  width: 1.25rem;
  height: 1px;
  background-color: var(--mvx2-input-border);
}

.ticket-comment-bubble--own {
  margin-right: 0.875rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 1rem;
}

.ticket-comment-bubble--own::after {
  top: -1px;
  right: calc(-0.74rem - 2px);
  border-top: 1px solid var(--mvx2-input-border);
  border-right: 1px solid var(--mvx2-input-border);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.ticket-comment-bubble--own::before {
  right: calc(-0.74rem - 2px);
  transform: rotate(-45deg);
  transform-origin: top right;
}

.ticket-comment-bubble--other {
  margin-left: 0.875rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 1rem;
}

.ticket-comment-bubble--other::after {
  left: calc(-0.74rem - 2px);
  border-top: 1px solid var(--mvx2-input-border);
  border-left: 1px solid var(--mvx2-input-border);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.ticket-comment-bubble--other::before {
  left: calc(-0.74rem - 2px);
  transform: rotate(45deg);
  transform-origin: top left;
}

.ticket-comment-attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.ticket-comment-attachment {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  border: 1px solid var(--mvx2-input-border);
  border-radius: 0.5rem;
  color: var(--mvx2-ink);
  text-decoration: none;
}

.ticket-comment-attachment-image {
  width: 100px;
  height: 100px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--mvx2-input-border);
  border-radius: 0.5rem;
  background-color: var(--mvx2-input-surface);
  cursor: pointer;
}

.ticket-comment-attachment-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ticket-comment-attachment span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-comment-attachment-modal-image {
  max-height: 75vh;
}

.ticket-overview-card {
  border-color: var(--mvx2-border);
  overflow: hidden;
}

.ticket-overview-card--link {
  position: relative;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}
.ticket-overview-card--link:hover, .ticket-overview-card--link:focus-within {
  border-color: var(--mvx2-coral);
  box-shadow: 0 0.75rem 1.75rem rgba(11, 31, 51, 0.12);
  transform: translateY(-2px);
}

.ticket-overview-body {
  padding: 0.85rem 1rem;
}

.ticket-overview-meta {
  display: grid;
  gap: 0.1rem;
  line-height: 1.2;
}

.ticket-overview-description {
  max-height: 6rem;
  overflow-y: auto;
  white-space: pre-wrap;
}

.ticket-detail-description {
  white-space: pre-wrap;
}

.ticket-overview-photo-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}

.ticket-overview-photo-header {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  left: 0.5rem;
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: space-between;
  pointer-events: none;
}

.ticket-overview-photo-label {
  max-width: 70%;
  padding: 0.25rem 0.5rem;
  border-radius: 0.35rem;
  background-color: rgba(11, 31, 51, 0.82);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.2;
}

.ticket-overview-photo,
.ticket-overview-photo-placeholder {
  width: 100%;
  height: 100%;
}

.ticket-overview-photo {
  display: block;
  object-fit: cover;
}

.ticket-overview-photo-placeholder {
  display: grid;
  place-items: center;
  color: var(--mvx2-muted);
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  .ticket-overview-photo-frame {
    width: 12rem;
    height: 10rem;
    min-height: 6.5rem;
    aspect-ratio: auto;
  }
}
@media (max-width: 767.98px) {
  .ticket-overview-description {
    max-height: none;
    overflow-y: visible;
  }
}
.otp-field {
  position: relative;
}

.otp-field-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: text;
}

.otp-slots {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.75rem;
}

.otp-slot {
  min-height: 3.75rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--mvx2-input-border);
  border-radius: 0.85rem;
  background-color: var(--mvx2-input-surface);
  box-shadow: 0 0.5rem 1rem var(--mvx2-shadow);
  color: var(--mvx2-ink);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.otp-slot--filled {
  border-color: rgba(221, 107, 77, 0.45);
}

.otp-slot--active,
.otp-field--focused .otp-slot--active {
  border-color: var(--mvx2-coral);
  box-shadow: 0 0 0 0.25rem rgba(221, 107, 77, 0.16);
  transform: translateY(-1px);
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: auto;
}

.nav-user {
  display: grid;
  justify-items: end;
  gap: 0.35rem;
  text-align: right;
  color: #fff;
}

.nav-user-name {
  font-weight: 700;
  line-height: 1.1;
}

.nav-user-roles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: flex-end;
}

.nav-user-role {
  padding: 0.2rem 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.app-footer {
  bottom: 0;
  border-top: 1px solid var(--mvx2-footer-border);
  color: var(--mvx2-footer-ink);
  margin-top: 0;
  padding: 0.5rem 0 calc(0.75rem + var(--mvx2-safe-area-bottom));
  text-align: center;
}
.app-footer .container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  align-items: center;
  justify-content: center;
}
.app-footer-link {
  color: var(--mvx2-footer-ink);
  text-decoration: underline;
  text-underline-offset: 0.18rem;
}
.app-footer-link:hover {
  color: #f3efe7;
}
.app-footer-theme-toggle {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
}

@media (max-width: 991.98px) {
  :root {
    --mvx2-fixed-footer-height: 0rem;
  }
  .app-footer {
    display: none;
  }
  .navbar--compact {
    flex-direction: column;
    align-items: flex-start;
  }
  .auth-header-copy {
    justify-items: start;
    text-align: left;
  }
  .otp-slots {
    gap: 0.5rem;
  }
  .otp-slot {
    min-height: 3.25rem;
    font-size: 1.3rem;
  }
  .nav-actions {
    margin-left: 0;
    padding-top: 0.5rem;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  .nav-user {
    justify-items: start;
    text-align: left;
  }
  .nav-user-roles {
    justify-content: flex-start;
  }
}
.form-floating textarea.form-control {
  min-height: 100px;
}

.form-label {
  margin-bottom: 0.1rem;
  font-size: 0.85rem;
}