/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *

 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
:root {
  --edc-fs-display: 1.7142857143rem;
  --edc-fs-title: 1.2857142857rem;
  --edc-fs-heading: 1.1428571429rem;
  --edc-fs-body: 1rem;
  --edc-fs-secondary: 0.9285714286rem;
  --edc-fs-label: 0.8571428571rem;
  --edc-fs-eyebrow: 0.7857142857rem;
  --edc-fs-fine: 0.7142857143rem;
  --edc-fs-floor: 0px;
}

html[data-edc-new] {
  --edc-fs-eyebrow: 0.8571428571rem;
  --edc-fs-floor: var(--edc-fs-label);
}

@media print {
  html[data-edc-new] {
    --edc-fs-floor: 0px;
  }
}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before,
.fa::before {
  content: var(--fa);
}

.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular {
  font-family: "Font Awesome 6 Free";
}

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-0 {
  --fa: "\30 ";
}

.fa-1 {
  --fa: "\31 ";
}

.fa-2 {
  --fa: "\32 ";
}

.fa-3 {
  --fa: "\33 ";
}

.fa-4 {
  --fa: "\34 ";
}

.fa-5 {
  --fa: "\35 ";
}

.fa-6 {
  --fa: "\36 ";
}

.fa-7 {
  --fa: "\37 ";
}

.fa-8 {
  --fa: "\38 ";
}

.fa-9 {
  --fa: "\39 ";
}

.fa-fill-drip {
  --fa: "\f576";
}

.fa-arrows-to-circle {
  --fa: "\e4bd";
}

.fa-circle-chevron-right {
  --fa: "\f138";
}

.fa-chevron-circle-right {
  --fa: "\f138";
}

.fa-at {
  --fa: "\@";
}

.fa-trash-can {
  --fa: "\f2ed";
}

.fa-trash-alt {
  --fa: "\f2ed";
}

.fa-text-height {
  --fa: "\f034";
}

.fa-user-xmark {
  --fa: "\f235";
}

.fa-user-times {
  --fa: "\f235";
}

.fa-stethoscope {
  --fa: "\f0f1";
}

.fa-message {
  --fa: "\f27a";
}

.fa-comment-alt {
  --fa: "\f27a";
}

.fa-info {
  --fa: "\f129";
}

.fa-down-left-and-up-right-to-center {
  --fa: "\f422";
}

.fa-compress-alt {
  --fa: "\f422";
}

.fa-explosion {
  --fa: "\e4e9";
}

.fa-file-lines {
  --fa: "\f15c";
}

.fa-file-alt {
  --fa: "\f15c";
}

.fa-file-text {
  --fa: "\f15c";
}

.fa-wave-square {
  --fa: "\f83e";
}

.fa-ring {
  --fa: "\f70b";
}

.fa-building-un {
  --fa: "\e4d9";
}

.fa-dice-three {
  --fa: "\f527";
}

.fa-calendar-days {
  --fa: "\f073";
}

.fa-calendar-alt {
  --fa: "\f073";
}

.fa-anchor-circle-check {
  --fa: "\e4aa";
}

.fa-building-circle-arrow-right {
  --fa: "\e4d1";
}

.fa-volleyball {
  --fa: "\f45f";
}

.fa-volleyball-ball {
  --fa: "\f45f";
}

.fa-arrows-up-to-line {
  --fa: "\e4c2";
}

.fa-sort-down {
  --fa: "\f0dd";
}

.fa-sort-desc {
  --fa: "\f0dd";
}

.fa-circle-minus {
  --fa: "\f056";
}

.fa-minus-circle {
  --fa: "\f056";
}

.fa-door-open {
  --fa: "\f52b";
}

.fa-right-from-bracket {
  --fa: "\f2f5";
}

.fa-sign-out-alt {
  --fa: "\f2f5";
}

.fa-atom {
  --fa: "\f5d2";
}

.fa-soap {
  --fa: "\e06e";
}

.fa-icons {
  --fa: "\f86d";
}

.fa-heart-music-camera-bolt {
  --fa: "\f86d";
}

.fa-microphone-lines-slash {
  --fa: "\f539";
}

.fa-microphone-alt-slash {
  --fa: "\f539";
}

.fa-bridge-circle-check {
  --fa: "\e4c9";
}

.fa-pump-medical {
  --fa: "\e06a";
}

.fa-fingerprint {
  --fa: "\f577";
}

.fa-hand-point-right {
  --fa: "\f0a4";
}

.fa-magnifying-glass-location {
  --fa: "\f689";
}

.fa-search-location {
  --fa: "\f689";
}

.fa-forward-step {
  --fa: "\f051";
}

.fa-step-forward {
  --fa: "\f051";
}

.fa-face-smile-beam {
  --fa: "\f5b8";
}

.fa-smile-beam {
  --fa: "\f5b8";
}

.fa-flag-checkered {
  --fa: "\f11e";
}

.fa-football {
  --fa: "\f44e";
}

.fa-football-ball {
  --fa: "\f44e";
}

.fa-school-circle-exclamation {
  --fa: "\e56c";
}

.fa-crop {
  --fa: "\f125";
}

.fa-angles-down {
  --fa: "\f103";
}

.fa-angle-double-down {
  --fa: "\f103";
}

.fa-users-rectangle {
  --fa: "\e594";
}

.fa-people-roof {
  --fa: "\e537";
}

.fa-people-line {
  --fa: "\e534";
}

.fa-beer-mug-empty {
  --fa: "\f0fc";
}

.fa-beer {
  --fa: "\f0fc";
}

.fa-diagram-predecessor {
  --fa: "\e477";
}

.fa-arrow-up-long {
  --fa: "\f176";
}

.fa-long-arrow-up {
  --fa: "\f176";
}

.fa-fire-flame-simple {
  --fa: "\f46a";
}

.fa-burn {
  --fa: "\f46a";
}

.fa-person {
  --fa: "\f183";
}

.fa-male {
  --fa: "\f183";
}

.fa-laptop {
  --fa: "\f109";
}

.fa-file-csv {
  --fa: "\f6dd";
}

.fa-menorah {
  --fa: "\f676";
}

.fa-truck-plane {
  --fa: "\e58f";
}

.fa-record-vinyl {
  --fa: "\f8d9";
}

.fa-face-grin-stars {
  --fa: "\f587";
}

.fa-grin-stars {
  --fa: "\f587";
}

.fa-bong {
  --fa: "\f55c";
}

.fa-spaghetti-monster-flying {
  --fa: "\f67b";
}

.fa-pastafarianism {
  --fa: "\f67b";
}

.fa-arrow-down-up-across-line {
  --fa: "\e4af";
}

.fa-spoon {
  --fa: "\f2e5";
}

.fa-utensil-spoon {
  --fa: "\f2e5";
}

.fa-jar-wheat {
  --fa: "\e517";
}

.fa-envelopes-bulk {
  --fa: "\f674";
}

.fa-mail-bulk {
  --fa: "\f674";
}

.fa-file-circle-exclamation {
  --fa: "\e4eb";
}

.fa-circle-h {
  --fa: "\f47e";
}

.fa-hospital-symbol {
  --fa: "\f47e";
}

.fa-pager {
  --fa: "\f815";
}

.fa-address-book {
  --fa: "\f2b9";
}

.fa-contact-book {
  --fa: "\f2b9";
}

.fa-strikethrough {
  --fa: "\f0cc";
}

.fa-k {
  --fa: "K";
}

.fa-landmark-flag {
  --fa: "\e51c";
}

.fa-pencil {
  --fa: "\f303";
}

.fa-pencil-alt {
  --fa: "\f303";
}

.fa-backward {
  --fa: "\f04a";
}

.fa-caret-right {
  --fa: "\f0da";
}

.fa-comments {
  --fa: "\f086";
}

.fa-paste {
  --fa: "\f0ea";
}

.fa-file-clipboard {
  --fa: "\f0ea";
}

.fa-code-pull-request {
  --fa: "\e13c";
}

.fa-clipboard-list {
  --fa: "\f46d";
}

.fa-truck-ramp-box {
  --fa: "\f4de";
}

.fa-truck-loading {
  --fa: "\f4de";
}

.fa-user-check {
  --fa: "\f4fc";
}

.fa-vial-virus {
  --fa: "\e597";
}

.fa-sheet-plastic {
  --fa: "\e571";
}

.fa-blog {
  --fa: "\f781";
}

.fa-user-ninja {
  --fa: "\f504";
}

.fa-person-arrow-up-from-line {
  --fa: "\e539";
}

.fa-scroll-torah {
  --fa: "\f6a0";
}

.fa-torah {
  --fa: "\f6a0";
}

.fa-broom-ball {
  --fa: "\f458";
}

.fa-quidditch {
  --fa: "\f458";
}

.fa-quidditch-broom-ball {
  --fa: "\f458";
}

.fa-toggle-off {
  --fa: "\f204";
}

.fa-box-archive {
  --fa: "\f187";
}

.fa-archive {
  --fa: "\f187";
}

.fa-person-drowning {
  --fa: "\e545";
}

.fa-arrow-down-9-1 {
  --fa: "\f886";
}

.fa-sort-numeric-desc {
  --fa: "\f886";
}

.fa-sort-numeric-down-alt {
  --fa: "\f886";
}

.fa-face-grin-tongue-squint {
  --fa: "\f58a";
}

.fa-grin-tongue-squint {
  --fa: "\f58a";
}

.fa-spray-can {
  --fa: "\f5bd";
}

.fa-truck-monster {
  --fa: "\f63b";
}

.fa-w {
  --fa: "W";
}

.fa-earth-africa {
  --fa: "\f57c";
}

.fa-globe-africa {
  --fa: "\f57c";
}

.fa-rainbow {
  --fa: "\f75b";
}

.fa-circle-notch {
  --fa: "\f1ce";
}

.fa-tablet-screen-button {
  --fa: "\f3fa";
}

.fa-tablet-alt {
  --fa: "\f3fa";
}

.fa-paw {
  --fa: "\f1b0";
}

.fa-cloud {
  --fa: "\f0c2";
}

.fa-trowel-bricks {
  --fa: "\e58a";
}

.fa-face-flushed {
  --fa: "\f579";
}

.fa-flushed {
  --fa: "\f579";
}

.fa-hospital-user {
  --fa: "\f80d";
}

.fa-tent-arrow-left-right {
  --fa: "\e57f";
}

.fa-gavel {
  --fa: "\f0e3";
}

.fa-legal {
  --fa: "\f0e3";
}

.fa-binoculars {
  --fa: "\f1e5";
}

.fa-microphone-slash {
  --fa: "\f131";
}

.fa-box-tissue {
  --fa: "\e05b";
}

.fa-motorcycle {
  --fa: "\f21c";
}

.fa-bell-concierge {
  --fa: "\f562";
}

.fa-concierge-bell {
  --fa: "\f562";
}

.fa-pen-ruler {
  --fa: "\f5ae";
}

.fa-pencil-ruler {
  --fa: "\f5ae";
}

.fa-people-arrows {
  --fa: "\e068";
}

.fa-people-arrows-left-right {
  --fa: "\e068";
}

.fa-mars-and-venus-burst {
  --fa: "\e523";
}

.fa-square-caret-right {
  --fa: "\f152";
}

.fa-caret-square-right {
  --fa: "\f152";
}

.fa-scissors {
  --fa: "\f0c4";
}

.fa-cut {
  --fa: "\f0c4";
}

.fa-sun-plant-wilt {
  --fa: "\e57a";
}

.fa-toilets-portable {
  --fa: "\e584";
}

.fa-hockey-puck {
  --fa: "\f453";
}

.fa-table {
  --fa: "\f0ce";
}

.fa-magnifying-glass-arrow-right {
  --fa: "\e521";
}

.fa-tachograph-digital {
  --fa: "\f566";
}

.fa-digital-tachograph {
  --fa: "\f566";
}

.fa-users-slash {
  --fa: "\e073";
}

.fa-clover {
  --fa: "\e139";
}

.fa-reply {
  --fa: "\f3e5";
}

.fa-mail-reply {
  --fa: "\f3e5";
}

.fa-star-and-crescent {
  --fa: "\f699";
}

.fa-house-fire {
  --fa: "\e50c";
}

.fa-square-minus {
  --fa: "\f146";
}

.fa-minus-square {
  --fa: "\f146";
}

.fa-helicopter {
  --fa: "\f533";
}

.fa-compass {
  --fa: "\f14e";
}

.fa-square-caret-down {
  --fa: "\f150";
}

.fa-caret-square-down {
  --fa: "\f150";
}

.fa-file-circle-question {
  --fa: "\e4ef";
}

.fa-laptop-code {
  --fa: "\f5fc";
}

.fa-swatchbook {
  --fa: "\f5c3";
}

.fa-prescription-bottle {
  --fa: "\f485";
}

.fa-bars {
  --fa: "\f0c9";
}

.fa-navicon {
  --fa: "\f0c9";
}

.fa-people-group {
  --fa: "\e533";
}

.fa-hourglass-end {
  --fa: "\f253";
}

.fa-hourglass-3 {
  --fa: "\f253";
}

.fa-heart-crack {
  --fa: "\f7a9";
}

.fa-heart-broken {
  --fa: "\f7a9";
}

.fa-square-up-right {
  --fa: "\f360";
}

.fa-external-link-square-alt {
  --fa: "\f360";
}

.fa-face-kiss-beam {
  --fa: "\f597";
}

.fa-kiss-beam {
  --fa: "\f597";
}

.fa-film {
  --fa: "\f008";
}

.fa-ruler-horizontal {
  --fa: "\f547";
}

.fa-people-robbery {
  --fa: "\e536";
}

.fa-lightbulb {
  --fa: "\f0eb";
}

.fa-caret-left {
  --fa: "\f0d9";
}

.fa-circle-exclamation {
  --fa: "\f06a";
}

.fa-exclamation-circle {
  --fa: "\f06a";
}

.fa-school-circle-xmark {
  --fa: "\e56d";
}

.fa-arrow-right-from-bracket {
  --fa: "\f08b";
}

.fa-sign-out {
  --fa: "\f08b";
}

.fa-circle-chevron-down {
  --fa: "\f13a";
}

.fa-chevron-circle-down {
  --fa: "\f13a";
}

.fa-unlock-keyhole {
  --fa: "\f13e";
}

.fa-unlock-alt {
  --fa: "\f13e";
}

.fa-cloud-showers-heavy {
  --fa: "\f740";
}

.fa-headphones-simple {
  --fa: "\f58f";
}

.fa-headphones-alt {
  --fa: "\f58f";
}

.fa-sitemap {
  --fa: "\f0e8";
}

.fa-circle-dollar-to-slot {
  --fa: "\f4b9";
}

.fa-donate {
  --fa: "\f4b9";
}

.fa-memory {
  --fa: "\f538";
}

.fa-road-spikes {
  --fa: "\e568";
}

.fa-fire-burner {
  --fa: "\e4f1";
}

.fa-flag {
  --fa: "\f024";
}

.fa-hanukiah {
  --fa: "\f6e6";
}

.fa-feather {
  --fa: "\f52d";
}

.fa-volume-low {
  --fa: "\f027";
}

.fa-volume-down {
  --fa: "\f027";
}

.fa-comment-slash {
  --fa: "\f4b3";
}

.fa-cloud-sun-rain {
  --fa: "\f743";
}

.fa-compress {
  --fa: "\f066";
}

.fa-wheat-awn {
  --fa: "\e2cd";
}

.fa-wheat-alt {
  --fa: "\e2cd";
}

.fa-ankh {
  --fa: "\f644";
}

.fa-hands-holding-child {
  --fa: "\e4fa";
}

.fa-asterisk {
  --fa: "\*";
}

.fa-square-check {
  --fa: "\f14a";
}

.fa-check-square {
  --fa: "\f14a";
}

.fa-peseta-sign {
  --fa: "\e221";
}

.fa-heading {
  --fa: "\f1dc";
}

.fa-header {
  --fa: "\f1dc";
}

.fa-ghost {
  --fa: "\f6e2";
}

.fa-list {
  --fa: "\f03a";
}

.fa-list-squares {
  --fa: "\f03a";
}

.fa-square-phone-flip {
  --fa: "\f87b";
}

.fa-phone-square-alt {
  --fa: "\f87b";
}

.fa-cart-plus {
  --fa: "\f217";
}

.fa-gamepad {
  --fa: "\f11b";
}

.fa-circle-dot {
  --fa: "\f192";
}

.fa-dot-circle {
  --fa: "\f192";
}

.fa-face-dizzy {
  --fa: "\f567";
}

.fa-dizzy {
  --fa: "\f567";
}

.fa-egg {
  --fa: "\f7fb";
}

.fa-house-medical-circle-xmark {
  --fa: "\e513";
}

.fa-campground {
  --fa: "\f6bb";
}

.fa-folder-plus {
  --fa: "\f65e";
}

.fa-futbol {
  --fa: "\f1e3";
}

.fa-futbol-ball {
  --fa: "\f1e3";
}

.fa-soccer-ball {
  --fa: "\f1e3";
}

.fa-paintbrush {
  --fa: "\f1fc";
}

.fa-paint-brush {
  --fa: "\f1fc";
}

.fa-lock {
  --fa: "\f023";
}

.fa-gas-pump {
  --fa: "\f52f";
}

.fa-hot-tub-person {
  --fa: "\f593";
}

.fa-hot-tub {
  --fa: "\f593";
}

.fa-map-location {
  --fa: "\f59f";
}

.fa-map-marked {
  --fa: "\f59f";
}

.fa-house-flood-water {
  --fa: "\e50e";
}

.fa-tree {
  --fa: "\f1bb";
}

.fa-bridge-lock {
  --fa: "\e4cc";
}

.fa-sack-dollar {
  --fa: "\f81d";
}

.fa-pen-to-square {
  --fa: "\f044";
}

.fa-edit {
  --fa: "\f044";
}

.fa-car-side {
  --fa: "\f5e4";
}

.fa-share-nodes {
  --fa: "\f1e0";
}

.fa-share-alt {
  --fa: "\f1e0";
}

.fa-heart-circle-minus {
  --fa: "\e4ff";
}

.fa-hourglass-half {
  --fa: "\f252";
}

.fa-hourglass-2 {
  --fa: "\f252";
}

.fa-microscope {
  --fa: "\f610";
}

.fa-sink {
  --fa: "\e06d";
}

.fa-bag-shopping {
  --fa: "\f290";
}

.fa-shopping-bag {
  --fa: "\f290";
}

.fa-arrow-down-z-a {
  --fa: "\f881";
}

.fa-sort-alpha-desc {
  --fa: "\f881";
}

.fa-sort-alpha-down-alt {
  --fa: "\f881";
}

.fa-mitten {
  --fa: "\f7b5";
}

.fa-person-rays {
  --fa: "\e54d";
}

.fa-users {
  --fa: "\f0c0";
}

.fa-eye-slash {
  --fa: "\f070";
}

.fa-flask-vial {
  --fa: "\e4f3";
}

.fa-hand {
  --fa: "\f256";
}

.fa-hand-paper {
  --fa: "\f256";
}

.fa-om {
  --fa: "\f679";
}

.fa-worm {
  --fa: "\e599";
}

.fa-house-circle-xmark {
  --fa: "\e50b";
}

.fa-plug {
  --fa: "\f1e6";
}

.fa-chevron-up {
  --fa: "\f077";
}

.fa-hand-spock {
  --fa: "\f259";
}

.fa-stopwatch {
  --fa: "\f2f2";
}

.fa-face-kiss {
  --fa: "\f596";
}

.fa-kiss {
  --fa: "\f596";
}

.fa-bridge-circle-xmark {
  --fa: "\e4cb";
}

.fa-face-grin-tongue {
  --fa: "\f589";
}

.fa-grin-tongue {
  --fa: "\f589";
}

.fa-chess-bishop {
  --fa: "\f43a";
}

.fa-face-grin-wink {
  --fa: "\f58c";
}

.fa-grin-wink {
  --fa: "\f58c";
}

.fa-ear-deaf {
  --fa: "\f2a4";
}

.fa-deaf {
  --fa: "\f2a4";
}

.fa-deafness {
  --fa: "\f2a4";
}

.fa-hard-of-hearing {
  --fa: "\f2a4";
}

.fa-road-circle-check {
  --fa: "\e564";
}

.fa-dice-five {
  --fa: "\f523";
}

.fa-square-rss {
  --fa: "\f143";
}

.fa-rss-square {
  --fa: "\f143";
}

.fa-land-mine-on {
  --fa: "\e51b";
}

.fa-i-cursor {
  --fa: "\f246";
}

.fa-stamp {
  --fa: "\f5bf";
}

.fa-stairs {
  --fa: "\e289";
}

.fa-i {
  --fa: "I";
}

.fa-hryvnia-sign {
  --fa: "\f6f2";
}

.fa-hryvnia {
  --fa: "\f6f2";
}

.fa-pills {
  --fa: "\f484";
}

.fa-face-grin-wide {
  --fa: "\f581";
}

.fa-grin-alt {
  --fa: "\f581";
}

.fa-tooth {
  --fa: "\f5c9";
}

.fa-v {
  --fa: "V";
}

.fa-bangladeshi-taka-sign {
  --fa: "\e2e6";
}

.fa-bicycle {
  --fa: "\f206";
}

.fa-staff-snake {
  --fa: "\e579";
}

.fa-rod-asclepius {
  --fa: "\e579";
}

.fa-rod-snake {
  --fa: "\e579";
}

.fa-staff-aesculapius {
  --fa: "\e579";
}

.fa-head-side-cough-slash {
  --fa: "\e062";
}

.fa-truck-medical {
  --fa: "\f0f9";
}

.fa-ambulance {
  --fa: "\f0f9";
}

.fa-wheat-awn-circle-exclamation {
  --fa: "\e598";
}

.fa-snowman {
  --fa: "\f7d0";
}

.fa-mortar-pestle {
  --fa: "\f5a7";
}

.fa-road-barrier {
  --fa: "\e562";
}

.fa-school {
  --fa: "\f549";
}

.fa-igloo {
  --fa: "\f7ae";
}

.fa-joint {
  --fa: "\f595";
}

.fa-angle-right {
  --fa: "\f105";
}

.fa-horse {
  --fa: "\f6f0";
}

.fa-q {
  --fa: "Q";
}

.fa-g {
  --fa: "G";
}

.fa-notes-medical {
  --fa: "\f481";
}

.fa-temperature-half {
  --fa: "\f2c9";
}

.fa-temperature-2 {
  --fa: "\f2c9";
}

.fa-thermometer-2 {
  --fa: "\f2c9";
}

.fa-thermometer-half {
  --fa: "\f2c9";
}

.fa-dong-sign {
  --fa: "\e169";
}

.fa-capsules {
  --fa: "\f46b";
}

.fa-poo-storm {
  --fa: "\f75a";
}

.fa-poo-bolt {
  --fa: "\f75a";
}

.fa-face-frown-open {
  --fa: "\f57a";
}

.fa-frown-open {
  --fa: "\f57a";
}

.fa-hand-point-up {
  --fa: "\f0a6";
}

.fa-money-bill {
  --fa: "\f0d6";
}

.fa-bookmark {
  --fa: "\f02e";
}

.fa-align-justify {
  --fa: "\f039";
}

.fa-umbrella-beach {
  --fa: "\f5ca";
}

.fa-helmet-un {
  --fa: "\e503";
}

.fa-bullseye {
  --fa: "\f140";
}

.fa-bacon {
  --fa: "\f7e5";
}

.fa-hand-point-down {
  --fa: "\f0a7";
}

.fa-arrow-up-from-bracket {
  --fa: "\e09a";
}

.fa-folder {
  --fa: "\f07b";
}

.fa-folder-blank {
  --fa: "\f07b";
}

.fa-file-waveform {
  --fa: "\f478";
}

.fa-file-medical-alt {
  --fa: "\f478";
}

.fa-radiation {
  --fa: "\f7b9";
}

.fa-chart-simple {
  --fa: "\e473";
}

.fa-mars-stroke {
  --fa: "\f229";
}

.fa-vial {
  --fa: "\f492";
}

.fa-gauge {
  --fa: "\f624";
}

.fa-dashboard {
  --fa: "\f624";
}

.fa-gauge-med {
  --fa: "\f624";
}

.fa-tachometer-alt-average {
  --fa: "\f624";
}

.fa-wand-magic-sparkles {
  --fa: "\e2ca";
}

.fa-magic-wand-sparkles {
  --fa: "\e2ca";
}

.fa-e {
  --fa: "E";
}

.fa-pen-clip {
  --fa: "\f305";
}

.fa-pen-alt {
  --fa: "\f305";
}

.fa-bridge-circle-exclamation {
  --fa: "\e4ca";
}

.fa-user {
  --fa: "\f007";
}

.fa-school-circle-check {
  --fa: "\e56b";
}

.fa-dumpster {
  --fa: "\f793";
}

.fa-van-shuttle {
  --fa: "\f5b6";
}

.fa-shuttle-van {
  --fa: "\f5b6";
}

.fa-building-user {
  --fa: "\e4da";
}

.fa-square-caret-left {
  --fa: "\f191";
}

.fa-caret-square-left {
  --fa: "\f191";
}

.fa-highlighter {
  --fa: "\f591";
}

.fa-key {
  --fa: "\f084";
}

.fa-bullhorn {
  --fa: "\f0a1";
}

.fa-globe {
  --fa: "\f0ac";
}

.fa-synagogue {
  --fa: "\f69b";
}

.fa-person-half-dress {
  --fa: "\e548";
}

.fa-road-bridge {
  --fa: "\e563";
}

.fa-location-arrow {
  --fa: "\f124";
}

.fa-c {
  --fa: "C";
}

.fa-tablet-button {
  --fa: "\f10a";
}

.fa-building-lock {
  --fa: "\e4d6";
}

.fa-pizza-slice {
  --fa: "\f818";
}

.fa-money-bill-wave {
  --fa: "\f53a";
}

.fa-chart-area {
  --fa: "\f1fe";
}

.fa-area-chart {
  --fa: "\f1fe";
}

.fa-house-flag {
  --fa: "\e50d";
}

.fa-person-circle-minus {
  --fa: "\e540";
}

.fa-ban {
  --fa: "\f05e";
}

.fa-cancel {
  --fa: "\f05e";
}

.fa-camera-rotate {
  --fa: "\e0d8";
}

.fa-spray-can-sparkles {
  --fa: "\f5d0";
}

.fa-air-freshener {
  --fa: "\f5d0";
}

.fa-star {
  --fa: "\f005";
}

.fa-repeat {
  --fa: "\f363";
}

.fa-cross {
  --fa: "\f654";
}

.fa-box {
  --fa: "\f466";
}

.fa-venus-mars {
  --fa: "\f228";
}

.fa-arrow-pointer {
  --fa: "\f245";
}

.fa-mouse-pointer {
  --fa: "\f245";
}

.fa-maximize {
  --fa: "\f31e";
}

.fa-expand-arrows-alt {
  --fa: "\f31e";
}

.fa-charging-station {
  --fa: "\f5e7";
}

.fa-shapes {
  --fa: "\f61f";
}

.fa-triangle-circle-square {
  --fa: "\f61f";
}

.fa-shuffle {
  --fa: "\f074";
}

.fa-random {
  --fa: "\f074";
}

.fa-person-running {
  --fa: "\f70c";
}

.fa-running {
  --fa: "\f70c";
}

.fa-mobile-retro {
  --fa: "\e527";
}

.fa-grip-lines-vertical {
  --fa: "\f7a5";
}

.fa-spider {
  --fa: "\f717";
}

.fa-hands-bound {
  --fa: "\e4f9";
}

.fa-file-invoice-dollar {
  --fa: "\f571";
}

.fa-plane-circle-exclamation {
  --fa: "\e556";
}

.fa-x-ray {
  --fa: "\f497";
}

.fa-spell-check {
  --fa: "\f891";
}

.fa-slash {
  --fa: "\f715";
}

.fa-computer-mouse {
  --fa: "\f8cc";
}

.fa-mouse {
  --fa: "\f8cc";
}

.fa-arrow-right-to-bracket {
  --fa: "\f090";
}

.fa-sign-in {
  --fa: "\f090";
}

.fa-shop-slash {
  --fa: "\e070";
}

.fa-store-alt-slash {
  --fa: "\e070";
}

.fa-server {
  --fa: "\f233";
}

.fa-virus-covid-slash {
  --fa: "\e4a9";
}

.fa-shop-lock {
  --fa: "\e4a5";
}

.fa-hourglass-start {
  --fa: "\f251";
}

.fa-hourglass-1 {
  --fa: "\f251";
}

.fa-blender-phone {
  --fa: "\f6b6";
}

.fa-building-wheat {
  --fa: "\e4db";
}

.fa-person-breastfeeding {
  --fa: "\e53a";
}

.fa-right-to-bracket {
  --fa: "\f2f6";
}

.fa-sign-in-alt {
  --fa: "\f2f6";
}

.fa-venus {
  --fa: "\f221";
}

.fa-passport {
  --fa: "\f5ab";
}

.fa-thumbtack-slash {
  --fa: "\e68f";
}

.fa-thumb-tack-slash {
  --fa: "\e68f";
}

.fa-heart-pulse {
  --fa: "\f21e";
}

.fa-heartbeat {
  --fa: "\f21e";
}

.fa-people-carry-box {
  --fa: "\f4ce";
}

.fa-people-carry {
  --fa: "\f4ce";
}

.fa-temperature-high {
  --fa: "\f769";
}

.fa-microchip {
  --fa: "\f2db";
}

.fa-crown {
  --fa: "\f521";
}

.fa-weight-hanging {
  --fa: "\f5cd";
}

.fa-xmarks-lines {
  --fa: "\e59a";
}

.fa-file-prescription {
  --fa: "\f572";
}

.fa-weight-scale {
  --fa: "\f496";
}

.fa-weight {
  --fa: "\f496";
}

.fa-user-group {
  --fa: "\f500";
}

.fa-user-friends {
  --fa: "\f500";
}

.fa-arrow-up-a-z {
  --fa: "\f15e";
}

.fa-sort-alpha-up {
  --fa: "\f15e";
}

.fa-chess-knight {
  --fa: "\f441";
}

.fa-face-laugh-squint {
  --fa: "\f59b";
}

.fa-laugh-squint {
  --fa: "\f59b";
}

.fa-wheelchair {
  --fa: "\f193";
}

.fa-circle-arrow-up {
  --fa: "\f0aa";
}

.fa-arrow-circle-up {
  --fa: "\f0aa";
}

.fa-toggle-on {
  --fa: "\f205";
}

.fa-person-walking {
  --fa: "\f554";
}

.fa-walking {
  --fa: "\f554";
}

.fa-l {
  --fa: "L";
}

.fa-fire {
  --fa: "\f06d";
}

.fa-bed-pulse {
  --fa: "\f487";
}

.fa-procedures {
  --fa: "\f487";
}

.fa-shuttle-space {
  --fa: "\f197";
}

.fa-space-shuttle {
  --fa: "\f197";
}

.fa-face-laugh {
  --fa: "\f599";
}

.fa-laugh {
  --fa: "\f599";
}

.fa-folder-open {
  --fa: "\f07c";
}

.fa-heart-circle-plus {
  --fa: "\e500";
}

.fa-code-fork {
  --fa: "\e13b";
}

.fa-city {
  --fa: "\f64f";
}

.fa-microphone-lines {
  --fa: "\f3c9";
}

.fa-microphone-alt {
  --fa: "\f3c9";
}

.fa-pepper-hot {
  --fa: "\f816";
}

.fa-unlock {
  --fa: "\f09c";
}

.fa-colon-sign {
  --fa: "\e140";
}

.fa-headset {
  --fa: "\f590";
}

.fa-store-slash {
  --fa: "\e071";
}

.fa-road-circle-xmark {
  --fa: "\e566";
}

.fa-user-minus {
  --fa: "\f503";
}

.fa-mars-stroke-up {
  --fa: "\f22a";
}

.fa-mars-stroke-v {
  --fa: "\f22a";
}

.fa-champagne-glasses {
  --fa: "\f79f";
}

.fa-glass-cheers {
  --fa: "\f79f";
}

.fa-clipboard {
  --fa: "\f328";
}

.fa-house-circle-exclamation {
  --fa: "\e50a";
}

.fa-file-arrow-up {
  --fa: "\f574";
}

.fa-file-upload {
  --fa: "\f574";
}

.fa-wifi {
  --fa: "\f1eb";
}

.fa-wifi-3 {
  --fa: "\f1eb";
}

.fa-wifi-strong {
  --fa: "\f1eb";
}

.fa-bath {
  --fa: "\f2cd";
}

.fa-bathtub {
  --fa: "\f2cd";
}

.fa-underline {
  --fa: "\f0cd";
}

.fa-user-pen {
  --fa: "\f4ff";
}

.fa-user-edit {
  --fa: "\f4ff";
}

.fa-signature {
  --fa: "\f5b7";
}

.fa-stroopwafel {
  --fa: "\f551";
}

.fa-bold {
  --fa: "\f032";
}

.fa-anchor-lock {
  --fa: "\e4ad";
}

.fa-building-ngo {
  --fa: "\e4d7";
}

.fa-manat-sign {
  --fa: "\e1d5";
}

.fa-not-equal {
  --fa: "\f53e";
}

.fa-border-top-left {
  --fa: "\f853";
}

.fa-border-style {
  --fa: "\f853";
}

.fa-map-location-dot {
  --fa: "\f5a0";
}

.fa-map-marked-alt {
  --fa: "\f5a0";
}

.fa-jedi {
  --fa: "\f669";
}

.fa-square-poll-vertical {
  --fa: "\f681";
}

.fa-poll {
  --fa: "\f681";
}

.fa-mug-hot {
  --fa: "\f7b6";
}

.fa-car-battery {
  --fa: "\f5df";
}

.fa-battery-car {
  --fa: "\f5df";
}

.fa-gift {
  --fa: "\f06b";
}

.fa-dice-two {
  --fa: "\f528";
}

.fa-chess-queen {
  --fa: "\f445";
}

.fa-glasses {
  --fa: "\f530";
}

.fa-chess-board {
  --fa: "\f43c";
}

.fa-building-circle-check {
  --fa: "\e4d2";
}

.fa-person-chalkboard {
  --fa: "\e53d";
}

.fa-mars-stroke-right {
  --fa: "\f22b";
}

.fa-mars-stroke-h {
  --fa: "\f22b";
}

.fa-hand-back-fist {
  --fa: "\f255";
}

.fa-hand-rock {
  --fa: "\f255";
}

.fa-square-caret-up {
  --fa: "\f151";
}

.fa-caret-square-up {
  --fa: "\f151";
}

.fa-cloud-showers-water {
  --fa: "\e4e4";
}

.fa-chart-bar {
  --fa: "\f080";
}

.fa-bar-chart {
  --fa: "\f080";
}

.fa-hands-bubbles {
  --fa: "\e05e";
}

.fa-hands-wash {
  --fa: "\e05e";
}

.fa-less-than-equal {
  --fa: "\f537";
}

.fa-train {
  --fa: "\f238";
}

.fa-eye-low-vision {
  --fa: "\f2a8";
}

.fa-low-vision {
  --fa: "\f2a8";
}

.fa-crow {
  --fa: "\f520";
}

.fa-sailboat {
  --fa: "\e445";
}

.fa-window-restore {
  --fa: "\f2d2";
}

.fa-square-plus {
  --fa: "\f0fe";
}

.fa-plus-square {
  --fa: "\f0fe";
}

.fa-torii-gate {
  --fa: "\f6a1";
}

.fa-frog {
  --fa: "\f52e";
}

.fa-bucket {
  --fa: "\e4cf";
}

.fa-image {
  --fa: "\f03e";
}

.fa-microphone {
  --fa: "\f130";
}

.fa-cow {
  --fa: "\f6c8";
}

.fa-caret-up {
  --fa: "\f0d8";
}

.fa-screwdriver {
  --fa: "\f54a";
}

.fa-folder-closed {
  --fa: "\e185";
}

.fa-house-tsunami {
  --fa: "\e515";
}

.fa-square-nfi {
  --fa: "\e576";
}

.fa-arrow-up-from-ground-water {
  --fa: "\e4b5";
}

.fa-martini-glass {
  --fa: "\f57b";
}

.fa-glass-martini-alt {
  --fa: "\f57b";
}

.fa-square-binary {
  --fa: "\e69b";
}

.fa-rotate-left {
  --fa: "\f2ea";
}

.fa-rotate-back {
  --fa: "\f2ea";
}

.fa-rotate-backward {
  --fa: "\f2ea";
}

.fa-undo-alt {
  --fa: "\f2ea";
}

.fa-table-columns {
  --fa: "\f0db";
}

.fa-columns {
  --fa: "\f0db";
}

.fa-lemon {
  --fa: "\f094";
}

.fa-head-side-mask {
  --fa: "\e063";
}

.fa-handshake {
  --fa: "\f2b5";
}

.fa-gem {
  --fa: "\f3a5";
}

.fa-dolly {
  --fa: "\f472";
}

.fa-dolly-box {
  --fa: "\f472";
}

.fa-smoking {
  --fa: "\f48d";
}

.fa-minimize {
  --fa: "\f78c";
}

.fa-compress-arrows-alt {
  --fa: "\f78c";
}

.fa-monument {
  --fa: "\f5a6";
}

.fa-snowplow {
  --fa: "\f7d2";
}

.fa-angles-right {
  --fa: "\f101";
}

.fa-angle-double-right {
  --fa: "\f101";
}

.fa-cannabis {
  --fa: "\f55f";
}

.fa-circle-play {
  --fa: "\f144";
}

.fa-play-circle {
  --fa: "\f144";
}

.fa-tablets {
  --fa: "\f490";
}

.fa-ethernet {
  --fa: "\f796";
}

.fa-euro-sign {
  --fa: "\f153";
}

.fa-eur {
  --fa: "\f153";
}

.fa-euro {
  --fa: "\f153";
}

.fa-chair {
  --fa: "\f6c0";
}

.fa-circle-check {
  --fa: "\f058";
}

.fa-check-circle {
  --fa: "\f058";
}

.fa-circle-stop {
  --fa: "\f28d";
}

.fa-stop-circle {
  --fa: "\f28d";
}

.fa-compass-drafting {
  --fa: "\f568";
}

.fa-drafting-compass {
  --fa: "\f568";
}

.fa-plate-wheat {
  --fa: "\e55a";
}

.fa-icicles {
  --fa: "\f7ad";
}

.fa-person-shelter {
  --fa: "\e54f";
}

.fa-neuter {
  --fa: "\f22c";
}

.fa-id-badge {
  --fa: "\f2c1";
}

.fa-marker {
  --fa: "\f5a1";
}

.fa-face-laugh-beam {
  --fa: "\f59a";
}

.fa-laugh-beam {
  --fa: "\f59a";
}

.fa-helicopter-symbol {
  --fa: "\e502";
}

.fa-universal-access {
  --fa: "\f29a";
}

.fa-circle-chevron-up {
  --fa: "\f139";
}

.fa-chevron-circle-up {
  --fa: "\f139";
}

.fa-lari-sign {
  --fa: "\e1c8";
}

.fa-volcano {
  --fa: "\f770";
}

.fa-person-walking-dashed-line-arrow-right {
  --fa: "\e553";
}

.fa-sterling-sign {
  --fa: "\f154";
}

.fa-gbp {
  --fa: "\f154";
}

.fa-pound-sign {
  --fa: "\f154";
}

.fa-viruses {
  --fa: "\e076";
}

.fa-square-person-confined {
  --fa: "\e577";
}

.fa-user-tie {
  --fa: "\f508";
}

.fa-arrow-down-long {
  --fa: "\f175";
}

.fa-long-arrow-down {
  --fa: "\f175";
}

.fa-tent-arrow-down-to-line {
  --fa: "\e57e";
}

.fa-certificate {
  --fa: "\f0a3";
}

.fa-reply-all {
  --fa: "\f122";
}

.fa-mail-reply-all {
  --fa: "\f122";
}

.fa-suitcase {
  --fa: "\f0f2";
}

.fa-person-skating {
  --fa: "\f7c5";
}

.fa-skating {
  --fa: "\f7c5";
}

.fa-filter-circle-dollar {
  --fa: "\f662";
}

.fa-funnel-dollar {
  --fa: "\f662";
}

.fa-camera-retro {
  --fa: "\f083";
}

.fa-circle-arrow-down {
  --fa: "\f0ab";
}

.fa-arrow-circle-down {
  --fa: "\f0ab";
}

.fa-file-import {
  --fa: "\f56f";
}

.fa-arrow-right-to-file {
  --fa: "\f56f";
}

.fa-square-arrow-up-right {
  --fa: "\f14c";
}

.fa-external-link-square {
  --fa: "\f14c";
}

.fa-box-open {
  --fa: "\f49e";
}

.fa-scroll {
  --fa: "\f70e";
}

.fa-spa {
  --fa: "\f5bb";
}

.fa-location-pin-lock {
  --fa: "\e51f";
}

.fa-pause {
  --fa: "\f04c";
}

.fa-hill-avalanche {
  --fa: "\e507";
}

.fa-temperature-empty {
  --fa: "\f2cb";
}

.fa-temperature-0 {
  --fa: "\f2cb";
}

.fa-thermometer-0 {
  --fa: "\f2cb";
}

.fa-thermometer-empty {
  --fa: "\f2cb";
}

.fa-bomb {
  --fa: "\f1e2";
}

.fa-registered {
  --fa: "\f25d";
}

.fa-address-card {
  --fa: "\f2bb";
}

.fa-contact-card {
  --fa: "\f2bb";
}

.fa-vcard {
  --fa: "\f2bb";
}

.fa-scale-unbalanced-flip {
  --fa: "\f516";
}

.fa-balance-scale-right {
  --fa: "\f516";
}

.fa-subscript {
  --fa: "\f12c";
}

.fa-diamond-turn-right {
  --fa: "\f5eb";
}

.fa-directions {
  --fa: "\f5eb";
}

.fa-burst {
  --fa: "\e4dc";
}

.fa-house-laptop {
  --fa: "\e066";
}

.fa-laptop-house {
  --fa: "\e066";
}

.fa-face-tired {
  --fa: "\f5c8";
}

.fa-tired {
  --fa: "\f5c8";
}

.fa-money-bills {
  --fa: "\e1f3";
}

.fa-smog {
  --fa: "\f75f";
}

.fa-crutch {
  --fa: "\f7f7";
}

.fa-cloud-arrow-up {
  --fa: "\f0ee";
}

.fa-cloud-upload {
  --fa: "\f0ee";
}

.fa-cloud-upload-alt {
  --fa: "\f0ee";
}

.fa-palette {
  --fa: "\f53f";
}

.fa-arrows-turn-right {
  --fa: "\e4c0";
}

.fa-vest {
  --fa: "\e085";
}

.fa-ferry {
  --fa: "\e4ea";
}

.fa-arrows-down-to-people {
  --fa: "\e4b9";
}

.fa-seedling {
  --fa: "\f4d8";
}

.fa-sprout {
  --fa: "\f4d8";
}

.fa-left-right {
  --fa: "\f337";
}

.fa-arrows-alt-h {
  --fa: "\f337";
}

.fa-boxes-packing {
  --fa: "\e4c7";
}

.fa-circle-arrow-left {
  --fa: "\f0a8";
}

.fa-arrow-circle-left {
  --fa: "\f0a8";
}

.fa-group-arrows-rotate {
  --fa: "\e4f6";
}

.fa-bowl-food {
  --fa: "\e4c6";
}

.fa-candy-cane {
  --fa: "\f786";
}

.fa-arrow-down-wide-short {
  --fa: "\f160";
}

.fa-sort-amount-asc {
  --fa: "\f160";
}

.fa-sort-amount-down {
  --fa: "\f160";
}

.fa-cloud-bolt {
  --fa: "\f76c";
}

.fa-thunderstorm {
  --fa: "\f76c";
}

.fa-text-slash {
  --fa: "\f87d";
}

.fa-remove-format {
  --fa: "\f87d";
}

.fa-face-smile-wink {
  --fa: "\f4da";
}

.fa-smile-wink {
  --fa: "\f4da";
}

.fa-file-word {
  --fa: "\f1c2";
}

.fa-file-powerpoint {
  --fa: "\f1c4";
}

.fa-arrows-left-right {
  --fa: "\f07e";
}

.fa-arrows-h {
  --fa: "\f07e";
}

.fa-house-lock {
  --fa: "\e510";
}

.fa-cloud-arrow-down {
  --fa: "\f0ed";
}

.fa-cloud-download {
  --fa: "\f0ed";
}

.fa-cloud-download-alt {
  --fa: "\f0ed";
}

.fa-children {
  --fa: "\e4e1";
}

.fa-chalkboard {
  --fa: "\f51b";
}

.fa-blackboard {
  --fa: "\f51b";
}

.fa-user-large-slash {
  --fa: "\f4fa";
}

.fa-user-alt-slash {
  --fa: "\f4fa";
}

.fa-envelope-open {
  --fa: "\f2b6";
}

.fa-handshake-simple-slash {
  --fa: "\e05f";
}

.fa-handshake-alt-slash {
  --fa: "\e05f";
}

.fa-mattress-pillow {
  --fa: "\e525";
}

.fa-guarani-sign {
  --fa: "\e19a";
}

.fa-arrows-rotate {
  --fa: "\f021";
}

.fa-refresh {
  --fa: "\f021";
}

.fa-sync {
  --fa: "\f021";
}

.fa-fire-extinguisher {
  --fa: "\f134";
}

.fa-cruzeiro-sign {
  --fa: "\e152";
}

.fa-greater-than-equal {
  --fa: "\f532";
}

.fa-shield-halved {
  --fa: "\f3ed";
}

.fa-shield-alt {
  --fa: "\f3ed";
}

.fa-book-atlas {
  --fa: "\f558";
}

.fa-atlas {
  --fa: "\f558";
}

.fa-virus {
  --fa: "\e074";
}

.fa-envelope-circle-check {
  --fa: "\e4e8";
}

.fa-layer-group {
  --fa: "\f5fd";
}

.fa-arrows-to-dot {
  --fa: "\e4be";
}

.fa-archway {
  --fa: "\f557";
}

.fa-heart-circle-check {
  --fa: "\e4fd";
}

.fa-house-chimney-crack {
  --fa: "\f6f1";
}

.fa-house-damage {
  --fa: "\f6f1";
}

.fa-file-zipper {
  --fa: "\f1c6";
}

.fa-file-archive {
  --fa: "\f1c6";
}

.fa-square {
  --fa: "\f0c8";
}

.fa-martini-glass-empty {
  --fa: "\f000";
}

.fa-glass-martini {
  --fa: "\f000";
}

.fa-couch {
  --fa: "\f4b8";
}

.fa-cedi-sign {
  --fa: "\e0df";
}

.fa-italic {
  --fa: "\f033";
}

.fa-table-cells-column-lock {
  --fa: "\e678";
}

.fa-church {
  --fa: "\f51d";
}

.fa-comments-dollar {
  --fa: "\f653";
}

.fa-democrat {
  --fa: "\f747";
}

.fa-z {
  --fa: "Z";
}

.fa-person-skiing {
  --fa: "\f7c9";
}

.fa-skiing {
  --fa: "\f7c9";
}

.fa-road-lock {
  --fa: "\e567";
}

.fa-a {
  --fa: "A";
}

.fa-temperature-arrow-down {
  --fa: "\e03f";
}

.fa-temperature-down {
  --fa: "\e03f";
}

.fa-feather-pointed {
  --fa: "\f56b";
}

.fa-feather-alt {
  --fa: "\f56b";
}

.fa-p {
  --fa: "P";
}

.fa-snowflake {
  --fa: "\f2dc";
}

.fa-newspaper {
  --fa: "\f1ea";
}

.fa-rectangle-ad {
  --fa: "\f641";
}

.fa-ad {
  --fa: "\f641";
}

.fa-circle-arrow-right {
  --fa: "\f0a9";
}

.fa-arrow-circle-right {
  --fa: "\f0a9";
}

.fa-filter-circle-xmark {
  --fa: "\e17b";
}

.fa-locust {
  --fa: "\e520";
}

.fa-sort {
  --fa: "\f0dc";
}

.fa-unsorted {
  --fa: "\f0dc";
}

.fa-list-ol {
  --fa: "\f0cb";
}

.fa-list-1-2 {
  --fa: "\f0cb";
}

.fa-list-numeric {
  --fa: "\f0cb";
}

.fa-person-dress-burst {
  --fa: "\e544";
}

.fa-money-check-dollar {
  --fa: "\f53d";
}

.fa-money-check-alt {
  --fa: "\f53d";
}

.fa-vector-square {
  --fa: "\f5cb";
}

.fa-bread-slice {
  --fa: "\f7ec";
}

.fa-language {
  --fa: "\f1ab";
}

.fa-face-kiss-wink-heart {
  --fa: "\f598";
}

.fa-kiss-wink-heart {
  --fa: "\f598";
}

.fa-filter {
  --fa: "\f0b0";
}

.fa-question {
  --fa: "\?";
}

.fa-file-signature {
  --fa: "\f573";
}

.fa-up-down-left-right {
  --fa: "\f0b2";
}

.fa-arrows-alt {
  --fa: "\f0b2";
}

.fa-house-chimney-user {
  --fa: "\e065";
}

.fa-hand-holding-heart {
  --fa: "\f4be";
}

.fa-puzzle-piece {
  --fa: "\f12e";
}

.fa-money-check {
  --fa: "\f53c";
}

.fa-star-half-stroke {
  --fa: "\f5c0";
}

.fa-star-half-alt {
  --fa: "\f5c0";
}

.fa-code {
  --fa: "\f121";
}

.fa-whiskey-glass {
  --fa: "\f7a0";
}

.fa-glass-whiskey {
  --fa: "\f7a0";
}

.fa-building-circle-exclamation {
  --fa: "\e4d3";
}

.fa-magnifying-glass-chart {
  --fa: "\e522";
}

.fa-arrow-up-right-from-square {
  --fa: "\f08e";
}

.fa-external-link {
  --fa: "\f08e";
}

.fa-cubes-stacked {
  --fa: "\e4e6";
}

.fa-won-sign {
  --fa: "\f159";
}

.fa-krw {
  --fa: "\f159";
}

.fa-won {
  --fa: "\f159";
}

.fa-virus-covid {
  --fa: "\e4a8";
}

.fa-austral-sign {
  --fa: "\e0a9";
}

.fa-f {
  --fa: "F";
}

.fa-leaf {
  --fa: "\f06c";
}

.fa-road {
  --fa: "\f018";
}

.fa-taxi {
  --fa: "\f1ba";
}

.fa-cab {
  --fa: "\f1ba";
}

.fa-person-circle-plus {
  --fa: "\e541";
}

.fa-chart-pie {
  --fa: "\f200";
}

.fa-pie-chart {
  --fa: "\f200";
}

.fa-bolt-lightning {
  --fa: "\e0b7";
}

.fa-sack-xmark {
  --fa: "\e56a";
}

.fa-file-excel {
  --fa: "\f1c3";
}

.fa-file-contract {
  --fa: "\f56c";
}

.fa-fish-fins {
  --fa: "\e4f2";
}

.fa-building-flag {
  --fa: "\e4d5";
}

.fa-face-grin-beam {
  --fa: "\f582";
}

.fa-grin-beam {
  --fa: "\f582";
}

.fa-object-ungroup {
  --fa: "\f248";
}

.fa-poop {
  --fa: "\f619";
}

.fa-location-pin {
  --fa: "\f041";
}

.fa-map-marker {
  --fa: "\f041";
}

.fa-kaaba {
  --fa: "\f66b";
}

.fa-toilet-paper {
  --fa: "\f71e";
}

.fa-helmet-safety {
  --fa: "\f807";
}

.fa-hard-hat {
  --fa: "\f807";
}

.fa-hat-hard {
  --fa: "\f807";
}

.fa-eject {
  --fa: "\f052";
}

.fa-circle-right {
  --fa: "\f35a";
}

.fa-arrow-alt-circle-right {
  --fa: "\f35a";
}

.fa-plane-circle-check {
  --fa: "\e555";
}

.fa-face-rolling-eyes {
  --fa: "\f5a5";
}

.fa-meh-rolling-eyes {
  --fa: "\f5a5";
}

.fa-object-group {
  --fa: "\f247";
}

.fa-chart-line {
  --fa: "\f201";
}

.fa-line-chart {
  --fa: "\f201";
}

.fa-mask-ventilator {
  --fa: "\e524";
}

.fa-arrow-right {
  --fa: "\f061";
}

.fa-signs-post {
  --fa: "\f277";
}

.fa-map-signs {
  --fa: "\f277";
}

.fa-cash-register {
  --fa: "\f788";
}

.fa-person-circle-question {
  --fa: "\e542";
}

.fa-h {
  --fa: "H";
}

.fa-tarp {
  --fa: "\e57b";
}

.fa-screwdriver-wrench {
  --fa: "\f7d9";
}

.fa-tools {
  --fa: "\f7d9";
}

.fa-arrows-to-eye {
  --fa: "\e4bf";
}

.fa-plug-circle-bolt {
  --fa: "\e55b";
}

.fa-heart {
  --fa: "\f004";
}

.fa-mars-and-venus {
  --fa: "\f224";
}

.fa-house-user {
  --fa: "\e1b0";
}

.fa-home-user {
  --fa: "\e1b0";
}

.fa-dumpster-fire {
  --fa: "\f794";
}

.fa-house-crack {
  --fa: "\e3b1";
}

.fa-martini-glass-citrus {
  --fa: "\f561";
}

.fa-cocktail {
  --fa: "\f561";
}

.fa-face-surprise {
  --fa: "\f5c2";
}

.fa-surprise {
  --fa: "\f5c2";
}

.fa-bottle-water {
  --fa: "\e4c5";
}

.fa-circle-pause {
  --fa: "\f28b";
}

.fa-pause-circle {
  --fa: "\f28b";
}

.fa-toilet-paper-slash {
  --fa: "\e072";
}

.fa-apple-whole {
  --fa: "\f5d1";
}

.fa-apple-alt {
  --fa: "\f5d1";
}

.fa-kitchen-set {
  --fa: "\e51a";
}

.fa-r {
  --fa: "R";
}

.fa-temperature-quarter {
  --fa: "\f2ca";
}

.fa-temperature-1 {
  --fa: "\f2ca";
}

.fa-thermometer-1 {
  --fa: "\f2ca";
}

.fa-thermometer-quarter {
  --fa: "\f2ca";
}

.fa-cube {
  --fa: "\f1b2";
}

.fa-bitcoin-sign {
  --fa: "\e0b4";
}

.fa-shield-dog {
  --fa: "\e573";
}

.fa-solar-panel {
  --fa: "\f5ba";
}

.fa-lock-open {
  --fa: "\f3c1";
}

.fa-elevator {
  --fa: "\e16d";
}

.fa-money-bill-transfer {
  --fa: "\e528";
}

.fa-money-bill-trend-up {
  --fa: "\e529";
}

.fa-house-flood-water-circle-arrow-right {
  --fa: "\e50f";
}

.fa-square-poll-horizontal {
  --fa: "\f682";
}

.fa-poll-h {
  --fa: "\f682";
}

.fa-circle {
  --fa: "\f111";
}

.fa-backward-fast {
  --fa: "\f049";
}

.fa-fast-backward {
  --fa: "\f049";
}

.fa-recycle {
  --fa: "\f1b8";
}

.fa-user-astronaut {
  --fa: "\f4fb";
}

.fa-plane-slash {
  --fa: "\e069";
}

.fa-trademark {
  --fa: "\f25c";
}

.fa-basketball {
  --fa: "\f434";
}

.fa-basketball-ball {
  --fa: "\f434";
}

.fa-satellite-dish {
  --fa: "\f7c0";
}

.fa-circle-up {
  --fa: "\f35b";
}

.fa-arrow-alt-circle-up {
  --fa: "\f35b";
}

.fa-mobile-screen-button {
  --fa: "\f3cd";
}

.fa-mobile-alt {
  --fa: "\f3cd";
}

.fa-volume-high {
  --fa: "\f028";
}

.fa-volume-up {
  --fa: "\f028";
}

.fa-users-rays {
  --fa: "\e593";
}

.fa-wallet {
  --fa: "\f555";
}

.fa-clipboard-check {
  --fa: "\f46c";
}

.fa-file-audio {
  --fa: "\f1c7";
}

.fa-burger {
  --fa: "\f805";
}

.fa-hamburger {
  --fa: "\f805";
}

.fa-wrench {
  --fa: "\f0ad";
}

.fa-bugs {
  --fa: "\e4d0";
}

.fa-rupee-sign {
  --fa: "\f156";
}

.fa-rupee {
  --fa: "\f156";
}

.fa-file-image {
  --fa: "\f1c5";
}

.fa-circle-question {
  --fa: "\f059";
}

.fa-question-circle {
  --fa: "\f059";
}

.fa-plane-departure {
  --fa: "\f5b0";
}

.fa-handshake-slash {
  --fa: "\e060";
}

.fa-book-bookmark {
  --fa: "\e0bb";
}

.fa-code-branch {
  --fa: "\f126";
}

.fa-hat-cowboy {
  --fa: "\f8c0";
}

.fa-bridge {
  --fa: "\e4c8";
}

.fa-phone-flip {
  --fa: "\f879";
}

.fa-phone-alt {
  --fa: "\f879";
}

.fa-truck-front {
  --fa: "\e2b7";
}

.fa-cat {
  --fa: "\f6be";
}

.fa-anchor-circle-exclamation {
  --fa: "\e4ab";
}

.fa-truck-field {
  --fa: "\e58d";
}

.fa-route {
  --fa: "\f4d7";
}

.fa-clipboard-question {
  --fa: "\e4e3";
}

.fa-panorama {
  --fa: "\e209";
}

.fa-comment-medical {
  --fa: "\f7f5";
}

.fa-teeth-open {
  --fa: "\f62f";
}

.fa-file-circle-minus {
  --fa: "\e4ed";
}

.fa-tags {
  --fa: "\f02c";
}

.fa-wine-glass {
  --fa: "\f4e3";
}

.fa-forward-fast {
  --fa: "\f050";
}

.fa-fast-forward {
  --fa: "\f050";
}

.fa-face-meh-blank {
  --fa: "\f5a4";
}

.fa-meh-blank {
  --fa: "\f5a4";
}

.fa-square-parking {
  --fa: "\f540";
}

.fa-parking {
  --fa: "\f540";
}

.fa-house-signal {
  --fa: "\e012";
}

.fa-bars-progress {
  --fa: "\f828";
}

.fa-tasks-alt {
  --fa: "\f828";
}

.fa-faucet-drip {
  --fa: "\e006";
}

.fa-cart-flatbed {
  --fa: "\f474";
}

.fa-dolly-flatbed {
  --fa: "\f474";
}

.fa-ban-smoking {
  --fa: "\f54d";
}

.fa-smoking-ban {
  --fa: "\f54d";
}

.fa-terminal {
  --fa: "\f120";
}

.fa-mobile-button {
  --fa: "\f10b";
}

.fa-house-medical-flag {
  --fa: "\e514";
}

.fa-basket-shopping {
  --fa: "\f291";
}

.fa-shopping-basket {
  --fa: "\f291";
}

.fa-tape {
  --fa: "\f4db";
}

.fa-bus-simple {
  --fa: "\f55e";
}

.fa-bus-alt {
  --fa: "\f55e";
}

.fa-eye {
  --fa: "\f06e";
}

.fa-face-sad-cry {
  --fa: "\f5b3";
}

.fa-sad-cry {
  --fa: "\f5b3";
}

.fa-audio-description {
  --fa: "\f29e";
}

.fa-person-military-to-person {
  --fa: "\e54c";
}

.fa-file-shield {
  --fa: "\e4f0";
}

.fa-user-slash {
  --fa: "\f506";
}

.fa-pen {
  --fa: "\f304";
}

.fa-tower-observation {
  --fa: "\e586";
}

.fa-file-code {
  --fa: "\f1c9";
}

.fa-signal {
  --fa: "\f012";
}

.fa-signal-5 {
  --fa: "\f012";
}

.fa-signal-perfect {
  --fa: "\f012";
}

.fa-bus {
  --fa: "\f207";
}

.fa-heart-circle-xmark {
  --fa: "\e501";
}

.fa-house-chimney {
  --fa: "\e3af";
}

.fa-home-lg {
  --fa: "\e3af";
}

.fa-window-maximize {
  --fa: "\f2d0";
}

.fa-face-frown {
  --fa: "\f119";
}

.fa-frown {
  --fa: "\f119";
}

.fa-prescription {
  --fa: "\f5b1";
}

.fa-shop {
  --fa: "\f54f";
}

.fa-store-alt {
  --fa: "\f54f";
}

.fa-floppy-disk {
  --fa: "\f0c7";
}

.fa-save {
  --fa: "\f0c7";
}

.fa-vihara {
  --fa: "\f6a7";
}

.fa-scale-unbalanced {
  --fa: "\f515";
}

.fa-balance-scale-left {
  --fa: "\f515";
}

.fa-sort-up {
  --fa: "\f0de";
}

.fa-sort-asc {
  --fa: "\f0de";
}

.fa-comment-dots {
  --fa: "\f4ad";
}

.fa-commenting {
  --fa: "\f4ad";
}

.fa-plant-wilt {
  --fa: "\e5aa";
}

.fa-diamond {
  --fa: "\f219";
}

.fa-face-grin-squint {
  --fa: "\f585";
}

.fa-grin-squint {
  --fa: "\f585";
}

.fa-hand-holding-dollar {
  --fa: "\f4c0";
}

.fa-hand-holding-usd {
  --fa: "\f4c0";
}

.fa-chart-diagram {
  --fa: "\e695";
}

.fa-bacterium {
  --fa: "\e05a";
}

.fa-hand-pointer {
  --fa: "\f25a";
}

.fa-drum-steelpan {
  --fa: "\f56a";
}

.fa-hand-scissors {
  --fa: "\f257";
}

.fa-hands-praying {
  --fa: "\f684";
}

.fa-praying-hands {
  --fa: "\f684";
}

.fa-arrow-rotate-right {
  --fa: "\f01e";
}

.fa-arrow-right-rotate {
  --fa: "\f01e";
}

.fa-arrow-rotate-forward {
  --fa: "\f01e";
}

.fa-redo {
  --fa: "\f01e";
}

.fa-biohazard {
  --fa: "\f780";
}

.fa-location-crosshairs {
  --fa: "\f601";
}

.fa-location {
  --fa: "\f601";
}

.fa-mars-double {
  --fa: "\f227";
}

.fa-child-dress {
  --fa: "\e59c";
}

.fa-users-between-lines {
  --fa: "\e591";
}

.fa-lungs-virus {
  --fa: "\e067";
}

.fa-face-grin-tears {
  --fa: "\f588";
}

.fa-grin-tears {
  --fa: "\f588";
}

.fa-phone {
  --fa: "\f095";
}

.fa-calendar-xmark {
  --fa: "\f273";
}

.fa-calendar-times {
  --fa: "\f273";
}

.fa-child-reaching {
  --fa: "\e59d";
}

.fa-head-side-virus {
  --fa: "\e064";
}

.fa-user-gear {
  --fa: "\f4fe";
}

.fa-user-cog {
  --fa: "\f4fe";
}

.fa-arrow-up-1-9 {
  --fa: "\f163";
}

.fa-sort-numeric-up {
  --fa: "\f163";
}

.fa-door-closed {
  --fa: "\f52a";
}

.fa-shield-virus {
  --fa: "\e06c";
}

.fa-dice-six {
  --fa: "\f526";
}

.fa-mosquito-net {
  --fa: "\e52c";
}

.fa-file-fragment {
  --fa: "\e697";
}

.fa-bridge-water {
  --fa: "\e4ce";
}

.fa-person-booth {
  --fa: "\f756";
}

.fa-text-width {
  --fa: "\f035";
}

.fa-hat-wizard {
  --fa: "\f6e8";
}

.fa-pen-fancy {
  --fa: "\f5ac";
}

.fa-person-digging {
  --fa: "\f85e";
}

.fa-digging {
  --fa: "\f85e";
}

.fa-trash {
  --fa: "\f1f8";
}

.fa-gauge-simple {
  --fa: "\f629";
}

.fa-gauge-simple-med {
  --fa: "\f629";
}

.fa-tachometer-average {
  --fa: "\f629";
}

.fa-book-medical {
  --fa: "\f7e6";
}

.fa-poo {
  --fa: "\f2fe";
}

.fa-quote-right {
  --fa: "\f10e";
}

.fa-quote-right-alt {
  --fa: "\f10e";
}

.fa-shirt {
  --fa: "\f553";
}

.fa-t-shirt {
  --fa: "\f553";
}

.fa-tshirt {
  --fa: "\f553";
}

.fa-cubes {
  --fa: "\f1b3";
}

.fa-divide {
  --fa: "\f529";
}

.fa-tenge-sign {
  --fa: "\f7d7";
}

.fa-tenge {
  --fa: "\f7d7";
}

.fa-headphones {
  --fa: "\f025";
}

.fa-hands-holding {
  --fa: "\f4c2";
}

.fa-hands-clapping {
  --fa: "\e1a8";
}

.fa-republican {
  --fa: "\f75e";
}

.fa-arrow-left {
  --fa: "\f060";
}

.fa-person-circle-xmark {
  --fa: "\e543";
}

.fa-ruler {
  --fa: "\f545";
}

.fa-align-left {
  --fa: "\f036";
}

.fa-dice-d6 {
  --fa: "\f6d1";
}

.fa-restroom {
  --fa: "\f7bd";
}

.fa-j {
  --fa: "J";
}

.fa-users-viewfinder {
  --fa: "\e595";
}

.fa-file-video {
  --fa: "\f1c8";
}

.fa-up-right-from-square {
  --fa: "\f35d";
}

.fa-external-link-alt {
  --fa: "\f35d";
}

.fa-table-cells {
  --fa: "\f00a";
}

.fa-th {
  --fa: "\f00a";
}

.fa-file-pdf {
  --fa: "\f1c1";
}

.fa-book-bible {
  --fa: "\f647";
}

.fa-bible {
  --fa: "\f647";
}

.fa-o {
  --fa: "O";
}

.fa-suitcase-medical {
  --fa: "\f0fa";
}

.fa-medkit {
  --fa: "\f0fa";
}

.fa-user-secret {
  --fa: "\f21b";
}

.fa-otter {
  --fa: "\f700";
}

.fa-person-dress {
  --fa: "\f182";
}

.fa-female {
  --fa: "\f182";
}

.fa-comment-dollar {
  --fa: "\f651";
}

.fa-business-time {
  --fa: "\f64a";
}

.fa-briefcase-clock {
  --fa: "\f64a";
}

.fa-table-cells-large {
  --fa: "\f009";
}

.fa-th-large {
  --fa: "\f009";
}

.fa-book-tanakh {
  --fa: "\f827";
}

.fa-tanakh {
  --fa: "\f827";
}

.fa-phone-volume {
  --fa: "\f2a0";
}

.fa-volume-control-phone {
  --fa: "\f2a0";
}

.fa-hat-cowboy-side {
  --fa: "\f8c1";
}

.fa-clipboard-user {
  --fa: "\f7f3";
}

.fa-child {
  --fa: "\f1ae";
}

.fa-lira-sign {
  --fa: "\f195";
}

.fa-satellite {
  --fa: "\f7bf";
}

.fa-plane-lock {
  --fa: "\e558";
}

.fa-tag {
  --fa: "\f02b";
}

.fa-comment {
  --fa: "\f075";
}

.fa-cake-candles {
  --fa: "\f1fd";
}

.fa-birthday-cake {
  --fa: "\f1fd";
}

.fa-cake {
  --fa: "\f1fd";
}

.fa-envelope {
  --fa: "\f0e0";
}

.fa-angles-up {
  --fa: "\f102";
}

.fa-angle-double-up {
  --fa: "\f102";
}

.fa-paperclip {
  --fa: "\f0c6";
}

.fa-arrow-right-to-city {
  --fa: "\e4b3";
}

.fa-ribbon {
  --fa: "\f4d6";
}

.fa-lungs {
  --fa: "\f604";
}

.fa-arrow-up-9-1 {
  --fa: "\f887";
}

.fa-sort-numeric-up-alt {
  --fa: "\f887";
}

.fa-litecoin-sign {
  --fa: "\e1d3";
}

.fa-border-none {
  --fa: "\f850";
}

.fa-circle-nodes {
  --fa: "\e4e2";
}

.fa-parachute-box {
  --fa: "\f4cd";
}

.fa-indent {
  --fa: "\f03c";
}

.fa-truck-field-un {
  --fa: "\e58e";
}

.fa-hourglass {
  --fa: "\f254";
}

.fa-hourglass-empty {
  --fa: "\f254";
}

.fa-mountain {
  --fa: "\f6fc";
}

.fa-user-doctor {
  --fa: "\f0f0";
}

.fa-user-md {
  --fa: "\f0f0";
}

.fa-circle-info {
  --fa: "\f05a";
}

.fa-info-circle {
  --fa: "\f05a";
}

.fa-cloud-meatball {
  --fa: "\f73b";
}

.fa-camera {
  --fa: "\f030";
}

.fa-camera-alt {
  --fa: "\f030";
}

.fa-square-virus {
  --fa: "\e578";
}

.fa-meteor {
  --fa: "\f753";
}

.fa-car-on {
  --fa: "\e4dd";
}

.fa-sleigh {
  --fa: "\f7cc";
}

.fa-arrow-down-1-9 {
  --fa: "\f162";
}

.fa-sort-numeric-asc {
  --fa: "\f162";
}

.fa-sort-numeric-down {
  --fa: "\f162";
}

.fa-hand-holding-droplet {
  --fa: "\f4c1";
}

.fa-hand-holding-water {
  --fa: "\f4c1";
}

.fa-water {
  --fa: "\f773";
}

.fa-calendar-check {
  --fa: "\f274";
}

.fa-braille {
  --fa: "\f2a1";
}

.fa-prescription-bottle-medical {
  --fa: "\f486";
}

.fa-prescription-bottle-alt {
  --fa: "\f486";
}

.fa-landmark {
  --fa: "\f66f";
}

.fa-truck {
  --fa: "\f0d1";
}

.fa-crosshairs {
  --fa: "\f05b";
}

.fa-person-cane {
  --fa: "\e53c";
}

.fa-tent {
  --fa: "\e57d";
}

.fa-vest-patches {
  --fa: "\e086";
}

.fa-check-double {
  --fa: "\f560";
}

.fa-arrow-down-a-z {
  --fa: "\f15d";
}

.fa-sort-alpha-asc {
  --fa: "\f15d";
}

.fa-sort-alpha-down {
  --fa: "\f15d";
}

.fa-money-bill-wheat {
  --fa: "\e52a";
}

.fa-cookie {
  --fa: "\f563";
}

.fa-arrow-rotate-left {
  --fa: "\f0e2";
}

.fa-arrow-left-rotate {
  --fa: "\f0e2";
}

.fa-arrow-rotate-back {
  --fa: "\f0e2";
}

.fa-arrow-rotate-backward {
  --fa: "\f0e2";
}

.fa-undo {
  --fa: "\f0e2";
}

.fa-hard-drive {
  --fa: "\f0a0";
}

.fa-hdd {
  --fa: "\f0a0";
}

.fa-face-grin-squint-tears {
  --fa: "\f586";
}

.fa-grin-squint-tears {
  --fa: "\f586";
}

.fa-dumbbell {
  --fa: "\f44b";
}

.fa-rectangle-list {
  --fa: "\f022";
}

.fa-list-alt {
  --fa: "\f022";
}

.fa-tarp-droplet {
  --fa: "\e57c";
}

.fa-house-medical-circle-check {
  --fa: "\e511";
}

.fa-person-skiing-nordic {
  --fa: "\f7ca";
}

.fa-skiing-nordic {
  --fa: "\f7ca";
}

.fa-calendar-plus {
  --fa: "\f271";
}

.fa-plane-arrival {
  --fa: "\f5af";
}

.fa-circle-left {
  --fa: "\f359";
}

.fa-arrow-alt-circle-left {
  --fa: "\f359";
}

.fa-train-subway {
  --fa: "\f239";
}

.fa-subway {
  --fa: "\f239";
}

.fa-chart-gantt {
  --fa: "\e0e4";
}

.fa-indian-rupee-sign {
  --fa: "\e1bc";
}

.fa-indian-rupee {
  --fa: "\e1bc";
}

.fa-inr {
  --fa: "\e1bc";
}

.fa-crop-simple {
  --fa: "\f565";
}

.fa-crop-alt {
  --fa: "\f565";
}

.fa-money-bill-1 {
  --fa: "\f3d1";
}

.fa-money-bill-alt {
  --fa: "\f3d1";
}

.fa-left-long {
  --fa: "\f30a";
}

.fa-long-arrow-alt-left {
  --fa: "\f30a";
}

.fa-dna {
  --fa: "\f471";
}

.fa-virus-slash {
  --fa: "\e075";
}

.fa-minus {
  --fa: "\f068";
}

.fa-subtract {
  --fa: "\f068";
}

.fa-chess {
  --fa: "\f439";
}

.fa-arrow-left-long {
  --fa: "\f177";
}

.fa-long-arrow-left {
  --fa: "\f177";
}

.fa-plug-circle-check {
  --fa: "\e55c";
}

.fa-street-view {
  --fa: "\f21d";
}

.fa-franc-sign {
  --fa: "\e18f";
}

.fa-volume-off {
  --fa: "\f026";
}

.fa-hands-asl-interpreting {
  --fa: "\f2a3";
}

.fa-american-sign-language-interpreting {
  --fa: "\f2a3";
}

.fa-asl-interpreting {
  --fa: "\f2a3";
}

.fa-hands-american-sign-language-interpreting {
  --fa: "\f2a3";
}

.fa-gear {
  --fa: "\f013";
}

.fa-cog {
  --fa: "\f013";
}

.fa-droplet-slash {
  --fa: "\f5c7";
}

.fa-tint-slash {
  --fa: "\f5c7";
}

.fa-mosque {
  --fa: "\f678";
}

.fa-mosquito {
  --fa: "\e52b";
}

.fa-star-of-david {
  --fa: "\f69a";
}

.fa-person-military-rifle {
  --fa: "\e54b";
}

.fa-cart-shopping {
  --fa: "\f07a";
}

.fa-shopping-cart {
  --fa: "\f07a";
}

.fa-vials {
  --fa: "\f493";
}

.fa-plug-circle-plus {
  --fa: "\e55f";
}

.fa-place-of-worship {
  --fa: "\f67f";
}

.fa-grip-vertical {
  --fa: "\f58e";
}

.fa-hexagon-nodes {
  --fa: "\e699";
}

.fa-arrow-turn-up {
  --fa: "\f148";
}

.fa-level-up {
  --fa: "\f148";
}

.fa-u {
  --fa: "U";
}

.fa-square-root-variable {
  --fa: "\f698";
}

.fa-square-root-alt {
  --fa: "\f698";
}

.fa-clock {
  --fa: "\f017";
}

.fa-clock-four {
  --fa: "\f017";
}

.fa-backward-step {
  --fa: "\f048";
}

.fa-step-backward {
  --fa: "\f048";
}

.fa-pallet {
  --fa: "\f482";
}

.fa-faucet {
  --fa: "\e005";
}

.fa-baseball-bat-ball {
  --fa: "\f432";
}

.fa-s {
  --fa: "S";
}

.fa-timeline {
  --fa: "\e29c";
}

.fa-keyboard {
  --fa: "\f11c";
}

.fa-caret-down {
  --fa: "\f0d7";
}

.fa-house-chimney-medical {
  --fa: "\f7f2";
}

.fa-clinic-medical {
  --fa: "\f7f2";
}

.fa-temperature-three-quarters {
  --fa: "\f2c8";
}

.fa-temperature-3 {
  --fa: "\f2c8";
}

.fa-thermometer-3 {
  --fa: "\f2c8";
}

.fa-thermometer-three-quarters {
  --fa: "\f2c8";
}

.fa-mobile-screen {
  --fa: "\f3cf";
}

.fa-mobile-android-alt {
  --fa: "\f3cf";
}

.fa-plane-up {
  --fa: "\e22d";
}

.fa-piggy-bank {
  --fa: "\f4d3";
}

.fa-battery-half {
  --fa: "\f242";
}

.fa-battery-3 {
  --fa: "\f242";
}

.fa-mountain-city {
  --fa: "\e52e";
}

.fa-coins {
  --fa: "\f51e";
}

.fa-khanda {
  --fa: "\f66d";
}

.fa-sliders {
  --fa: "\f1de";
}

.fa-sliders-h {
  --fa: "\f1de";
}

.fa-folder-tree {
  --fa: "\f802";
}

.fa-network-wired {
  --fa: "\f6ff";
}

.fa-map-pin {
  --fa: "\f276";
}

.fa-hamsa {
  --fa: "\f665";
}

.fa-cent-sign {
  --fa: "\e3f5";
}

.fa-flask {
  --fa: "\f0c3";
}

.fa-person-pregnant {
  --fa: "\e31e";
}

.fa-wand-sparkles {
  --fa: "\f72b";
}

.fa-ellipsis-vertical {
  --fa: "\f142";
}

.fa-ellipsis-v {
  --fa: "\f142";
}

.fa-ticket {
  --fa: "\f145";
}

.fa-power-off {
  --fa: "\f011";
}

.fa-right-long {
  --fa: "\f30b";
}

.fa-long-arrow-alt-right {
  --fa: "\f30b";
}

.fa-flag-usa {
  --fa: "\f74d";
}

.fa-laptop-file {
  --fa: "\e51d";
}

.fa-tty {
  --fa: "\f1e4";
}

.fa-teletype {
  --fa: "\f1e4";
}

.fa-diagram-next {
  --fa: "\e476";
}

.fa-person-rifle {
  --fa: "\e54e";
}

.fa-house-medical-circle-exclamation {
  --fa: "\e512";
}

.fa-closed-captioning {
  --fa: "\f20a";
}

.fa-person-hiking {
  --fa: "\f6ec";
}

.fa-hiking {
  --fa: "\f6ec";
}

.fa-venus-double {
  --fa: "\f226";
}

.fa-images {
  --fa: "\f302";
}

.fa-calculator {
  --fa: "\f1ec";
}

.fa-people-pulling {
  --fa: "\e535";
}

.fa-n {
  --fa: "N";
}

.fa-cable-car {
  --fa: "\f7da";
}

.fa-tram {
  --fa: "\f7da";
}

.fa-cloud-rain {
  --fa: "\f73d";
}

.fa-building-circle-xmark {
  --fa: "\e4d4";
}

.fa-ship {
  --fa: "\f21a";
}

.fa-arrows-down-to-line {
  --fa: "\e4b8";
}

.fa-download {
  --fa: "\f019";
}

.fa-face-grin {
  --fa: "\f580";
}

.fa-grin {
  --fa: "\f580";
}

.fa-delete-left {
  --fa: "\f55a";
}

.fa-backspace {
  --fa: "\f55a";
}

.fa-eye-dropper {
  --fa: "\f1fb";
}

.fa-eye-dropper-empty {
  --fa: "\f1fb";
}

.fa-eyedropper {
  --fa: "\f1fb";
}

.fa-file-circle-check {
  --fa: "\e5a0";
}

.fa-forward {
  --fa: "\f04e";
}

.fa-mobile {
  --fa: "\f3ce";
}

.fa-mobile-android {
  --fa: "\f3ce";
}

.fa-mobile-phone {
  --fa: "\f3ce";
}

.fa-face-meh {
  --fa: "\f11a";
}

.fa-meh {
  --fa: "\f11a";
}

.fa-align-center {
  --fa: "\f037";
}

.fa-book-skull {
  --fa: "\f6b7";
}

.fa-book-dead {
  --fa: "\f6b7";
}

.fa-id-card {
  --fa: "\f2c2";
}

.fa-drivers-license {
  --fa: "\f2c2";
}

.fa-outdent {
  --fa: "\f03b";
}

.fa-dedent {
  --fa: "\f03b";
}

.fa-heart-circle-exclamation {
  --fa: "\e4fe";
}

.fa-house {
  --fa: "\f015";
}

.fa-home {
  --fa: "\f015";
}

.fa-home-alt {
  --fa: "\f015";
}

.fa-home-lg-alt {
  --fa: "\f015";
}

.fa-calendar-week {
  --fa: "\f784";
}

.fa-laptop-medical {
  --fa: "\f812";
}

.fa-b {
  --fa: "B";
}

.fa-file-medical {
  --fa: "\f477";
}

.fa-dice-one {
  --fa: "\f525";
}

.fa-kiwi-bird {
  --fa: "\f535";
}

.fa-arrow-right-arrow-left {
  --fa: "\f0ec";
}

.fa-exchange {
  --fa: "\f0ec";
}

.fa-rotate-right {
  --fa: "\f2f9";
}

.fa-redo-alt {
  --fa: "\f2f9";
}

.fa-rotate-forward {
  --fa: "\f2f9";
}

.fa-utensils {
  --fa: "\f2e7";
}

.fa-cutlery {
  --fa: "\f2e7";
}

.fa-arrow-up-wide-short {
  --fa: "\f161";
}

.fa-sort-amount-up {
  --fa: "\f161";
}

.fa-mill-sign {
  --fa: "\e1ed";
}

.fa-bowl-rice {
  --fa: "\e2eb";
}

.fa-skull {
  --fa: "\f54c";
}

.fa-tower-broadcast {
  --fa: "\f519";
}

.fa-broadcast-tower {
  --fa: "\f519";
}

.fa-truck-pickup {
  --fa: "\f63c";
}

.fa-up-long {
  --fa: "\f30c";
}

.fa-long-arrow-alt-up {
  --fa: "\f30c";
}

.fa-stop {
  --fa: "\f04d";
}

.fa-code-merge {
  --fa: "\f387";
}

.fa-upload {
  --fa: "\f093";
}

.fa-hurricane {
  --fa: "\f751";
}

.fa-mound {
  --fa: "\e52d";
}

.fa-toilet-portable {
  --fa: "\e583";
}

.fa-compact-disc {
  --fa: "\f51f";
}

.fa-file-arrow-down {
  --fa: "\f56d";
}

.fa-file-download {
  --fa: "\f56d";
}

.fa-caravan {
  --fa: "\f8ff";
}

.fa-shield-cat {
  --fa: "\e572";
}

.fa-bolt {
  --fa: "\f0e7";
}

.fa-zap {
  --fa: "\f0e7";
}

.fa-glass-water {
  --fa: "\e4f4";
}

.fa-oil-well {
  --fa: "\e532";
}

.fa-vault {
  --fa: "\e2c5";
}

.fa-mars {
  --fa: "\f222";
}

.fa-toilet {
  --fa: "\f7d8";
}

.fa-plane-circle-xmark {
  --fa: "\e557";
}

.fa-yen-sign {
  --fa: "\f157";
}

.fa-cny {
  --fa: "\f157";
}

.fa-jpy {
  --fa: "\f157";
}

.fa-rmb {
  --fa: "\f157";
}

.fa-yen {
  --fa: "\f157";
}

.fa-ruble-sign {
  --fa: "\f158";
}

.fa-rouble {
  --fa: "\f158";
}

.fa-rub {
  --fa: "\f158";
}

.fa-ruble {
  --fa: "\f158";
}

.fa-sun {
  --fa: "\f185";
}

.fa-guitar {
  --fa: "\f7a6";
}

.fa-face-laugh-wink {
  --fa: "\f59c";
}

.fa-laugh-wink {
  --fa: "\f59c";
}

.fa-horse-head {
  --fa: "\f7ab";
}

.fa-bore-hole {
  --fa: "\e4c3";
}

.fa-industry {
  --fa: "\f275";
}

.fa-circle-down {
  --fa: "\f358";
}

.fa-arrow-alt-circle-down {
  --fa: "\f358";
}

.fa-arrows-turn-to-dots {
  --fa: "\e4c1";
}

.fa-florin-sign {
  --fa: "\e184";
}

.fa-arrow-down-short-wide {
  --fa: "\f884";
}

.fa-sort-amount-desc {
  --fa: "\f884";
}

.fa-sort-amount-down-alt {
  --fa: "\f884";
}

.fa-less-than {
  --fa: "\<";
}

.fa-angle-down {
  --fa: "\f107";
}

.fa-car-tunnel {
  --fa: "\e4de";
}

.fa-head-side-cough {
  --fa: "\e061";
}

.fa-grip-lines {
  --fa: "\f7a4";
}

.fa-thumbs-down {
  --fa: "\f165";
}

.fa-user-lock {
  --fa: "\f502";
}

.fa-arrow-right-long {
  --fa: "\f178";
}

.fa-long-arrow-right {
  --fa: "\f178";
}

.fa-anchor-circle-xmark {
  --fa: "\e4ac";
}

.fa-ellipsis {
  --fa: "\f141";
}

.fa-ellipsis-h {
  --fa: "\f141";
}

.fa-chess-pawn {
  --fa: "\f443";
}

.fa-kit-medical {
  --fa: "\f479";
}

.fa-first-aid {
  --fa: "\f479";
}

.fa-person-through-window {
  --fa: "\e5a9";
}

.fa-toolbox {
  --fa: "\f552";
}

.fa-hands-holding-circle {
  --fa: "\e4fb";
}

.fa-bug {
  --fa: "\f188";
}

.fa-credit-card {
  --fa: "\f09d";
}

.fa-credit-card-alt {
  --fa: "\f09d";
}

.fa-car {
  --fa: "\f1b9";
}

.fa-automobile {
  --fa: "\f1b9";
}

.fa-hand-holding-hand {
  --fa: "\e4f7";
}

.fa-book-open-reader {
  --fa: "\f5da";
}

.fa-book-reader {
  --fa: "\f5da";
}

.fa-mountain-sun {
  --fa: "\e52f";
}

.fa-arrows-left-right-to-line {
  --fa: "\e4ba";
}

.fa-dice-d20 {
  --fa: "\f6cf";
}

.fa-truck-droplet {
  --fa: "\e58c";
}

.fa-file-circle-xmark {
  --fa: "\e5a1";
}

.fa-temperature-arrow-up {
  --fa: "\e040";
}

.fa-temperature-up {
  --fa: "\e040";
}

.fa-medal {
  --fa: "\f5a2";
}

.fa-bed {
  --fa: "\f236";
}

.fa-square-h {
  --fa: "\f0fd";
}

.fa-h-square {
  --fa: "\f0fd";
}

.fa-podcast {
  --fa: "\f2ce";
}

.fa-temperature-full {
  --fa: "\f2c7";
}

.fa-temperature-4 {
  --fa: "\f2c7";
}

.fa-thermometer-4 {
  --fa: "\f2c7";
}

.fa-thermometer-full {
  --fa: "\f2c7";
}

.fa-bell {
  --fa: "\f0f3";
}

.fa-superscript {
  --fa: "\f12b";
}

.fa-plug-circle-xmark {
  --fa: "\e560";
}

.fa-star-of-life {
  --fa: "\f621";
}

.fa-phone-slash {
  --fa: "\f3dd";
}

.fa-paint-roller {
  --fa: "\f5aa";
}

.fa-handshake-angle {
  --fa: "\f4c4";
}

.fa-hands-helping {
  --fa: "\f4c4";
}

.fa-location-dot {
  --fa: "\f3c5";
}

.fa-map-marker-alt {
  --fa: "\f3c5";
}

.fa-file {
  --fa: "\f15b";
}

.fa-greater-than {
  --fa: "\>";
}

.fa-person-swimming {
  --fa: "\f5c4";
}

.fa-swimmer {
  --fa: "\f5c4";
}

.fa-arrow-down {
  --fa: "\f063";
}

.fa-droplet {
  --fa: "\f043";
}

.fa-tint {
  --fa: "\f043";
}

.fa-eraser {
  --fa: "\f12d";
}

.fa-earth-americas {
  --fa: "\f57d";
}

.fa-earth {
  --fa: "\f57d";
}

.fa-earth-america {
  --fa: "\f57d";
}

.fa-globe-americas {
  --fa: "\f57d";
}

.fa-person-burst {
  --fa: "\e53b";
}

.fa-dove {
  --fa: "\f4ba";
}

.fa-battery-empty {
  --fa: "\f244";
}

.fa-battery-0 {
  --fa: "\f244";
}

.fa-socks {
  --fa: "\f696";
}

.fa-inbox {
  --fa: "\f01c";
}

.fa-section {
  --fa: "\e447";
}

.fa-gauge-high {
  --fa: "\f625";
}

.fa-tachometer-alt {
  --fa: "\f625";
}

.fa-tachometer-alt-fast {
  --fa: "\f625";
}

.fa-envelope-open-text {
  --fa: "\f658";
}

.fa-hospital {
  --fa: "\f0f8";
}

.fa-hospital-alt {
  --fa: "\f0f8";
}

.fa-hospital-wide {
  --fa: "\f0f8";
}

.fa-wine-bottle {
  --fa: "\f72f";
}

.fa-chess-rook {
  --fa: "\f447";
}

.fa-bars-staggered {
  --fa: "\f550";
}

.fa-reorder {
  --fa: "\f550";
}

.fa-stream {
  --fa: "\f550";
}

.fa-dharmachakra {
  --fa: "\f655";
}

.fa-hotdog {
  --fa: "\f80f";
}

.fa-person-walking-with-cane {
  --fa: "\f29d";
}

.fa-blind {
  --fa: "\f29d";
}

.fa-drum {
  --fa: "\f569";
}

.fa-ice-cream {
  --fa: "\f810";
}

.fa-heart-circle-bolt {
  --fa: "\e4fc";
}

.fa-fax {
  --fa: "\f1ac";
}

.fa-paragraph {
  --fa: "\f1dd";
}

.fa-check-to-slot {
  --fa: "\f772";
}

.fa-vote-yea {
  --fa: "\f772";
}

.fa-star-half {
  --fa: "\f089";
}

.fa-boxes-stacked {
  --fa: "\f468";
}

.fa-boxes {
  --fa: "\f468";
}

.fa-boxes-alt {
  --fa: "\f468";
}

.fa-link {
  --fa: "\f0c1";
}

.fa-chain {
  --fa: "\f0c1";
}

.fa-ear-listen {
  --fa: "\f2a2";
}

.fa-assistive-listening-systems {
  --fa: "\f2a2";
}

.fa-tree-city {
  --fa: "\e587";
}

.fa-play {
  --fa: "\f04b";
}

.fa-font {
  --fa: "\f031";
}

.fa-table-cells-row-lock {
  --fa: "\e67a";
}

.fa-rupiah-sign {
  --fa: "\e23d";
}

.fa-magnifying-glass {
  --fa: "\f002";
}

.fa-search {
  --fa: "\f002";
}

.fa-table-tennis-paddle-ball {
  --fa: "\f45d";
}

.fa-ping-pong-paddle-ball {
  --fa: "\f45d";
}

.fa-table-tennis {
  --fa: "\f45d";
}

.fa-person-dots-from-line {
  --fa: "\f470";
}

.fa-diagnoses {
  --fa: "\f470";
}

.fa-trash-can-arrow-up {
  --fa: "\f82a";
}

.fa-trash-restore-alt {
  --fa: "\f82a";
}

.fa-naira-sign {
  --fa: "\e1f6";
}

.fa-cart-arrow-down {
  --fa: "\f218";
}

.fa-walkie-talkie {
  --fa: "\f8ef";
}

.fa-file-pen {
  --fa: "\f31c";
}

.fa-file-edit {
  --fa: "\f31c";
}

.fa-receipt {
  --fa: "\f543";
}

.fa-square-pen {
  --fa: "\f14b";
}

.fa-pen-square {
  --fa: "\f14b";
}

.fa-pencil-square {
  --fa: "\f14b";
}

.fa-suitcase-rolling {
  --fa: "\f5c1";
}

.fa-person-circle-exclamation {
  --fa: "\e53f";
}

.fa-chevron-down {
  --fa: "\f078";
}

.fa-battery-full {
  --fa: "\f240";
}

.fa-battery {
  --fa: "\f240";
}

.fa-battery-5 {
  --fa: "\f240";
}

.fa-skull-crossbones {
  --fa: "\f714";
}

.fa-code-compare {
  --fa: "\e13a";
}

.fa-list-ul {
  --fa: "\f0ca";
}

.fa-list-dots {
  --fa: "\f0ca";
}

.fa-school-lock {
  --fa: "\e56f";
}

.fa-tower-cell {
  --fa: "\e585";
}

.fa-down-long {
  --fa: "\f309";
}

.fa-long-arrow-alt-down {
  --fa: "\f309";
}

.fa-ranking-star {
  --fa: "\e561";
}

.fa-chess-king {
  --fa: "\f43f";
}

.fa-person-harassing {
  --fa: "\e549";
}

.fa-brazilian-real-sign {
  --fa: "\e46c";
}

.fa-landmark-dome {
  --fa: "\f752";
}

.fa-landmark-alt {
  --fa: "\f752";
}

.fa-arrow-up {
  --fa: "\f062";
}

.fa-tv {
  --fa: "\f26c";
}

.fa-television {
  --fa: "\f26c";
}

.fa-tv-alt {
  --fa: "\f26c";
}

.fa-shrimp {
  --fa: "\e448";
}

.fa-list-check {
  --fa: "\f0ae";
}

.fa-tasks {
  --fa: "\f0ae";
}

.fa-jug-detergent {
  --fa: "\e519";
}

.fa-circle-user {
  --fa: "\f2bd";
}

.fa-user-circle {
  --fa: "\f2bd";
}

.fa-user-shield {
  --fa: "\f505";
}

.fa-wind {
  --fa: "\f72e";
}

.fa-car-burst {
  --fa: "\f5e1";
}

.fa-car-crash {
  --fa: "\f5e1";
}

.fa-y {
  --fa: "Y";
}

.fa-person-snowboarding {
  --fa: "\f7ce";
}

.fa-snowboarding {
  --fa: "\f7ce";
}

.fa-truck-fast {
  --fa: "\f48b";
}

.fa-shipping-fast {
  --fa: "\f48b";
}

.fa-fish {
  --fa: "\f578";
}

.fa-user-graduate {
  --fa: "\f501";
}

.fa-circle-half-stroke {
  --fa: "\f042";
}

.fa-adjust {
  --fa: "\f042";
}

.fa-clapperboard {
  --fa: "\e131";
}

.fa-circle-radiation {
  --fa: "\f7ba";
}

.fa-radiation-alt {
  --fa: "\f7ba";
}

.fa-baseball {
  --fa: "\f433";
}

.fa-baseball-ball {
  --fa: "\f433";
}

.fa-jet-fighter-up {
  --fa: "\e518";
}

.fa-diagram-project {
  --fa: "\f542";
}

.fa-project-diagram {
  --fa: "\f542";
}

.fa-copy {
  --fa: "\f0c5";
}

.fa-volume-xmark {
  --fa: "\f6a9";
}

.fa-volume-mute {
  --fa: "\f6a9";
}

.fa-volume-times {
  --fa: "\f6a9";
}

.fa-hand-sparkles {
  --fa: "\e05d";
}

.fa-grip {
  --fa: "\f58d";
}

.fa-grip-horizontal {
  --fa: "\f58d";
}

.fa-share-from-square {
  --fa: "\f14d";
}

.fa-share-square {
  --fa: "\f14d";
}

.fa-child-combatant {
  --fa: "\e4e0";
}

.fa-child-rifle {
  --fa: "\e4e0";
}

.fa-gun {
  --fa: "\e19b";
}

.fa-square-phone {
  --fa: "\f098";
}

.fa-phone-square {
  --fa: "\f098";
}

.fa-plus {
  --fa: "\+";
}

.fa-add {
  --fa: "\+";
}

.fa-expand {
  --fa: "\f065";
}

.fa-computer {
  --fa: "\e4e5";
}

.fa-xmark {
  --fa: "\f00d";
}

.fa-close {
  --fa: "\f00d";
}

.fa-multiply {
  --fa: "\f00d";
}

.fa-remove {
  --fa: "\f00d";
}

.fa-times {
  --fa: "\f00d";
}

.fa-arrows-up-down-left-right {
  --fa: "\f047";
}

.fa-arrows {
  --fa: "\f047";
}

.fa-chalkboard-user {
  --fa: "\f51c";
}

.fa-chalkboard-teacher {
  --fa: "\f51c";
}

.fa-peso-sign {
  --fa: "\e222";
}

.fa-building-shield {
  --fa: "\e4d8";
}

.fa-baby {
  --fa: "\f77c";
}

.fa-users-line {
  --fa: "\e592";
}

.fa-quote-left {
  --fa: "\f10d";
}

.fa-quote-left-alt {
  --fa: "\f10d";
}

.fa-tractor {
  --fa: "\f722";
}

.fa-trash-arrow-up {
  --fa: "\f829";
}

.fa-trash-restore {
  --fa: "\f829";
}

.fa-arrow-down-up-lock {
  --fa: "\e4b0";
}

.fa-lines-leaning {
  --fa: "\e51e";
}

.fa-ruler-combined {
  --fa: "\f546";
}

.fa-copyright {
  --fa: "\f1f9";
}

.fa-equals {
  --fa: "\=";
}

.fa-blender {
  --fa: "\f517";
}

.fa-teeth {
  --fa: "\f62e";
}

.fa-shekel-sign {
  --fa: "\f20b";
}

.fa-ils {
  --fa: "\f20b";
}

.fa-shekel {
  --fa: "\f20b";
}

.fa-sheqel {
  --fa: "\f20b";
}

.fa-sheqel-sign {
  --fa: "\f20b";
}

.fa-map {
  --fa: "\f279";
}

.fa-rocket {
  --fa: "\f135";
}

.fa-photo-film {
  --fa: "\f87c";
}

.fa-photo-video {
  --fa: "\f87c";
}

.fa-folder-minus {
  --fa: "\f65d";
}

.fa-hexagon-nodes-bolt {
  --fa: "\e69a";
}

.fa-store {
  --fa: "\f54e";
}

.fa-arrow-trend-up {
  --fa: "\e098";
}

.fa-plug-circle-minus {
  --fa: "\e55e";
}

.fa-sign-hanging {
  --fa: "\f4d9";
}

.fa-sign {
  --fa: "\f4d9";
}

.fa-bezier-curve {
  --fa: "\f55b";
}

.fa-bell-slash {
  --fa: "\f1f6";
}

.fa-tablet {
  --fa: "\f3fb";
}

.fa-tablet-android {
  --fa: "\f3fb";
}

.fa-school-flag {
  --fa: "\e56e";
}

.fa-fill {
  --fa: "\f575";
}

.fa-angle-up {
  --fa: "\f106";
}

.fa-drumstick-bite {
  --fa: "\f6d7";
}

.fa-holly-berry {
  --fa: "\f7aa";
}

.fa-chevron-left {
  --fa: "\f053";
}

.fa-bacteria {
  --fa: "\e059";
}

.fa-hand-lizard {
  --fa: "\f258";
}

.fa-notdef {
  --fa: "\e1fe";
}

.fa-disease {
  --fa: "\f7fa";
}

.fa-briefcase-medical {
  --fa: "\f469";
}

.fa-genderless {
  --fa: "\f22d";
}

.fa-chevron-right {
  --fa: "\f054";
}

.fa-retweet {
  --fa: "\f079";
}

.fa-car-rear {
  --fa: "\f5de";
}

.fa-car-alt {
  --fa: "\f5de";
}

.fa-pump-soap {
  --fa: "\e06b";
}

.fa-video-slash {
  --fa: "\f4e2";
}

.fa-battery-quarter {
  --fa: "\f243";
}

.fa-battery-2 {
  --fa: "\f243";
}

.fa-radio {
  --fa: "\f8d7";
}

.fa-baby-carriage {
  --fa: "\f77d";
}

.fa-carriage-baby {
  --fa: "\f77d";
}

.fa-traffic-light {
  --fa: "\f637";
}

.fa-thermometer {
  --fa: "\f491";
}

.fa-vr-cardboard {
  --fa: "\f729";
}

.fa-hand-middle-finger {
  --fa: "\f806";
}

.fa-percent {
  --fa: "\%";
}

.fa-percentage {
  --fa: "\%";
}

.fa-truck-moving {
  --fa: "\f4df";
}

.fa-glass-water-droplet {
  --fa: "\e4f5";
}

.fa-display {
  --fa: "\e163";
}

.fa-face-smile {
  --fa: "\f118";
}

.fa-smile {
  --fa: "\f118";
}

.fa-thumbtack {
  --fa: "\f08d";
}

.fa-thumb-tack {
  --fa: "\f08d";
}

.fa-trophy {
  --fa: "\f091";
}

.fa-person-praying {
  --fa: "\f683";
}

.fa-pray {
  --fa: "\f683";
}

.fa-hammer {
  --fa: "\f6e3";
}

.fa-hand-peace {
  --fa: "\f25b";
}

.fa-rotate {
  --fa: "\f2f1";
}

.fa-sync-alt {
  --fa: "\f2f1";
}

.fa-spinner {
  --fa: "\f110";
}

.fa-robot {
  --fa: "\f544";
}

.fa-peace {
  --fa: "\f67c";
}

.fa-gears {
  --fa: "\f085";
}

.fa-cogs {
  --fa: "\f085";
}

.fa-warehouse {
  --fa: "\f494";
}

.fa-arrow-up-right-dots {
  --fa: "\e4b7";
}

.fa-splotch {
  --fa: "\f5bc";
}

.fa-face-grin-hearts {
  --fa: "\f584";
}

.fa-grin-hearts {
  --fa: "\f584";
}

.fa-dice-four {
  --fa: "\f524";
}

.fa-sim-card {
  --fa: "\f7c4";
}

.fa-transgender {
  --fa: "\f225";
}

.fa-transgender-alt {
  --fa: "\f225";
}

.fa-mercury {
  --fa: "\f223";
}

.fa-arrow-turn-down {
  --fa: "\f149";
}

.fa-level-down {
  --fa: "\f149";
}

.fa-person-falling-burst {
  --fa: "\e547";
}

.fa-award {
  --fa: "\f559";
}

.fa-ticket-simple {
  --fa: "\f3ff";
}

.fa-ticket-alt {
  --fa: "\f3ff";
}

.fa-building {
  --fa: "\f1ad";
}

.fa-angles-left {
  --fa: "\f100";
}

.fa-angle-double-left {
  --fa: "\f100";
}

.fa-qrcode {
  --fa: "\f029";
}

.fa-clock-rotate-left {
  --fa: "\f1da";
}

.fa-history {
  --fa: "\f1da";
}

.fa-face-grin-beam-sweat {
  --fa: "\f583";
}

.fa-grin-beam-sweat {
  --fa: "\f583";
}

.fa-file-export {
  --fa: "\f56e";
}

.fa-arrow-right-from-file {
  --fa: "\f56e";
}

.fa-shield {
  --fa: "\f132";
}

.fa-shield-blank {
  --fa: "\f132";
}

.fa-arrow-up-short-wide {
  --fa: "\f885";
}

.fa-sort-amount-up-alt {
  --fa: "\f885";
}

.fa-comment-nodes {
  --fa: "\e696";
}

.fa-house-medical {
  --fa: "\e3b2";
}

.fa-golf-ball-tee {
  --fa: "\f450";
}

.fa-golf-ball {
  --fa: "\f450";
}

.fa-circle-chevron-left {
  --fa: "\f137";
}

.fa-chevron-circle-left {
  --fa: "\f137";
}

.fa-house-chimney-window {
  --fa: "\e00d";
}

.fa-pen-nib {
  --fa: "\f5ad";
}

.fa-tent-arrow-turn-left {
  --fa: "\e580";
}

.fa-tents {
  --fa: "\e582";
}

.fa-wand-magic {
  --fa: "\f0d0";
}

.fa-magic {
  --fa: "\f0d0";
}

.fa-dog {
  --fa: "\f6d3";
}

.fa-carrot {
  --fa: "\f787";
}

.fa-moon {
  --fa: "\f186";
}

.fa-wine-glass-empty {
  --fa: "\f5ce";
}

.fa-wine-glass-alt {
  --fa: "\f5ce";
}

.fa-cheese {
  --fa: "\f7ef";
}

.fa-yin-yang {
  --fa: "\f6ad";
}

.fa-music {
  --fa: "\f001";
}

.fa-code-commit {
  --fa: "\f386";
}

.fa-temperature-low {
  --fa: "\f76b";
}

.fa-person-biking {
  --fa: "\f84a";
}

.fa-biking {
  --fa: "\f84a";
}

.fa-broom {
  --fa: "\f51a";
}

.fa-shield-heart {
  --fa: "\e574";
}

.fa-gopuram {
  --fa: "\f664";
}

.fa-earth-oceania {
  --fa: "\e47b";
}

.fa-globe-oceania {
  --fa: "\e47b";
}

.fa-square-xmark {
  --fa: "\f2d3";
}

.fa-times-square {
  --fa: "\f2d3";
}

.fa-xmark-square {
  --fa: "\f2d3";
}

.fa-hashtag {
  --fa: "\#";
}

.fa-up-right-and-down-left-from-center {
  --fa: "\f424";
}

.fa-expand-alt {
  --fa: "\f424";
}

.fa-oil-can {
  --fa: "\f613";
}

.fa-t {
  --fa: "T";
}

.fa-hippo {
  --fa: "\f6ed";
}

.fa-chart-column {
  --fa: "\e0e3";
}

.fa-infinity {
  --fa: "\f534";
}

.fa-vial-circle-check {
  --fa: "\e596";
}

.fa-person-arrow-down-to-line {
  --fa: "\e538";
}

.fa-voicemail {
  --fa: "\f897";
}

.fa-fan {
  --fa: "\f863";
}

.fa-person-walking-luggage {
  --fa: "\e554";
}

.fa-up-down {
  --fa: "\f338";
}

.fa-arrows-alt-v {
  --fa: "\f338";
}

.fa-cloud-moon-rain {
  --fa: "\f73c";
}

.fa-calendar {
  --fa: "\f133";
}

.fa-trailer {
  --fa: "\e041";
}

.fa-bahai {
  --fa: "\f666";
}

.fa-haykal {
  --fa: "\f666";
}

.fa-sd-card {
  --fa: "\f7c2";
}

.fa-dragon {
  --fa: "\f6d5";
}

.fa-shoe-prints {
  --fa: "\f54b";
}

.fa-circle-plus {
  --fa: "\f055";
}

.fa-plus-circle {
  --fa: "\f055";
}

.fa-face-grin-tongue-wink {
  --fa: "\f58b";
}

.fa-grin-tongue-wink {
  --fa: "\f58b";
}

.fa-hand-holding {
  --fa: "\f4bd";
}

.fa-plug-circle-exclamation {
  --fa: "\e55d";
}

.fa-link-slash {
  --fa: "\f127";
}

.fa-chain-broken {
  --fa: "\f127";
}

.fa-chain-slash {
  --fa: "\f127";
}

.fa-unlink {
  --fa: "\f127";
}

.fa-clone {
  --fa: "\f24d";
}

.fa-person-walking-arrow-loop-left {
  --fa: "\e551";
}

.fa-arrow-up-z-a {
  --fa: "\f882";
}

.fa-sort-alpha-up-alt {
  --fa: "\f882";
}

.fa-fire-flame-curved {
  --fa: "\f7e4";
}

.fa-fire-alt {
  --fa: "\f7e4";
}

.fa-tornado {
  --fa: "\f76f";
}

.fa-file-circle-plus {
  --fa: "\e494";
}

.fa-book-quran {
  --fa: "\f687";
}

.fa-quran {
  --fa: "\f687";
}

.fa-anchor {
  --fa: "\f13d";
}

.fa-border-all {
  --fa: "\f84c";
}

.fa-face-angry {
  --fa: "\f556";
}

.fa-angry {
  --fa: "\f556";
}

.fa-cookie-bite {
  --fa: "\f564";
}

.fa-arrow-trend-down {
  --fa: "\e097";
}

.fa-rss {
  --fa: "\f09e";
}

.fa-feed {
  --fa: "\f09e";
}

.fa-draw-polygon {
  --fa: "\f5ee";
}

.fa-scale-balanced {
  --fa: "\f24e";
}

.fa-balance-scale {
  --fa: "\f24e";
}

.fa-gauge-simple-high {
  --fa: "\f62a";
}

.fa-tachometer {
  --fa: "\f62a";
}

.fa-tachometer-fast {
  --fa: "\f62a";
}

.fa-shower {
  --fa: "\f2cc";
}

.fa-desktop {
  --fa: "\f390";
}

.fa-desktop-alt {
  --fa: "\f390";
}

.fa-m {
  --fa: "M";
}

.fa-table-list {
  --fa: "\f00b";
}

.fa-th-list {
  --fa: "\f00b";
}

.fa-comment-sms {
  --fa: "\f7cd";
}

.fa-sms {
  --fa: "\f7cd";
}

.fa-book {
  --fa: "\f02d";
}

.fa-user-plus {
  --fa: "\f234";
}

.fa-check {
  --fa: "\f00c";
}

.fa-battery-three-quarters {
  --fa: "\f241";
}

.fa-battery-4 {
  --fa: "\f241";
}

.fa-house-circle-check {
  --fa: "\e509";
}

.fa-angle-left {
  --fa: "\f104";
}

.fa-diagram-successor {
  --fa: "\e47a";
}

.fa-truck-arrow-right {
  --fa: "\e58b";
}

.fa-arrows-split-up-and-left {
  --fa: "\e4bc";
}

.fa-hand-fist {
  --fa: "\f6de";
}

.fa-fist-raised {
  --fa: "\f6de";
}

.fa-cloud-moon {
  --fa: "\f6c3";
}

.fa-briefcase {
  --fa: "\f0b1";
}

.fa-person-falling {
  --fa: "\e546";
}

.fa-image-portrait {
  --fa: "\f3e0";
}

.fa-portrait {
  --fa: "\f3e0";
}

.fa-user-tag {
  --fa: "\f507";
}

.fa-rug {
  --fa: "\e569";
}

.fa-earth-europe {
  --fa: "\f7a2";
}

.fa-globe-europe {
  --fa: "\f7a2";
}

.fa-cart-flatbed-suitcase {
  --fa: "\f59d";
}

.fa-luggage-cart {
  --fa: "\f59d";
}

.fa-rectangle-xmark {
  --fa: "\f410";
}

.fa-rectangle-times {
  --fa: "\f410";
}

.fa-times-rectangle {
  --fa: "\f410";
}

.fa-window-close {
  --fa: "\f410";
}

.fa-baht-sign {
  --fa: "\e0ac";
}

.fa-book-open {
  --fa: "\f518";
}

.fa-book-journal-whills {
  --fa: "\f66a";
}

.fa-journal-whills {
  --fa: "\f66a";
}

.fa-handcuffs {
  --fa: "\e4f8";
}

.fa-triangle-exclamation {
  --fa: "\f071";
}

.fa-exclamation-triangle {
  --fa: "\f071";
}

.fa-warning {
  --fa: "\f071";
}

.fa-database {
  --fa: "\f1c0";
}

.fa-share {
  --fa: "\f064";
}

.fa-mail-forward {
  --fa: "\f064";
}

.fa-bottle-droplet {
  --fa: "\e4c4";
}

.fa-mask-face {
  --fa: "\e1d7";
}

.fa-hill-rockslide {
  --fa: "\e508";
}

.fa-right-left {
  --fa: "\f362";
}

.fa-exchange-alt {
  --fa: "\f362";
}

.fa-paper-plane {
  --fa: "\f1d8";
}

.fa-road-circle-exclamation {
  --fa: "\e565";
}

.fa-dungeon {
  --fa: "\f6d9";
}

.fa-align-right {
  --fa: "\f038";
}

.fa-money-bill-1-wave {
  --fa: "\f53b";
}

.fa-money-bill-wave-alt {
  --fa: "\f53b";
}

.fa-life-ring {
  --fa: "\f1cd";
}

.fa-hands {
  --fa: "\f2a7";
}

.fa-sign-language {
  --fa: "\f2a7";
}

.fa-signing {
  --fa: "\f2a7";
}

.fa-calendar-day {
  --fa: "\f783";
}

.fa-water-ladder {
  --fa: "\f5c5";
}

.fa-ladder-water {
  --fa: "\f5c5";
}

.fa-swimming-pool {
  --fa: "\f5c5";
}

.fa-arrows-up-down {
  --fa: "\f07d";
}

.fa-arrows-v {
  --fa: "\f07d";
}

.fa-face-grimace {
  --fa: "\f57f";
}

.fa-grimace {
  --fa: "\f57f";
}

.fa-wheelchair-move {
  --fa: "\e2ce";
}

.fa-wheelchair-alt {
  --fa: "\e2ce";
}

.fa-turn-down {
  --fa: "\f3be";
}

.fa-level-down-alt {
  --fa: "\f3be";
}

.fa-person-walking-arrow-right {
  --fa: "\e552";
}

.fa-square-envelope {
  --fa: "\f199";
}

.fa-envelope-square {
  --fa: "\f199";
}

.fa-dice {
  --fa: "\f522";
}

.fa-bowling-ball {
  --fa: "\f436";
}

.fa-brain {
  --fa: "\f5dc";
}

.fa-bandage {
  --fa: "\f462";
}

.fa-band-aid {
  --fa: "\f462";
}

.fa-calendar-minus {
  --fa: "\f272";
}

.fa-circle-xmark {
  --fa: "\f057";
}

.fa-times-circle {
  --fa: "\f057";
}

.fa-xmark-circle {
  --fa: "\f057";
}

.fa-gifts {
  --fa: "\f79c";
}

.fa-hotel {
  --fa: "\f594";
}

.fa-earth-asia {
  --fa: "\f57e";
}

.fa-globe-asia {
  --fa: "\f57e";
}

.fa-id-card-clip {
  --fa: "\f47f";
}

.fa-id-card-alt {
  --fa: "\f47f";
}

.fa-magnifying-glass-plus {
  --fa: "\f00e";
}

.fa-search-plus {
  --fa: "\f00e";
}

.fa-thumbs-up {
  --fa: "\f164";
}

.fa-user-clock {
  --fa: "\f4fd";
}

.fa-hand-dots {
  --fa: "\f461";
}

.fa-allergies {
  --fa: "\f461";
}

.fa-file-invoice {
  --fa: "\f570";
}

.fa-window-minimize {
  --fa: "\f2d1";
}

.fa-mug-saucer {
  --fa: "\f0f4";
}

.fa-coffee {
  --fa: "\f0f4";
}

.fa-brush {
  --fa: "\f55d";
}

.fa-file-half-dashed {
  --fa: "\e698";
}

.fa-mask {
  --fa: "\f6fa";
}

.fa-magnifying-glass-minus {
  --fa: "\f010";
}

.fa-search-minus {
  --fa: "\f010";
}

.fa-ruler-vertical {
  --fa: "\f548";
}

.fa-user-large {
  --fa: "\f406";
}

.fa-user-alt {
  --fa: "\f406";
}

.fa-train-tram {
  --fa: "\e5b4";
}

.fa-user-nurse {
  --fa: "\f82f";
}

.fa-syringe {
  --fa: "\f48e";
}

.fa-cloud-sun {
  --fa: "\f6c4";
}

.fa-stopwatch-20 {
  --fa: "\e06f";
}

.fa-square-full {
  --fa: "\f45c";
}

.fa-magnet {
  --fa: "\f076";
}

.fa-jar {
  --fa: "\e516";
}

.fa-note-sticky {
  --fa: "\f249";
}

.fa-sticky-note {
  --fa: "\f249";
}

.fa-bug-slash {
  --fa: "\e490";
}

.fa-arrow-up-from-water-pump {
  --fa: "\e4b6";
}

.fa-bone {
  --fa: "\f5d7";
}

.fa-table-cells-row-unlock {
  --fa: "\e691";
}

.fa-user-injured {
  --fa: "\f728";
}

.fa-face-sad-tear {
  --fa: "\f5b4";
}

.fa-sad-tear {
  --fa: "\f5b4";
}

.fa-plane {
  --fa: "\f072";
}

.fa-tent-arrows-down {
  --fa: "\e581";
}

.fa-exclamation {
  --fa: "\!";
}

.fa-arrows-spin {
  --fa: "\e4bb";
}

.fa-print {
  --fa: "\f02f";
}

.fa-turkish-lira-sign {
  --fa: "\e2bb";
}

.fa-try {
  --fa: "\e2bb";
}

.fa-turkish-lira {
  --fa: "\e2bb";
}

.fa-dollar-sign {
  --fa: "\$";
}

.fa-dollar {
  --fa: "\$";
}

.fa-usd {
  --fa: "\$";
}

.fa-x {
  --fa: "X";
}

.fa-magnifying-glass-dollar {
  --fa: "\f688";
}

.fa-search-dollar {
  --fa: "\f688";
}

.fa-users-gear {
  --fa: "\f509";
}

.fa-users-cog {
  --fa: "\f509";
}

.fa-person-military-pointing {
  --fa: "\e54a";
}

.fa-building-columns {
  --fa: "\f19c";
}

.fa-bank {
  --fa: "\f19c";
}

.fa-institution {
  --fa: "\f19c";
}

.fa-museum {
  --fa: "\f19c";
}

.fa-university {
  --fa: "\f19c";
}

.fa-umbrella {
  --fa: "\f0e9";
}

.fa-trowel {
  --fa: "\e589";
}

.fa-d {
  --fa: "D";
}

.fa-stapler {
  --fa: "\e5af";
}

.fa-masks-theater {
  --fa: "\f630";
}

.fa-theater-masks {
  --fa: "\f630";
}

.fa-kip-sign {
  --fa: "\e1c4";
}

.fa-hand-point-left {
  --fa: "\f0a5";
}

.fa-handshake-simple {
  --fa: "\f4c6";
}

.fa-handshake-alt {
  --fa: "\f4c6";
}

.fa-jet-fighter {
  --fa: "\f0fb";
}

.fa-fighter-jet {
  --fa: "\f0fb";
}

.fa-square-share-nodes {
  --fa: "\f1e1";
}

.fa-share-alt-square {
  --fa: "\f1e1";
}

.fa-barcode {
  --fa: "\f02a";
}

.fa-plus-minus {
  --fa: "\e43c";
}

.fa-video {
  --fa: "\f03d";
}

.fa-video-camera {
  --fa: "\f03d";
}

.fa-graduation-cap {
  --fa: "\f19d";
}

.fa-mortar-board {
  --fa: "\f19d";
}

.fa-hand-holding-medical {
  --fa: "\e05c";
}

.fa-person-circle-check {
  --fa: "\e53e";
}

.fa-turn-up {
  --fa: "\f3bf";
}

.fa-level-up-alt {
  --fa: "\f3bf";
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/assets/@fortawesome/fontawesome-free/webfonts/fa-solid-900-64214b0a6635e69b2722c690f29506337eccbc40c088f7f5bc4e42b361d162a8.woff2) format("woff2"), url(/assets/@fortawesome/fontawesome-free/webfonts/fa-solid-900-44ef3d6557f63579b379a863e53cc44a21b5dca68bea163842cf2f88741b53fc.ttf) format("truetype");
}
.fas,
.fa-solid {
  font-weight: 900;
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/assets/@fortawesome/fontawesome-free/webfonts/fa-brands-400-1f56bc1732fed207bf092be076fd531aa7e15e8af32fd4ce2e98ef278d385bac.woff2) format("woff2"), url(/assets/@fortawesome/fontawesome-free/webfonts/fa-brands-400-89694cccd89936fa505b71253427335d580a5989a0e3a614d87a934b58b0e2a8.ttf) format("truetype");
}
.fab,
.fa-brands {
  font-weight: 400;
}

.fa-monero {
  --fa: "\f3d0";
}

.fa-hooli {
  --fa: "\f427";
}

.fa-yelp {
  --fa: "\f1e9";
}

.fa-cc-visa {
  --fa: "\f1f0";
}

.fa-lastfm {
  --fa: "\f202";
}

.fa-shopware {
  --fa: "\f5b5";
}

.fa-creative-commons-nc {
  --fa: "\f4e8";
}

.fa-aws {
  --fa: "\f375";
}

.fa-redhat {
  --fa: "\f7bc";
}

.fa-yoast {
  --fa: "\f2b1";
}

.fa-cloudflare {
  --fa: "\e07d";
}

.fa-ups {
  --fa: "\f7e0";
}

.fa-pixiv {
  --fa: "\e640";
}

.fa-wpexplorer {
  --fa: "\f2de";
}

.fa-dyalog {
  --fa: "\f399";
}

.fa-bity {
  --fa: "\f37a";
}

.fa-stackpath {
  --fa: "\f842";
}

.fa-buysellads {
  --fa: "\f20d";
}

.fa-first-order {
  --fa: "\f2b0";
}

.fa-modx {
  --fa: "\f285";
}

.fa-guilded {
  --fa: "\e07e";
}

.fa-vnv {
  --fa: "\f40b";
}

.fa-square-js {
  --fa: "\f3b9";
}

.fa-js-square {
  --fa: "\f3b9";
}

.fa-microsoft {
  --fa: "\f3ca";
}

.fa-qq {
  --fa: "\f1d6";
}

.fa-orcid {
  --fa: "\f8d2";
}

.fa-java {
  --fa: "\f4e4";
}

.fa-invision {
  --fa: "\f7b0";
}

.fa-creative-commons-pd-alt {
  --fa: "\f4ed";
}

.fa-centercode {
  --fa: "\f380";
}

.fa-glide-g {
  --fa: "\f2a6";
}

.fa-drupal {
  --fa: "\f1a9";
}

.fa-jxl {
  --fa: "\e67b";
}

.fa-dart-lang {
  --fa: "\e693";
}

.fa-hire-a-helper {
  --fa: "\f3b0";
}

.fa-creative-commons-by {
  --fa: "\f4e7";
}

.fa-unity {
  --fa: "\e049";
}

.fa-whmcs {
  --fa: "\f40d";
}

.fa-rocketchat {
  --fa: "\f3e8";
}

.fa-vk {
  --fa: "\f189";
}

.fa-untappd {
  --fa: "\f405";
}

.fa-mailchimp {
  --fa: "\f59e";
}

.fa-css3-alt {
  --fa: "\f38b";
}

.fa-square-reddit {
  --fa: "\f1a2";
}

.fa-reddit-square {
  --fa: "\f1a2";
}

.fa-vimeo-v {
  --fa: "\f27d";
}

.fa-contao {
  --fa: "\f26d";
}

.fa-square-font-awesome {
  --fa: "\e5ad";
}

.fa-deskpro {
  --fa: "\f38f";
}

.fa-brave {
  --fa: "\e63c";
}

.fa-sistrix {
  --fa: "\f3ee";
}

.fa-square-instagram {
  --fa: "\e055";
}

.fa-instagram-square {
  --fa: "\e055";
}

.fa-battle-net {
  --fa: "\f835";
}

.fa-the-red-yeti {
  --fa: "\f69d";
}

.fa-square-hacker-news {
  --fa: "\f3af";
}

.fa-hacker-news-square {
  --fa: "\f3af";
}

.fa-edge {
  --fa: "\f282";
}

.fa-threads {
  --fa: "\e618";
}

.fa-napster {
  --fa: "\f3d2";
}

.fa-square-snapchat {
  --fa: "\f2ad";
}

.fa-snapchat-square {
  --fa: "\f2ad";
}

.fa-google-plus-g {
  --fa: "\f0d5";
}

.fa-artstation {
  --fa: "\f77a";
}

.fa-markdown {
  --fa: "\f60f";
}

.fa-sourcetree {
  --fa: "\f7d3";
}

.fa-google-plus {
  --fa: "\f2b3";
}

.fa-diaspora {
  --fa: "\f791";
}

.fa-foursquare {
  --fa: "\f180";
}

.fa-stack-overflow {
  --fa: "\f16c";
}

.fa-github-alt {
  --fa: "\f113";
}

.fa-phoenix-squadron {
  --fa: "\f511";
}

.fa-pagelines {
  --fa: "\f18c";
}

.fa-algolia {
  --fa: "\f36c";
}

.fa-red-river {
  --fa: "\f3e3";
}

.fa-creative-commons-sa {
  --fa: "\f4ef";
}

.fa-safari {
  --fa: "\f267";
}

.fa-google {
  --fa: "\f1a0";
}

.fa-square-font-awesome-stroke {
  --fa: "\f35c";
}

.fa-font-awesome-alt {
  --fa: "\f35c";
}

.fa-atlassian {
  --fa: "\f77b";
}

.fa-linkedin-in {
  --fa: "\f0e1";
}

.fa-digital-ocean {
  --fa: "\f391";
}

.fa-nimblr {
  --fa: "\f5a8";
}

.fa-chromecast {
  --fa: "\f838";
}

.fa-evernote {
  --fa: "\f839";
}

.fa-hacker-news {
  --fa: "\f1d4";
}

.fa-creative-commons-sampling {
  --fa: "\f4f0";
}

.fa-adversal {
  --fa: "\f36a";
}

.fa-creative-commons {
  --fa: "\f25e";
}

.fa-watchman-monitoring {
  --fa: "\e087";
}

.fa-fonticons {
  --fa: "\f280";
}

.fa-weixin {
  --fa: "\f1d7";
}

.fa-shirtsinbulk {
  --fa: "\f214";
}

.fa-codepen {
  --fa: "\f1cb";
}

.fa-git-alt {
  --fa: "\f841";
}

.fa-lyft {
  --fa: "\f3c3";
}

.fa-rev {
  --fa: "\f5b2";
}

.fa-windows {
  --fa: "\f17a";
}

.fa-wizards-of-the-coast {
  --fa: "\f730";
}

.fa-square-viadeo {
  --fa: "\f2aa";
}

.fa-viadeo-square {
  --fa: "\f2aa";
}

.fa-meetup {
  --fa: "\f2e0";
}

.fa-centos {
  --fa: "\f789";
}

.fa-adn {
  --fa: "\f170";
}

.fa-cloudsmith {
  --fa: "\f384";
}

.fa-opensuse {
  --fa: "\e62b";
}

.fa-pied-piper-alt {
  --fa: "\f1a8";
}

.fa-square-dribbble {
  --fa: "\f397";
}

.fa-dribbble-square {
  --fa: "\f397";
}

.fa-codiepie {
  --fa: "\f284";
}

.fa-node {
  --fa: "\f419";
}

.fa-mix {
  --fa: "\f3cb";
}

.fa-steam {
  --fa: "\f1b6";
}

.fa-cc-apple-pay {
  --fa: "\f416";
}

.fa-scribd {
  --fa: "\f28a";
}

.fa-debian {
  --fa: "\e60b";
}

.fa-openid {
  --fa: "\f19b";
}

.fa-instalod {
  --fa: "\e081";
}

.fa-files-pinwheel {
  --fa: "\e69f";
}

.fa-expeditedssl {
  --fa: "\f23e";
}

.fa-sellcast {
  --fa: "\f2da";
}

.fa-square-twitter {
  --fa: "\f081";
}

.fa-twitter-square {
  --fa: "\f081";
}

.fa-r-project {
  --fa: "\f4f7";
}

.fa-delicious {
  --fa: "\f1a5";
}

.fa-freebsd {
  --fa: "\f3a4";
}

.fa-vuejs {
  --fa: "\f41f";
}

.fa-accusoft {
  --fa: "\f369";
}

.fa-ioxhost {
  --fa: "\f208";
}

.fa-fonticons-fi {
  --fa: "\f3a2";
}

.fa-app-store {
  --fa: "\f36f";
}

.fa-cc-mastercard {
  --fa: "\f1f1";
}

.fa-itunes-note {
  --fa: "\f3b5";
}

.fa-golang {
  --fa: "\e40f";
}

.fa-kickstarter {
  --fa: "\f3bb";
}

.fa-square-kickstarter {
  --fa: "\f3bb";
}

.fa-grav {
  --fa: "\f2d6";
}

.fa-weibo {
  --fa: "\f18a";
}

.fa-uncharted {
  --fa: "\e084";
}

.fa-firstdraft {
  --fa: "\f3a1";
}

.fa-square-youtube {
  --fa: "\f431";
}

.fa-youtube-square {
  --fa: "\f431";
}

.fa-wikipedia-w {
  --fa: "\f266";
}

.fa-wpressr {
  --fa: "\f3e4";
}

.fa-rendact {
  --fa: "\f3e4";
}

.fa-angellist {
  --fa: "\f209";
}

.fa-galactic-republic {
  --fa: "\f50c";
}

.fa-nfc-directional {
  --fa: "\e530";
}

.fa-skype {
  --fa: "\f17e";
}

.fa-joget {
  --fa: "\f3b7";
}

.fa-fedora {
  --fa: "\f798";
}

.fa-stripe-s {
  --fa: "\f42a";
}

.fa-meta {
  --fa: "\e49b";
}

.fa-laravel {
  --fa: "\f3bd";
}

.fa-hotjar {
  --fa: "\f3b1";
}

.fa-bluetooth-b {
  --fa: "\f294";
}

.fa-square-letterboxd {
  --fa: "\e62e";
}

.fa-sticker-mule {
  --fa: "\f3f7";
}

.fa-creative-commons-zero {
  --fa: "\f4f3";
}

.fa-hips {
  --fa: "\f452";
}

.fa-css {
  --fa: "\e6a2";
}

.fa-behance {
  --fa: "\f1b4";
}

.fa-reddit {
  --fa: "\f1a1";
}

.fa-discord {
  --fa: "\f392";
}

.fa-chrome {
  --fa: "\f268";
}

.fa-app-store-ios {
  --fa: "\f370";
}

.fa-cc-discover {
  --fa: "\f1f2";
}

.fa-wpbeginner {
  --fa: "\f297";
}

.fa-confluence {
  --fa: "\f78d";
}

.fa-shoelace {
  --fa: "\e60c";
}

.fa-mdb {
  --fa: "\f8ca";
}

.fa-dochub {
  --fa: "\f394";
}

.fa-accessible-icon {
  --fa: "\f368";
}

.fa-ebay {
  --fa: "\f4f4";
}

.fa-amazon {
  --fa: "\f270";
}

.fa-unsplash {
  --fa: "\e07c";
}

.fa-yarn {
  --fa: "\f7e3";
}

.fa-square-steam {
  --fa: "\f1b7";
}

.fa-steam-square {
  --fa: "\f1b7";
}

.fa-500px {
  --fa: "\f26e";
}

.fa-square-vimeo {
  --fa: "\f194";
}

.fa-vimeo-square {
  --fa: "\f194";
}

.fa-asymmetrik {
  --fa: "\f372";
}

.fa-font-awesome {
  --fa: "\f2b4";
}

.fa-font-awesome-flag {
  --fa: "\f2b4";
}

.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}

.fa-gratipay {
  --fa: "\f184";
}

.fa-apple {
  --fa: "\f179";
}

.fa-hive {
  --fa: "\e07f";
}

.fa-gitkraken {
  --fa: "\f3a6";
}

.fa-keybase {
  --fa: "\f4f5";
}

.fa-apple-pay {
  --fa: "\f415";
}

.fa-padlet {
  --fa: "\e4a0";
}

.fa-amazon-pay {
  --fa: "\f42c";
}

.fa-square-github {
  --fa: "\f092";
}

.fa-github-square {
  --fa: "\f092";
}

.fa-stumbleupon {
  --fa: "\f1a4";
}

.fa-fedex {
  --fa: "\f797";
}

.fa-phoenix-framework {
  --fa: "\f3dc";
}

.fa-shopify {
  --fa: "\e057";
}

.fa-neos {
  --fa: "\f612";
}

.fa-square-threads {
  --fa: "\e619";
}

.fa-hackerrank {
  --fa: "\f5f7";
}

.fa-researchgate {
  --fa: "\f4f8";
}

.fa-swift {
  --fa: "\f8e1";
}

.fa-angular {
  --fa: "\f420";
}

.fa-speakap {
  --fa: "\f3f3";
}

.fa-angrycreative {
  --fa: "\f36e";
}

.fa-y-combinator {
  --fa: "\f23b";
}

.fa-empire {
  --fa: "\f1d1";
}

.fa-envira {
  --fa: "\f299";
}

.fa-google-scholar {
  --fa: "\e63b";
}

.fa-square-gitlab {
  --fa: "\e5ae";
}

.fa-gitlab-square {
  --fa: "\e5ae";
}

.fa-studiovinari {
  --fa: "\f3f8";
}

.fa-pied-piper {
  --fa: "\f2ae";
}

.fa-wordpress {
  --fa: "\f19a";
}

.fa-product-hunt {
  --fa: "\f288";
}

.fa-firefox {
  --fa: "\f269";
}

.fa-linode {
  --fa: "\f2b8";
}

.fa-goodreads {
  --fa: "\f3a8";
}

.fa-square-odnoklassniki {
  --fa: "\f264";
}

.fa-odnoklassniki-square {
  --fa: "\f264";
}

.fa-jsfiddle {
  --fa: "\f1cc";
}

.fa-sith {
  --fa: "\f512";
}

.fa-themeisle {
  --fa: "\f2b2";
}

.fa-page4 {
  --fa: "\f3d7";
}

.fa-hashnode {
  --fa: "\e499";
}

.fa-react {
  --fa: "\f41b";
}

.fa-cc-paypal {
  --fa: "\f1f4";
}

.fa-squarespace {
  --fa: "\f5be";
}

.fa-cc-stripe {
  --fa: "\f1f5";
}

.fa-creative-commons-share {
  --fa: "\f4f2";
}

.fa-bitcoin {
  --fa: "\f379";
}

.fa-keycdn {
  --fa: "\f3ba";
}

.fa-opera {
  --fa: "\f26a";
}

.fa-itch-io {
  --fa: "\f83a";
}

.fa-umbraco {
  --fa: "\f8e8";
}

.fa-galactic-senate {
  --fa: "\f50d";
}

.fa-ubuntu {
  --fa: "\f7df";
}

.fa-draft2digital {
  --fa: "\f396";
}

.fa-stripe {
  --fa: "\f429";
}

.fa-houzz {
  --fa: "\f27c";
}

.fa-gg {
  --fa: "\f260";
}

.fa-dhl {
  --fa: "\f790";
}

.fa-square-pinterest {
  --fa: "\f0d3";
}

.fa-pinterest-square {
  --fa: "\f0d3";
}

.fa-xing {
  --fa: "\f168";
}

.fa-blackberry {
  --fa: "\f37b";
}

.fa-creative-commons-pd {
  --fa: "\f4ec";
}

.fa-playstation {
  --fa: "\f3df";
}

.fa-quinscape {
  --fa: "\f459";
}

.fa-less {
  --fa: "\f41d";
}

.fa-blogger-b {
  --fa: "\f37d";
}

.fa-opencart {
  --fa: "\f23d";
}

.fa-vine {
  --fa: "\f1ca";
}

.fa-signal-messenger {
  --fa: "\e663";
}

.fa-paypal {
  --fa: "\f1ed";
}

.fa-gitlab {
  --fa: "\f296";
}

.fa-typo3 {
  --fa: "\f42b";
}

.fa-reddit-alien {
  --fa: "\f281";
}

.fa-yahoo {
  --fa: "\f19e";
}

.fa-dailymotion {
  --fa: "\e052";
}

.fa-affiliatetheme {
  --fa: "\f36b";
}

.fa-pied-piper-pp {
  --fa: "\f1a7";
}

.fa-bootstrap {
  --fa: "\f836";
}

.fa-odnoklassniki {
  --fa: "\f263";
}

.fa-nfc-symbol {
  --fa: "\e531";
}

.fa-mintbit {
  --fa: "\e62f";
}

.fa-ethereum {
  --fa: "\f42e";
}

.fa-speaker-deck {
  --fa: "\f83c";
}

.fa-creative-commons-nc-eu {
  --fa: "\f4e9";
}

.fa-patreon {
  --fa: "\f3d9";
}

.fa-avianex {
  --fa: "\f374";
}

.fa-ello {
  --fa: "\f5f1";
}

.fa-gofore {
  --fa: "\f3a7";
}

.fa-bimobject {
  --fa: "\f378";
}

.fa-brave-reverse {
  --fa: "\e63d";
}

.fa-facebook-f {
  --fa: "\f39e";
}

.fa-square-google-plus {
  --fa: "\f0d4";
}

.fa-google-plus-square {
  --fa: "\f0d4";
}

.fa-web-awesome {
  --fa: "\e682";
}

.fa-mandalorian {
  --fa: "\f50f";
}

.fa-first-order-alt {
  --fa: "\f50a";
}

.fa-osi {
  --fa: "\f41a";
}

.fa-google-wallet {
  --fa: "\f1ee";
}

.fa-d-and-d-beyond {
  --fa: "\f6ca";
}

.fa-periscope {
  --fa: "\f3da";
}

.fa-fulcrum {
  --fa: "\f50b";
}

.fa-cloudscale {
  --fa: "\f383";
}

.fa-forumbee {
  --fa: "\f211";
}

.fa-mizuni {
  --fa: "\f3cc";
}

.fa-schlix {
  --fa: "\f3ea";
}

.fa-square-xing {
  --fa: "\f169";
}

.fa-xing-square {
  --fa: "\f169";
}

.fa-bandcamp {
  --fa: "\f2d5";
}

.fa-wpforms {
  --fa: "\f298";
}

.fa-cloudversify {
  --fa: "\f385";
}

.fa-usps {
  --fa: "\f7e1";
}

.fa-megaport {
  --fa: "\f5a3";
}

.fa-magento {
  --fa: "\f3c4";
}

.fa-spotify {
  --fa: "\f1bc";
}

.fa-optin-monster {
  --fa: "\f23c";
}

.fa-fly {
  --fa: "\f417";
}

.fa-square-bluesky {
  --fa: "\e6a3";
}

.fa-aviato {
  --fa: "\f421";
}

.fa-itunes {
  --fa: "\f3b4";
}

.fa-cuttlefish {
  --fa: "\f38c";
}

.fa-blogger {
  --fa: "\f37c";
}

.fa-flickr {
  --fa: "\f16e";
}

.fa-viber {
  --fa: "\f409";
}

.fa-soundcloud {
  --fa: "\f1be";
}

.fa-digg {
  --fa: "\f1a6";
}

.fa-tencent-weibo {
  --fa: "\f1d5";
}

.fa-letterboxd {
  --fa: "\e62d";
}

.fa-symfony {
  --fa: "\f83d";
}

.fa-maxcdn {
  --fa: "\f136";
}

.fa-etsy {
  --fa: "\f2d7";
}

.fa-facebook-messenger {
  --fa: "\f39f";
}

.fa-audible {
  --fa: "\f373";
}

.fa-think-peaks {
  --fa: "\f731";
}

.fa-bilibili {
  --fa: "\e3d9";
}

.fa-erlang {
  --fa: "\f39d";
}

.fa-x-twitter {
  --fa: "\e61b";
}

.fa-cotton-bureau {
  --fa: "\f89e";
}

.fa-dashcube {
  --fa: "\f210";
}

.fa-42-group {
  --fa: "\e080";
}

.fa-innosoft {
  --fa: "\e080";
}

.fa-stack-exchange {
  --fa: "\f18d";
}

.fa-elementor {
  --fa: "\f430";
}

.fa-square-pied-piper {
  --fa: "\e01e";
}

.fa-pied-piper-square {
  --fa: "\e01e";
}

.fa-creative-commons-nd {
  --fa: "\f4eb";
}

.fa-palfed {
  --fa: "\f3d8";
}

.fa-superpowers {
  --fa: "\f2dd";
}

.fa-resolving {
  --fa: "\f3e7";
}

.fa-xbox {
  --fa: "\f412";
}

.fa-square-web-awesome-stroke {
  --fa: "\e684";
}

.fa-searchengin {
  --fa: "\f3eb";
}

.fa-tiktok {
  --fa: "\e07b";
}

.fa-square-facebook {
  --fa: "\f082";
}

.fa-facebook-square {
  --fa: "\f082";
}

.fa-renren {
  --fa: "\f18b";
}

.fa-linux {
  --fa: "\f17c";
}

.fa-glide {
  --fa: "\f2a5";
}

.fa-linkedin {
  --fa: "\f08c";
}

.fa-hubspot {
  --fa: "\f3b2";
}

.fa-deploydog {
  --fa: "\f38e";
}

.fa-twitch {
  --fa: "\f1e8";
}

.fa-flutter {
  --fa: "\e694";
}

.fa-ravelry {
  --fa: "\f2d9";
}

.fa-mixer {
  --fa: "\e056";
}

.fa-square-lastfm {
  --fa: "\f203";
}

.fa-lastfm-square {
  --fa: "\f203";
}

.fa-vimeo {
  --fa: "\f40a";
}

.fa-mendeley {
  --fa: "\f7b3";
}

.fa-uniregistry {
  --fa: "\f404";
}

.fa-figma {
  --fa: "\f799";
}

.fa-creative-commons-remix {
  --fa: "\f4ee";
}

.fa-cc-amazon-pay {
  --fa: "\f42d";
}

.fa-dropbox {
  --fa: "\f16b";
}

.fa-instagram {
  --fa: "\f16d";
}

.fa-cmplid {
  --fa: "\e360";
}

.fa-upwork {
  --fa: "\e641";
}

.fa-facebook {
  --fa: "\f09a";
}

.fa-gripfire {
  --fa: "\f3ac";
}

.fa-jedi-order {
  --fa: "\f50e";
}

.fa-uikit {
  --fa: "\f403";
}

.fa-fort-awesome-alt {
  --fa: "\f3a3";
}

.fa-phabricator {
  --fa: "\f3db";
}

.fa-ussunnah {
  --fa: "\f407";
}

.fa-earlybirds {
  --fa: "\f39a";
}

.fa-trade-federation {
  --fa: "\f513";
}

.fa-autoprefixer {
  --fa: "\f41c";
}

.fa-whatsapp {
  --fa: "\f232";
}

.fa-square-upwork {
  --fa: "\e67c";
}

.fa-slideshare {
  --fa: "\f1e7";
}

.fa-google-play {
  --fa: "\f3ab";
}

.fa-viadeo {
  --fa: "\f2a9";
}

.fa-line {
  --fa: "\f3c0";
}

.fa-google-drive {
  --fa: "\f3aa";
}

.fa-servicestack {
  --fa: "\f3ec";
}

.fa-simplybuilt {
  --fa: "\f215";
}

.fa-bitbucket {
  --fa: "\f171";
}

.fa-imdb {
  --fa: "\f2d8";
}

.fa-deezer {
  --fa: "\e077";
}

.fa-raspberry-pi {
  --fa: "\f7bb";
}

.fa-jira {
  --fa: "\f7b1";
}

.fa-docker {
  --fa: "\f395";
}

.fa-screenpal {
  --fa: "\e570";
}

.fa-bluetooth {
  --fa: "\f293";
}

.fa-gitter {
  --fa: "\f426";
}

.fa-d-and-d {
  --fa: "\f38d";
}

.fa-microblog {
  --fa: "\e01a";
}

.fa-cc-diners-club {
  --fa: "\f24c";
}

.fa-gg-circle {
  --fa: "\f261";
}

.fa-pied-piper-hat {
  --fa: "\f4e5";
}

.fa-kickstarter-k {
  --fa: "\f3bc";
}

.fa-yandex {
  --fa: "\f413";
}

.fa-readme {
  --fa: "\f4d5";
}

.fa-html5 {
  --fa: "\f13b";
}

.fa-sellsy {
  --fa: "\f213";
}

.fa-square-web-awesome {
  --fa: "\e683";
}

.fa-sass {
  --fa: "\f41e";
}

.fa-wirsindhandwerk {
  --fa: "\e2d0";
}

.fa-wsh {
  --fa: "\e2d0";
}

.fa-buromobelexperte {
  --fa: "\f37f";
}

.fa-salesforce {
  --fa: "\f83b";
}

.fa-octopus-deploy {
  --fa: "\e082";
}

.fa-medapps {
  --fa: "\f3c6";
}

.fa-ns8 {
  --fa: "\f3d5";
}

.fa-pinterest-p {
  --fa: "\f231";
}

.fa-apper {
  --fa: "\f371";
}

.fa-fort-awesome {
  --fa: "\f286";
}

.fa-waze {
  --fa: "\f83f";
}

.fa-bluesky {
  --fa: "\e671";
}

.fa-cc-jcb {
  --fa: "\f24b";
}

.fa-snapchat {
  --fa: "\f2ab";
}

.fa-snapchat-ghost {
  --fa: "\f2ab";
}

.fa-fantasy-flight-games {
  --fa: "\f6dc";
}

.fa-rust {
  --fa: "\e07a";
}

.fa-wix {
  --fa: "\f5cf";
}

.fa-square-behance {
  --fa: "\f1b5";
}

.fa-behance-square {
  --fa: "\f1b5";
}

.fa-supple {
  --fa: "\f3f9";
}

.fa-webflow {
  --fa: "\e65c";
}

.fa-rebel {
  --fa: "\f1d0";
}

.fa-css3 {
  --fa: "\f13c";
}

.fa-staylinked {
  --fa: "\f3f5";
}

.fa-kaggle {
  --fa: "\f5fa";
}

.fa-space-awesome {
  --fa: "\e5ac";
}

.fa-deviantart {
  --fa: "\f1bd";
}

.fa-cpanel {
  --fa: "\f388";
}

.fa-goodreads-g {
  --fa: "\f3a9";
}

.fa-square-git {
  --fa: "\f1d2";
}

.fa-git-square {
  --fa: "\f1d2";
}

.fa-square-tumblr {
  --fa: "\f174";
}

.fa-tumblr-square {
  --fa: "\f174";
}

.fa-trello {
  --fa: "\f181";
}

.fa-creative-commons-nc-jp {
  --fa: "\f4ea";
}

.fa-get-pocket {
  --fa: "\f265";
}

.fa-perbyte {
  --fa: "\e083";
}

.fa-grunt {
  --fa: "\f3ad";
}

.fa-weebly {
  --fa: "\f5cc";
}

.fa-connectdevelop {
  --fa: "\f20e";
}

.fa-leanpub {
  --fa: "\f212";
}

.fa-black-tie {
  --fa: "\f27e";
}

.fa-themeco {
  --fa: "\f5c6";
}

.fa-python {
  --fa: "\f3e2";
}

.fa-android {
  --fa: "\f17b";
}

.fa-bots {
  --fa: "\e340";
}

.fa-free-code-camp {
  --fa: "\f2c5";
}

.fa-hornbill {
  --fa: "\f592";
}

.fa-js {
  --fa: "\f3b8";
}

.fa-ideal {
  --fa: "\e013";
}

.fa-git {
  --fa: "\f1d3";
}

.fa-dev {
  --fa: "\f6cc";
}

.fa-sketch {
  --fa: "\f7c6";
}

.fa-yandex-international {
  --fa: "\f414";
}

.fa-cc-amex {
  --fa: "\f1f3";
}

.fa-uber {
  --fa: "\f402";
}

.fa-github {
  --fa: "\f09b";
}

.fa-php {
  --fa: "\f457";
}

.fa-alipay {
  --fa: "\f642";
}

.fa-youtube {
  --fa: "\f167";
}

.fa-skyatlas {
  --fa: "\f216";
}

.fa-firefox-browser {
  --fa: "\e007";
}

.fa-replyd {
  --fa: "\f3e6";
}

.fa-suse {
  --fa: "\f7d6";
}

.fa-jenkins {
  --fa: "\f3b6";
}

.fa-twitter {
  --fa: "\f099";
}

.fa-rockrms {
  --fa: "\f3e9";
}

.fa-pinterest {
  --fa: "\f0d2";
}

.fa-buffer {
  --fa: "\f837";
}

.fa-npm {
  --fa: "\f3d4";
}

.fa-yammer {
  --fa: "\f840";
}

.fa-btc {
  --fa: "\f15a";
}

.fa-dribbble {
  --fa: "\f17d";
}

.fa-stumbleupon-circle {
  --fa: "\f1a3";
}

.fa-internet-explorer {
  --fa: "\f26b";
}

.fa-stubber {
  --fa: "\e5c7";
}

.fa-telegram {
  --fa: "\f2c6";
}

.fa-telegram-plane {
  --fa: "\f2c6";
}

.fa-old-republic {
  --fa: "\f510";
}

.fa-odysee {
  --fa: "\e5c6";
}

.fa-square-whatsapp {
  --fa: "\f40c";
}

.fa-whatsapp-square {
  --fa: "\f40c";
}

.fa-node-js {
  --fa: "\f3d3";
}

.fa-edge-legacy {
  --fa: "\e078";
}

.fa-slack {
  --fa: "\f198";
}

.fa-slack-hash {
  --fa: "\f198";
}

.fa-medrt {
  --fa: "\f3c8";
}

.fa-usb {
  --fa: "\f287";
}

.fa-tumblr {
  --fa: "\f173";
}

.fa-vaadin {
  --fa: "\f408";
}

.fa-quora {
  --fa: "\f2c4";
}

.fa-square-x-twitter {
  --fa: "\e61a";
}

.fa-reacteurope {
  --fa: "\f75d";
}

.fa-medium {
  --fa: "\f23a";
}

.fa-medium-m {
  --fa: "\f23a";
}

.fa-amilia {
  --fa: "\f36d";
}

.fa-mixcloud {
  --fa: "\f289";
}

.fa-flipboard {
  --fa: "\f44d";
}

.fa-viacoin {
  --fa: "\f237";
}

.fa-critical-role {
  --fa: "\f6c9";
}

.fa-sitrox {
  --fa: "\e44a";
}

.fa-discourse {
  --fa: "\f393";
}

.fa-joomla {
  --fa: "\f1aa";
}

.fa-mastodon {
  --fa: "\f4f6";
}

.fa-airbnb {
  --fa: "\f834";
}

.fa-wolf-pack-battalion {
  --fa: "\f514";
}

.fa-buy-n-large {
  --fa: "\f8a6";
}

.fa-gulp {
  --fa: "\f3ae";
}

.fa-creative-commons-sampling-plus {
  --fa: "\f4f1";
}

.fa-strava {
  --fa: "\f428";
}

.fa-ember {
  --fa: "\f423";
}

.fa-canadian-maple-leaf {
  --fa: "\f785";
}

.fa-teamspeak {
  --fa: "\f4f9";
}

.fa-pushed {
  --fa: "\f3e1";
}

.fa-wordpress-simple {
  --fa: "\f411";
}

.fa-nutritionix {
  --fa: "\f3d6";
}

.fa-wodu {
  --fa: "\e088";
}

.fa-google-pay {
  --fa: "\e079";
}

.fa-intercom {
  --fa: "\f7af";
}

.fa-zhihu {
  --fa: "\f63f";
}

.fa-korvue {
  --fa: "\f42f";
}

.fa-pix {
  --fa: "\e43a";
}

.fa-steam-symbol {
  --fa: "\f3f6";
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/assets/@fortawesome/fontawesome-free/webfonts/fa-regular-400-1cd36d00df15fd48055bbc42daf8a494228887c26255da15c70c7cff5b31e107.woff2) format("woff2"), url(/assets/@fortawesome/fontawesome-free/webfonts/fa-regular-400-f8fbc72fd51ef0b8ecca0cbc0212af363185a3ffdb62b54e6d42b61fadf5eb18.ttf) format("truetype");
}
.far,
.fa-regular {
  font-weight: 400;
}

/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  width: 400px;
  border: 1px solid #999;
  cursor: text;
  font-size: var(--edc-fs-label);
  font-family: Verdana;
  z-index: 999;
  margin: 0;
  padding: 0;
  background-color: #fff;
  list-style-type: none;
  clear: left;
}

ul.token-input-list li {
  list-style-type: none;
}

ul.token-input-list li input {
  border: 0;
  width: 350px;
  padding: 3px 8px;
  background-color: white;
  -webkit-appearance: caret;
}

li.token-input-token {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  margin: 3px;
  padding: 3px 5px;
  background-color: #d0efa0;
  color: #000;
  font-weight: bold;
  cursor: default;
  display: block;
}

li.token-input-token p {
  float: left;
  padding: 0;
  margin: 0;
}

li.token-input-token span {
  float: right;
  color: #777;
  cursor: pointer;
}

li.token-input-selected-token {
  background-color: #08844e;
  color: #fff;
}

li.token-input-selected-token span {
  color: #bbb;
}

div.token-input-dropdown {
  position: absolute;
  width: 400px;
  background-color: #fff;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: default;
  font-size: var(--edc-fs-label);
  font-family: Verdana;
  z-index: 1;
}

div.token-input-dropdown p {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  color: #777;
}

div.token-input-dropdown ul {
  margin: 0;
  padding: 0;
}

div.token-input-dropdown ul li {
  background-color: #fff;
  padding: 3px;
  list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
  background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
  background-color: #fff;
}

div.token-input-dropdown ul li em {
  font-weight: bold;
  font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
  background-color: #d0efa0;
}

@font-face {
  font-family: "Brand Icons";
  font-weight: 400;
  font-style: normal;
  src: url(/assets/brand-icons-c4bf6507a2e93641fcedee27b099f764bf3b4526fa404449e1282dfa0522c0b3.eot?v=0.3.2);
  src: url(/assets/brand-icons-c4bf6507a2e93641fcedee27b099f764bf3b4526fa404449e1282dfa0522c0b3.eot?#iefix&v=0.3.2) format("embedded-opentype"), url(/assets/brand-icons-4e4bc8d052ba1d5da63f4cf002e354ed7e418903a90f78983ebae21d6654070d.woff2?v=0.3.2) format("woff2"), url(/assets/brand-icons-00679031749516a3b912a8b2df77b26fc56b5e2c5bc4c1c9c0a5655464e5c10c.woff?v=0.3.2) format("woff"), url(/assets/brand-icons-8cf69dd5de99fdb6f1930001b382e2ac0d68fea0b9507f5cd79016f7561ce34c.ttf?v=0.3.2) format("truetype"), url(/assets/brand-icons-dd878132a4ee35946e6a233d36a22f969be2cdd1f408e9432f7c850de209717b.svg?v=0.3.2#brand-icons) format("svg");
}
[class*=bd-], [class^=bd-] {
  font-family: "Brand Icons";
  font-weight: 400;
  font-style: normal;
  position: relative;
  display: inline-block;
  transform: translate(0, 0);
  text-rendering: auto;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bd-behance:before {
  content: "\f101";
}

.bd-blogger:before {
  content: "\f102";
}

.bd-delicious:before {
  content: "\f103";
}

.bd-deviantart:before {
  content: "\f104";
}

.bd-dribbble:before {
  content: "\f105";
}

.bd-facebook:before {
  content: "\f106";
}

.bd-flickr:before {
  content: "\f107";
}

.bd-foursquare:before {
  content: "\f108";
}

.bd-github:before {
  content: "\f109";
}

.bd-google-plus:before {
  content: "\f10a";
}

.bd-instagram:before {
  content: "\f10b";
}

.bd-lastfm:before {
  content: "\f10c";
}

.bd-linkedin:before {
  content: "\f10d";
}

.bd-pinterest:before {
  content: "\f10e";
}

.bd-quora:before {
  content: "\f10f";
}

.bd-stackoverflow:before {
  content: "\f110";
}

.bd-rdio:before {
  content: "\f111";
}

.bd-reddit:before {
  content: "\f112";
}

.bd-soundcloud:before {
  content: "\f113";
}

.bd-spotify:before {
  content: "\f114";
}

.bd-stumbleupon:before {
  content: "\f115";
}

.bd-tumblr:before {
  content: "\f116";
}

.bd-twitter:before {
  content: "\f117";
}

.bd-viadeo:before {
  content: "\f118";
}

.bd-vimeo:before {
  content: "\f119";
}

.bd-vine:before {
  content: "\f11a";
}

.bd-yelp:before {
  content: "\f11b";
}

.bd-openid:before {
  content: "\f11c";
}

.bd-vk:before {
  content: "\f11d";
}

.bd-yahoo:before {
  content: "\f11e";
}

.bd-xing:before {
  content: "\f11f";
}

.bd-youtube:before {
  content: "\f120";
}

.bd-android:before {
  content: "\f121";
}

.bd-apple:before {
  content: "\f122";
}

.bd-windows:before {
  content: "\f123";
}

.bd-linux:before {
  content: "\f124";
}

.bd-wordpress:before {
  content: "\f125";
}

.bd-drupal:before {
  content: "\f126";
}

.bd-joomla:before {
  content: "\f127";
}

.bd-squarespace:before {
  content: "\f128";
}

.bd-medium:before {
  content: "\f129";
}

.bd-dropbox:before {
  content: "\f12a";
}

.bd-codepen:before {
  content: "\f12b";
}

.bd-jsfiddle:before {
  content: "\f12c";
}

.bd-evernote:before {
  content: "\f12d";
}

.bd-envato:before {
  content: "\f12e";
}

.bd-skype:before {
  content: "\f12f";
}

.bd-paypal:before {
  content: "\f130";
}

.bd-feed:before {
  content: "\f131";
}

.bd-html5:before {
  content: "\f132";
}

.bd-css3:before {
  content: "\f133";
}

.bd-angular:before {
  content: "\f134";
}

.bd-webchat:before {
  content: "\f135";
}

.bd-qq:before {
  content: "\f136";
}

.bd-zhihu:before {
  content: "\f137";
}

.bd-weibo:before {
  content: "\f138";
}

.bd-douban:before {
  content: "\f139";
}

.bd-baidu:before {
  content: "\f13a";
}

/*!
 *  Material Design Iconic Font by Sergey Kupletsky ($zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
 *  License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "Material-Design-Iconic-Font";
  src: url(/assets/material-design-iconic-font/dist/fonts/Material-Design-Iconic-Font-e0741fd056ce612f8e265c3c8bf926985b1939e19fc0ffc02bd995985528ca53.woff2?v=2.2.0) format("woff2"), url(/assets/material-design-iconic-font/dist/fonts/Material-Design-Iconic-Font-bec81aee78a7485c295c721f336f80666d016ba4ca650db6a7b2ba4a3dbafb48.woff?v=2.2.0) format("woff"), url(/assets/material-design-iconic-font/dist/fonts/Material-Design-Iconic-Font-b6a5ce7c4140e9790835272dad02c02102b793c35270e44eebb399ac9d8a1373.ttf?v=2.2.0) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.md {
  display: inline-block;
  font: normal normal normal 14px/1 "Material-Design-Iconic-Font";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zmdi-hc-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.zmdi-hc-2x {
  font-size: 2em;
}

.zmdi-hc-3x {
  font-size: 3em;
}

.zmdi-hc-4x {
  font-size: 4em;
}

.zmdi-hc-5x {
  font-size: 5em;
}

.zmdi-hc-fw {
  width: 1.2857142857em;
  text-align: center;
}

.zmdi-hc-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.zmdi-hc-ul > li {
  position: relative;
}

.zmdi-hc-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.zmdi-hc-li.zmdi-hc-lg {
  left: -1.8571428571em;
}

.zmdi-hc-border {
  padding: 0.1em 0.25em;
  border: solid 0.1em #9E9E9E;
  border-radius: 2px;
}

.zmdi-hc-border-circle {
  padding: 0.1em 0.25em;
  border: solid 0.1em #9E9E9E;
  border-radius: 50%;
}

.md.pull-left {
  float: left;
  margin-right: 0.15em;
}
.md.pull-right {
  float: right;
  margin-left: 0.15em;
}

.zmdi-hc-spin {
  animation: zmdi-spin 1.5s infinite linear;
}

.zmdi-hc-spin-reverse {
  animation: zmdi-spin-reverse 1.5s infinite linear;
}

@keyframes zmdi-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes zmdi-spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
.zmdi-hc-rotate-90 {
  transform: rotate(90deg);
}

.zmdi-hc-rotate-180 {
  transform: rotate(180deg);
}

.zmdi-hc-rotate-270 {
  transform: rotate(270deg);
}

.zmdi-hc-flip-horizontal {
  transform: scale(-1, 1);
}

.zmdi-hc-flip-vertical {
  transform: scale(1, -1);
}

.zmdi-hc-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.zmdi-hc-stack-1x, .zmdi-hc-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.zmdi-hc-stack-1x {
  line-height: inherit;
}

.zmdi-hc-stack-2x {
  font-size: 2em;
}

.zmdi-hc-inverse {
  color: #FFFFFF;
}

/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.md-3d-rotation:before {
  content: "\f101";
}

.md-airplane-off:before {
  content: "\f102";
}

.md-airplane:before {
  content: "\f103";
}

.md-album:before {
  content: "\f104";
}

.md-archive:before {
  content: "\f105";
}

.md-assignment-account:before {
  content: "\f106";
}

.md-assignment-alert:before {
  content: "\f107";
}

.md-assignment-check:before {
  content: "\f108";
}

.md-assignment-o:before {
  content: "\f109";
}

.md-assignment-return:before {
  content: "\f10a";
}

.md-assignment-returned:before {
  content: "\f10b";
}

.md-assignment:before {
  content: "\f10c";
}

.md-attachment-alt:before {
  content: "\f10d";
}

.md-attachment:before {
  content: "\f10e";
}

.md-audio:before {
  content: "\f10f";
}

.md-badge-check:before {
  content: "\f110";
}

.md-balance-wallet:before {
  content: "\f111";
}

.md-balance:before {
  content: "\f112";
}

.md-battery-alert:before {
  content: "\f113";
}

.md-battery-flash:before {
  content: "\f114";
}

.md-battery-unknown:before {
  content: "\f115";
}

.md-battery:before {
  content: "\f116";
}

.md-bike:before {
  content: "\f117";
}

.md-block-alt:before {
  content: "\f118";
}

.md-block:before {
  content: "\f119";
}

.md-boat:before {
  content: "\f11a";
}

.md-book-image:before {
  content: "\f11b";
}

.md-book:before {
  content: "\f11c";
}

.md-bookmark-outline:before {
  content: "\f11d";
}

.md-bookmark:before {
  content: "\f11e";
}

.md-brush:before {
  content: "\f11f";
}

.md-bug:before {
  content: "\f120";
}

.md-bus:before {
  content: "\f121";
}

.md-cake:before {
  content: "\f122";
}

.md-car-taxi:before {
  content: "\f123";
}

.md-car-wash:before {
  content: "\f124";
}

.md-car:before {
  content: "\f125";
}

.md-card-giftcard:before {
  content: "\f126";
}

.md-card-membership:before {
  content: "\f127";
}

.md-card-travel:before {
  content: "\f128";
}

.md-card:before {
  content: "\f129";
}

.md-case-check:before {
  content: "\f12a";
}

.md-case-download:before {
  content: "\f12b";
}

.md-case-play:before {
  content: "\f12c";
}

.md-case:before {
  content: "\f12d";
}

.md-cast-connected:before {
  content: "\f12e";
}

.md-cast:before {
  content: "\f12f";
}

.md-chart-donut:before {
  content: "\f130";
}

.md-chart:before {
  content: "\f131";
}

.md-city-alt:before {
  content: "\f132";
}

.md-city:before {
  content: "\f133";
}

.md-close-circle-o:before {
  content: "\f134";
}

.md-close-circle:before {
  content: "\f135";
}

.md-close:before {
  content: "\f136";
}

.md-cocktail:before {
  content: "\f137";
}

.md-code-setting:before {
  content: "\f138";
}

.md-code-smartphone:before {
  content: "\f139";
}

.md-code:before {
  content: "\f13a";
}

.md-coffee:before {
  content: "\f13b";
}

.md-collection-bookmark:before {
  content: "\f13c";
}

.md-collection-case-play:before {
  content: "\f13d";
}

.md-collection-folder-image:before {
  content: "\f13e";
}

.md-collection-image-o:before {
  content: "\f13f";
}

.md-collection-image:before {
  content: "\f140";
}

.md-collection-item-1:before {
  content: "\f141";
}

.md-collection-item-2:before {
  content: "\f142";
}

.md-collection-item-3:before {
  content: "\f143";
}

.md-collection-item-4:before {
  content: "\f144";
}

.md-collection-item-5:before {
  content: "\f145";
}

.md-collection-item-6:before {
  content: "\f146";
}

.md-collection-item-7:before {
  content: "\f147";
}

.md-collection-item-8:before {
  content: "\f148";
}

.md-collection-item-9-plus:before {
  content: "\f149";
}

.md-collection-item-9:before {
  content: "\f14a";
}

.md-collection-item:before {
  content: "\f14b";
}

.md-collection-music:before {
  content: "\f14c";
}

.md-collection-pdf:before {
  content: "\f14d";
}

.md-collection-plus:before {
  content: "\f14e";
}

.md-collection-speaker:before {
  content: "\f14f";
}

.md-collection-text:before {
  content: "\f150";
}

.md-collection-video:before {
  content: "\f151";
}

.md-compass:before {
  content: "\f152";
}

.md-cutlery:before {
  content: "\f153";
}

.md-delete:before {
  content: "\f154";
}

.md-dialpad:before {
  content: "\f155";
}

.md-dns:before {
  content: "\f156";
}

.md-drink:before {
  content: "\f157";
}

.md-edit:before {
  content: "\f158";
}

.md-email-open:before {
  content: "\f159";
}

.md-email:before {
  content: "\f15a";
}

.md-eye-off:before {
  content: "\f15b";
}

.md-eye:before {
  content: "\f15c";
}

.md-eyedropper:before {
  content: "\f15d";
}

.md-favorite-outline:before {
  content: "\f15e";
}

.md-favorite:before {
  content: "\f15f";
}

.md-filter-list:before {
  content: "\f160";
}

.md-fire:before {
  content: "\f161";
}

.md-flag:before {
  content: "\f162";
}

.md-flare:before {
  content: "\f163";
}

.md-flash-auto:before {
  content: "\f164";
}

.md-flash-off:before {
  content: "\f165";
}

.md-flash:before {
  content: "\f166";
}

.md-flip:before {
  content: "\f167";
}

.md-flower-alt:before {
  content: "\f168";
}

.md-flower:before {
  content: "\f169";
}

.md-font:before {
  content: "\f16a";
}

.md-fullscreen-alt:before {
  content: "\f16b";
}

.md-fullscreen-exit:before {
  content: "\f16c";
}

.md-fullscreen:before {
  content: "\f16d";
}

.md-functions:before {
  content: "\f16e";
}

.md-gas-station:before {
  content: "\f16f";
}

.md-gesture:before {
  content: "\f170";
}

.md-globe-alt:before {
  content: "\f171";
}

.md-globe-lock:before {
  content: "\f172";
}

.md-globe:before {
  content: "\f173";
}

.md-graduation-cap:before {
  content: "\f174";
}

.md-home:before {
  content: "\f175";
}

.md-hospital-alt:before {
  content: "\f176";
}

.md-hospital:before {
  content: "\f177";
}

.md-hotel:before {
  content: "\f178";
}

.md-hourglass-alt:before {
  content: "\f179";
}

.md-hourglass-outline:before {
  content: "\f17a";
}

.md-hourglass:before {
  content: "\f17b";
}

.md-http:before {
  content: "\f17c";
}

.md-image-alt:before {
  content: "\f17d";
}

.md-image-o:before {
  content: "\f17e";
}

.md-image:before {
  content: "\f17f";
}

.md-inbox:before {
  content: "\f180";
}

.md-invert-colors-off:before {
  content: "\f181";
}

.md-invert-colors:before {
  content: "\f182";
}

.md-key:before {
  content: "\f183";
}

.md-label-alt-outline:before {
  content: "\f184";
}

.md-label-alt:before {
  content: "\f185";
}

.md-label-heart:before {
  content: "\f186";
}

.md-label:before {
  content: "\f187";
}

.md-labels:before {
  content: "\f188";
}

.md-lamp:before {
  content: "\f189";
}

.md-landscape:before {
  content: "\f18a";
}

.md-layers-off:before {
  content: "\f18b";
}

.md-layers:before {
  content: "\f18c";
}

.md-library:before {
  content: "\f18d";
}

.md-link:before {
  content: "\f18e";
}

.md-lock-open:before {
  content: "\f18f";
}

.md-lock-outline:before {
  content: "\f190";
}

.md-lock:before {
  content: "\f191";
}

.md-mail-reply-all:before {
  content: "\f192";
}

.md-mail-reply:before {
  content: "\f193";
}

.md-mail-send:before {
  content: "\f194";
}

.md-mall:before {
  content: "\f195";
}

.md-map:before {
  content: "\f196";
}

.md-menu:before {
  content: "\f197";
}

.md-money-box:before {
  content: "\f198";
}

.md-money-off:before {
  content: "\f199";
}

.md-money:before {
  content: "\f19a";
}

.md-more-vert:before {
  content: "\f19b";
}

.md-more:before {
  content: "\f19c";
}

.md-movie-alt:before {
  content: "\f19d";
}

.md-movie:before {
  content: "\f19e";
}

.md-nature-people:before {
  content: "\f19f";
}

.md-nature:before {
  content: "\f1a0";
}

.md-navigation:before {
  content: "\f1a1";
}

.md-open-in-browser:before {
  content: "\f1a2";
}

.md-open-in-new:before {
  content: "\f1a3";
}

.md-palette:before {
  content: "\f1a4";
}

.md-parking:before {
  content: "\f1a5";
}

.md-pin-account:before {
  content: "\f1a6";
}

.md-pin-assistant:before {
  content: "\f1a7";
}

.md-pin-drop:before {
  content: "\f1a8";
}

.md-pin-help:before {
  content: "\f1a9";
}

.md-pin-off:before {
  content: "\f1aa";
}

.md-pin:before {
  content: "\f1ab";
}

.md-pizza:before {
  content: "\f1ac";
}

.md-plaster:before {
  content: "\f1ad";
}

.md-power-setting:before {
  content: "\f1ae";
}

.md-power:before {
  content: "\f1af";
}

.md-print:before {
  content: "\f1b0";
}

.md-puzzle-piece:before {
  content: "\f1b1";
}

.md-quote:before {
  content: "\f1b2";
}

.md-railway:before {
  content: "\f1b3";
}

.md-receipt:before {
  content: "\f1b4";
}

.md-refresh-alt:before {
  content: "\f1b5";
}

.md-refresh-sync-alert:before {
  content: "\f1b6";
}

.md-refresh-sync-off:before {
  content: "\f1b7";
}

.md-refresh-sync:before {
  content: "\f1b8";
}

.md-refresh:before {
  content: "\f1b9";
}

.md-roller:before {
  content: "\f1ba";
}

.md-ruler:before {
  content: "\f1bb";
}

.md-scissors:before {
  content: "\f1bc";
}

.md-screen-rotation-lock:before {
  content: "\f1bd";
}

.md-screen-rotation:before {
  content: "\f1be";
}

.md-search-for:before {
  content: "\f1bf";
}

.md-search-in-file:before {
  content: "\f1c0";
}

.md-search-in-page:before {
  content: "\f1c1";
}

.md-search-replace:before {
  content: "\f1c2";
}

.md-search:before {
  content: "\f1c3";
}

.md-seat:before {
  content: "\f1c4";
}

.md-settings-square:before {
  content: "\f1c5";
}

.md-settings:before {
  content: "\f1c6";
}

.md-shield-check:before {
  content: "\f1c7";
}

.md-shield-security:before {
  content: "\f1c8";
}

.md-shopping-basket:before {
  content: "\f1c9";
}

.md-shopping-cart-plus:before {
  content: "\f1ca";
}

.md-shopping-cart:before {
  content: "\f1cb";
}

.md-sign-in:before {
  content: "\f1cc";
}

.md-sort-amount-asc:before {
  content: "\f1cd";
}

.md-sort-amount-desc:before {
  content: "\f1ce";
}

.md-sort-asc:before {
  content: "\f1cf";
}

.md-sort-desc:before {
  content: "\f1d0";
}

.md-spellcheck:before {
  content: "\f1d1";
}

.md-storage:before {
  content: "\f1d2";
}

.md-store-24:before {
  content: "\f1d3";
}

.md-store:before {
  content: "\f1d4";
}

.md-subway:before {
  content: "\f1d5";
}

.md-sun:before {
  content: "\f1d6";
}

.md-tab-unselected:before {
  content: "\f1d7";
}

.md-tab:before {
  content: "\f1d8";
}

.md-tag-close:before {
  content: "\f1d9";
}

.md-tag-more:before {
  content: "\f1da";
}

.md-tag:before {
  content: "\f1db";
}

.md-thumb-down:before {
  content: "\f1dc";
}

.md-thumb-up-down:before {
  content: "\f1dd";
}

.md-thumb-up:before {
  content: "\f1de";
}

.md-ticket-star:before {
  content: "\f1df";
}

.md-toll:before {
  content: "\f1e0";
}

.md-toys:before {
  content: "\f1e1";
}

.md-traffic:before {
  content: "\f1e2";
}

.md-translate:before {
  content: "\f1e3";
}

.md-triangle-down:before {
  content: "\f1e4";
}

.md-triangle-up:before {
  content: "\f1e5";
}

.md-truck:before {
  content: "\f1e6";
}

.md-turning-sign:before {
  content: "\f1e7";
}

.md-wallpaper:before {
  content: "\f1e8";
}

.md-washing-machine:before {
  content: "\f1e9";
}

.md-window-maximize:before {
  content: "\f1ea";
}

.md-window-minimize:before {
  content: "\f1eb";
}

.md-window-restore:before {
  content: "\f1ec";
}

.md-wrench:before {
  content: "\f1ed";
}

.md-zoom-in:before {
  content: "\f1ee";
}

.md-zoom-out:before {
  content: "\f1ef";
}

.md-alert-circle-o:before {
  content: "\f1f0";
}

.md-alert-circle:before {
  content: "\f1f1";
}

.md-alert-octagon:before {
  content: "\f1f2";
}

.md-alert-polygon:before {
  content: "\f1f3";
}

.md-alert-triangle:before {
  content: "\f1f4";
}

.md-help-outline:before {
  content: "\f1f5";
}

.md-help:before {
  content: "\f1f6";
}

.md-info-outline:before {
  content: "\f1f7";
}

.md-info:before {
  content: "\f1f8";
}

.md-notifications-active:before {
  content: "\f1f9";
}

.md-notifications-add:before {
  content: "\f1fa";
}

.md-notifications-none:before {
  content: "\f1fb";
}

.md-notifications-off:before {
  content: "\f1fc";
}

.md-notifications-paused:before {
  content: "\f1fd";
}

.md-notifications:before {
  content: "\f1fe";
}

.md-account-add:before {
  content: "\f1ff";
}

.md-account-box-mail:before {
  content: "\f200";
}

.md-account-box-o:before {
  content: "\f201";
}

.md-account-box-phone:before {
  content: "\f202";
}

.md-account-box:before {
  content: "\f203";
}

.md-account-calendar:before {
  content: "\f204";
}

.md-account-circle:before {
  content: "\f205";
}

.md-account-o:before {
  content: "\f206";
}

.md-account:before {
  content: "\f207";
}

.md-accounts-add:before {
  content: "\f208";
}

.md-accounts-alt:before {
  content: "\f209";
}

.md-accounts-list-alt:before {
  content: "\f20a";
}

.md-accounts-list:before {
  content: "\f20b";
}

.md-accounts-outline:before {
  content: "\f20c";
}

.md-accounts:before {
  content: "\f20d";
}

.md-face:before {
  content: "\f20e";
}

.md-female:before {
  content: "\f20f";
}

.md-male-alt:before {
  content: "\f210";
}

.md-male-female:before {
  content: "\f211";
}

.md-male:before {
  content: "\f212";
}

.md-mood-bad:before {
  content: "\f213";
}

.md-mood:before {
  content: "\f214";
}

.md-run:before {
  content: "\f215";
}

.md-walk:before {
  content: "\f216";
}

.md-cloud-box:before {
  content: "\f217";
}

.md-cloud-circle:before {
  content: "\f218";
}

.md-cloud-done:before {
  content: "\f219";
}

.md-cloud-download:before {
  content: "\f21a";
}

.md-cloud-off:before {
  content: "\f21b";
}

.md-cloud-outline-alt:before {
  content: "\f21c";
}

.md-cloud-outline:before {
  content: "\f21d";
}

.md-cloud-upload:before {
  content: "\f21e";
}

.md-cloud:before {
  content: "\f21f";
}

.md-download:before {
  content: "\f220";
}

.md-file-plus:before {
  content: "\f221";
}

.md-file-text:before {
  content: "\f222";
}

.md-file:before {
  content: "\f223";
}

.md-folder-outline:before {
  content: "\f224";
}

.md-folder-person:before {
  content: "\f225";
}

.md-folder-star-alt:before {
  content: "\f226";
}

.md-folder-star:before {
  content: "\f227";
}

.md-folder:before {
  content: "\f228";
}

.md-gif:before {
  content: "\f229";
}

.md-upload:before {
  content: "\f22a";
}

.md-border-all:before {
  content: "\f22b";
}

.md-border-bottom:before {
  content: "\f22c";
}

.md-border-clear:before {
  content: "\f22d";
}

.md-border-color:before {
  content: "\f22e";
}

.md-border-horizontal:before {
  content: "\f22f";
}

.md-border-inner:before {
  content: "\f230";
}

.md-border-left:before {
  content: "\f231";
}

.md-border-outer:before {
  content: "\f232";
}

.md-border-right:before {
  content: "\f233";
}

.md-border-style:before {
  content: "\f234";
}

.md-border-top:before {
  content: "\f235";
}

.md-border-vertical:before {
  content: "\f236";
}

.md-copy:before {
  content: "\f237";
}

.md-crop:before {
  content: "\f238";
}

.md-format-align-center:before {
  content: "\f239";
}

.md-format-align-justify:before {
  content: "\f23a";
}

.md-format-align-left:before {
  content: "\f23b";
}

.md-format-align-right:before {
  content: "\f23c";
}

.md-format-bold:before {
  content: "\f23d";
}

.md-format-clear-all:before {
  content: "\f23e";
}

.md-format-clear:before {
  content: "\f23f";
}

.md-format-color-fill:before {
  content: "\f240";
}

.md-format-color-reset:before {
  content: "\f241";
}

.md-format-color-text:before {
  content: "\f242";
}

.md-format-indent-decrease:before {
  content: "\f243";
}

.md-format-indent-increase:before {
  content: "\f244";
}

.md-format-italic:before {
  content: "\f245";
}

.md-format-line-spacing:before {
  content: "\f246";
}

.md-format-list-bulleted:before {
  content: "\f247";
}

.md-format-list-numbered:before {
  content: "\f248";
}

.md-format-ltr:before {
  content: "\f249";
}

.md-format-rtl:before {
  content: "\f24a";
}

.md-format-size:before {
  content: "\f24b";
}

.md-format-strikethrough-s:before {
  content: "\f24c";
}

.md-format-strikethrough:before {
  content: "\f24d";
}

.md-format-subject:before {
  content: "\f24e";
}

.md-format-underlined:before {
  content: "\f24f";
}

.md-format-valign-bottom:before {
  content: "\f250";
}

.md-format-valign-center:before {
  content: "\f251";
}

.md-format-valign-top:before {
  content: "\f252";
}

.md-redo:before {
  content: "\f253";
}

.md-select-all:before {
  content: "\f254";
}

.md-space-bar:before {
  content: "\f255";
}

.md-text-format:before {
  content: "\f256";
}

.md-transform:before {
  content: "\f257";
}

.md-undo:before {
  content: "\f258";
}

.md-wrap-text:before {
  content: "\f259";
}

.md-comment-alert:before {
  content: "\f25a";
}

.md-comment-alt-text:before {
  content: "\f25b";
}

.md-comment-alt:before {
  content: "\f25c";
}

.md-comment-edit:before {
  content: "\f25d";
}

.md-comment-image:before {
  content: "\f25e";
}

.md-comment-list:before {
  content: "\f25f";
}

.md-comment-more:before {
  content: "\f260";
}

.md-comment-outline:before {
  content: "\f261";
}

.md-comment-text-alt:before {
  content: "\f262";
}

.md-comment-text:before {
  content: "\f263";
}

.md-comment-video:before {
  content: "\f264";
}

.md-comment:before {
  content: "\f265";
}

.md-comments:before {
  content: "\f266";
}

.md-check-all:before {
  content: "\f267";
}

.md-check-circle-u:before {
  content: "\f268";
}

.md-check-circle:before {
  content: "\f269";
}

.md-check-square:before {
  content: "\f26a";
}

.md-check:before {
  content: "\f26b";
}

.md-circle-o:before {
  content: "\f26c";
}

.md-circle:before {
  content: "\f26d";
}

.md-dot-circle-alt:before {
  content: "\f26e";
}

.md-dot-circle:before {
  content: "\f26f";
}

.md-minus-circle-outline:before {
  content: "\f270";
}

.md-minus-circle:before {
  content: "\f271";
}

.md-minus-square:before {
  content: "\f272";
}

.md-minus:before {
  content: "\f273";
}

.md-plus-circle-o-duplicate:before {
  content: "\f274";
}

.md-plus-circle-o:before {
  content: "\f275";
}

.md-plus-circle:before {
  content: "\f276";
}

.md-plus-square:before {
  content: "\f277";
}

.md-plus:before {
  content: "\f278";
}

.md-square-o:before {
  content: "\f279";
}

.md-star-circle:before {
  content: "\f27a";
}

.md-star-half:before {
  content: "\f27b";
}

.md-star-outline:before {
  content: "\f27c";
}

.md-star:before {
  content: "\f27d";
}

.md-bluetooth-connected:before {
  content: "\f27e";
}

.md-bluetooth-off:before {
  content: "\f27f";
}

.md-bluetooth-search:before {
  content: "\f280";
}

.md-bluetooth-setting:before {
  content: "\f281";
}

.md-bluetooth:before {
  content: "\f282";
}

.md-camera-add:before {
  content: "\f283";
}

.md-camera-alt:before {
  content: "\f284";
}

.md-camera-bw:before {
  content: "\f285";
}

.md-camera-front:before {
  content: "\f286";
}

.md-camera-mic:before {
  content: "\f287";
}

.md-camera-party-mode:before {
  content: "\f288";
}

.md-camera-rear:before {
  content: "\f289";
}

.md-camera-roll:before {
  content: "\f28a";
}

.md-camera-switch:before {
  content: "\f28b";
}

.md-camera:before {
  content: "\f28c";
}

.md-card-alert:before {
  content: "\f28d";
}

.md-card-off:before {
  content: "\f28e";
}

.md-card-sd:before {
  content: "\f28f";
}

.md-card-sim:before {
  content: "\f290";
}

.md-desktop-mac:before {
  content: "\f291";
}

.md-desktop-windows:before {
  content: "\f292";
}

.md-device-hub:before {
  content: "\f293";
}

.md-devices-off:before {
  content: "\f294";
}

.md-devices:before {
  content: "\f295";
}

.md-dock:before {
  content: "\f296";
}

.md-floppy:before {
  content: "\f297";
}

.md-gamepad:before {
  content: "\f298";
}

.md-gps-dot:before {
  content: "\f299";
}

.md-gps-off:before {
  content: "\f29a";
}

.md-gps:before {
  content: "\f29b";
}

.md-headset-mic:before {
  content: "\f29c";
}

.md-headset:before {
  content: "\f29d";
}

.md-input-antenna:before {
  content: "\f29e";
}

.md-input-composite:before {
  content: "\f29f";
}

.md-input-hdmi:before {
  content: "\f2a0";
}

.md-input-power:before {
  content: "\f2a1";
}

.md-input-svideo:before {
  content: "\f2a2";
}

.md-keyboard-hide:before {
  content: "\f2a3";
}

.md-keyboard:before {
  content: "\f2a4";
}

.md-laptop-chromebook:before {
  content: "\f2a5";
}

.md-laptop-mac:before {
  content: "\f2a6";
}

.md-laptop:before {
  content: "\f2a7";
}

.md-mic-off:before {
  content: "\f2a8";
}

.md-mic-outline:before {
  content: "\f2a9";
}

.md-mic-setting:before {
  content: "\f2aa";
}

.md-mic:before {
  content: "\f2ab";
}

.md-mouse:before {
  content: "\f2ac";
}

.md-network-alert:before {
  content: "\f2ad";
}

.md-network-locked:before {
  content: "\f2ae";
}

.md-network-off:before {
  content: "\f2af";
}

.md-network-outline:before {
  content: "\f2b0";
}

.md-network-setting:before {
  content: "\f2b1";
}

.md-network:before {
  content: "\f2b2";
}

.md-phone-bluetooth:before {
  content: "\f2b3";
}

.md-phone-end:before {
  content: "\f2b4";
}

.md-phone-forwarded:before {
  content: "\f2b5";
}

.md-phone-in-talk:before {
  content: "\f2b6";
}

.md-phone-locked:before {
  content: "\f2b7";
}

.md-phone-missed:before {
  content: "\f2b8";
}

.md-phone-msg:before {
  content: "\f2b9";
}

.md-phone-paused:before {
  content: "\f2ba";
}

.md-phone-ring:before {
  content: "\f2bb";
}

.md-phone-setting:before {
  content: "\f2bc";
}

.md-phone-sip:before {
  content: "\f2bd";
}

.md-phone:before {
  content: "\f2be";
}

.md-portable-wifi-changes:before {
  content: "\f2bf";
}

.md-portable-wifi-off:before {
  content: "\f2c0";
}

.md-portable-wifi:before {
  content: "\f2c1";
}

.md-radio:before {
  content: "\f2c2";
}

.md-reader:before {
  content: "\f2c3";
}

.md-remote-control-alt:before {
  content: "\f2c4";
}

.md-remote-control:before {
  content: "\f2c5";
}

.md-router:before {
  content: "\f2c6";
}

.md-scanner:before {
  content: "\f2c7";
}

.md-smartphone-android:before {
  content: "\f2c8";
}

.md-smartphone-download:before {
  content: "\f2c9";
}

.md-smartphone-erase:before {
  content: "\f2ca";
}

.md-smartphone-info:before {
  content: "\f2cb";
}

.md-smartphone-iphone:before {
  content: "\f2cc";
}

.md-smartphone-landscape-lock:before {
  content: "\f2cd";
}

.md-smartphone-landscape:before {
  content: "\f2ce";
}

.md-smartphone-lock:before {
  content: "\f2cf";
}

.md-smartphone-portrait-lock:before {
  content: "\f2d0";
}

.md-smartphone-ring:before {
  content: "\f2d1";
}

.md-smartphone-setting:before {
  content: "\f2d2";
}

.md-smartphone-setup:before {
  content: "\f2d3";
}

.md-smartphone:before {
  content: "\f2d4";
}

.md-speaker:before {
  content: "\f2d5";
}

.md-tablet-android:before {
  content: "\f2d6";
}

.md-tablet-mac:before {
  content: "\f2d7";
}

.md-tablet:before {
  content: "\f2d8";
}

.md-tv-alt-play:before {
  content: "\f2d9";
}

.md-tv-list:before {
  content: "\f2da";
}

.md-tv-play:before {
  content: "\f2db";
}

.md-tv:before {
  content: "\f2dc";
}

.md-usb:before {
  content: "\f2dd";
}

.md-videocam-off:before {
  content: "\f2de";
}

.md-videocam-switch:before {
  content: "\f2df";
}

.md-videocam:before {
  content: "\f2e0";
}

.md-watch:before {
  content: "\f2e1";
}

.md-wifi-alt-2:before {
  content: "\f2e2";
}

.md-wifi-alt:before {
  content: "\f2e3";
}

.md-wifi-info:before {
  content: "\f2e4";
}

.md-wifi-lock:before {
  content: "\f2e5";
}

.md-wifi-off:before {
  content: "\f2e6";
}

.md-wifi-outline:before {
  content: "\f2e7";
}

.md-wifi:before {
  content: "\f2e8";
}

.md-arrow-left-bottom:before {
  content: "\f2e9";
}

.md-arrow-left:before {
  content: "\f2ea";
}

.md-arrow-merge:before {
  content: "\f2eb";
}

.md-arrow-missed:before {
  content: "\f2ec";
}

.md-arrow-right-top:before {
  content: "\f2ed";
}

.md-arrow-right:before {
  content: "\f2ee";
}

.md-arrow-split:before {
  content: "\f2ef";
}

.md-arrows:before {
  content: "\f2f0";
}

.md-caret-down-circle:before {
  content: "\f2f1";
}

.md-caret-down:before {
  content: "\f2f2";
}

.md-caret-left-circle:before {
  content: "\f2f3";
}

.md-caret-left:before {
  content: "\f2f4";
}

.md-caret-right-circle:before {
  content: "\f2f5";
}

.md-caret-right:before {
  content: "\f2f6";
}

.md-caret-up-circle:before {
  content: "\f2f7";
}

.md-caret-up:before {
  content: "\f2f8";
}

.md-chevron-down:before {
  content: "\f2f9";
}

.md-chevron-left:before {
  content: "\f2fa";
}

.md-chevron-right:before {
  content: "\f2fb";
}

.md-chevron-up:before {
  content: "\f2fc";
}

.md-forward:before {
  content: "\f2fd";
}

.md-long-arrow-down:before {
  content: "\f2fe";
}

.md-long-arrow-left:before {
  content: "\f2ff";
}

.md-long-arrow-return:before {
  content: "\f300";
}

.md-long-arrow-right:before {
  content: "\f301";
}

.md-long-arrow-tab:before {
  content: "\f302";
}

.md-long-arrow-up:before {
  content: "\f303";
}

.md-rotate-ccw:before {
  content: "\f304";
}

.md-rotate-cw:before {
  content: "\f305";
}

.md-rotate-left:before {
  content: "\f306";
}

.md-rotate-right:before {
  content: "\f307";
}

.md-square-down:before {
  content: "\f308";
}

.md-square-right:before {
  content: "\f309";
}

.md-swap-alt:before {
  content: "\f30a";
}

.md-swap-vertical-circle:before {
  content: "\f30b";
}

.md-swap-vertical:before {
  content: "\f30c";
}

.md-swap:before {
  content: "\f30d";
}

.md-trending-down:before {
  content: "\f30e";
}

.md-trending-flat:before {
  content: "\f30f";
}

.md-trending-up:before {
  content: "\f310";
}

.md-unfold-less:before {
  content: "\f311";
}

.md-unfold-more:before {
  content: "\f312";
}

.md-apps:before {
  content: "\f313";
}

.md-grid-off:before {
  content: "\f314";
}

.md-grid:before {
  content: "\f315";
}

.md-view-agenda:before {
  content: "\f316";
}

.md-view-array:before {
  content: "\f317";
}

.md-view-carousel:before {
  content: "\f318";
}

.md-view-column:before {
  content: "\f319";
}

.md-view-comfy:before {
  content: "\f31a";
}

.md-view-compact:before {
  content: "\f31b";
}

.md-view-dashboard:before {
  content: "\f31c";
}

.md-view-day:before {
  content: "\f31d";
}

.md-view-headline:before {
  content: "\f31e";
}

.md-view-list-alt:before {
  content: "\f31f";
}

.md-view-list:before {
  content: "\f320";
}

.md-view-module:before {
  content: "\f321";
}

.md-view-quilt:before {
  content: "\f322";
}

.md-view-stream:before {
  content: "\f323";
}

.md-view-subtitles:before {
  content: "\f324";
}

.md-view-toc:before {
  content: "\f325";
}

.md-view-web:before {
  content: "\f326";
}

.md-view-week:before {
  content: "\f327";
}

.md-widgets:before {
  content: "\f328";
}

.md-alarm-check:before {
  content: "\f329";
}

.md-alarm-off:before {
  content: "\f32a";
}

.md-alarm-plus:before {
  content: "\f32b";
}

.md-alarm-snooze:before {
  content: "\f32c";
}

.md-alarm:before {
  content: "\f32d";
}

.md-calendar-alt:before {
  content: "\f32e";
}

.md-calendar-check:before {
  content: "\f32f";
}

.md-calendar-close:before {
  content: "\f330";
}

.md-calendar-note:before {
  content: "\f331";
}

.md-calendar:before {
  content: "\f332";
}

.md-time-countdown:before {
  content: "\f333";
}

.md-time-interval:before {
  content: "\f334";
}

.md-time-restore-setting:before {
  content: "\f335";
}

.md-time-restore:before {
  content: "\f336";
}

.md-time:before {
  content: "\f337";
}

.md-timer-off:before {
  content: "\f338";
}

.md-timer:before {
  content: "\f339";
}

.md-android-alt:before {
  content: "\f33a";
}

.md-android:before {
  content: "\f33b";
}

.md-apple:before {
  content: "\f33c";
}

.md-behance:before {
  content: "\f33d";
}

.md-codepen:before {
  content: "\f33e";
}

.md-dribbble:before {
  content: "\f33f";
}

.md-dropbox:before {
  content: "\f340";
}

.md-evernote:before {
  content: "\f341";
}

.md-facebook-box:before {
  content: "\f342";
}

.md-facebook:before {
  content: "\f343";
}

.md-github-box:before {
  content: "\f344";
}

.md-github:before {
  content: "\f345";
}

.md-google-drive:before {
  content: "\f346";
}

.md-google-earth:before {
  content: "\f347";
}

.md-google-glass:before {
  content: "\f348";
}

.md-google-maps:before {
  content: "\f349";
}

.md-google-pages:before {
  content: "\f34a";
}

.md-google-play:before {
  content: "\f34b";
}

.md-google-plus-box:before {
  content: "\f34c";
}

.md-google-plus:before {
  content: "\f34d";
}

.md-google:before {
  content: "\f34e";
}

.md-instagram:before {
  content: "\f34f";
}

.md-language-css3:before {
  content: "\f350";
}

.md-language-html5:before {
  content: "\f351";
}

.md-language-javascript:before {
  content: "\f352";
}

.md-language-python-alt:before {
  content: "\f353";
}

.md-language-python:before {
  content: "\f354";
}

.md-lastfm:before {
  content: "\f355";
}

.md-linkedin-box:before {
  content: "\f356";
}

.md-paypal:before {
  content: "\f357";
}

.md-pinterest-box:before {
  content: "\f358";
}

.md-pocket:before {
  content: "\f359";
}

.md-polymer:before {
  content: "\f35a";
}

.md-share:before {
  content: "\f35b";
}

.md-stackoverflow:before {
  content: "\f35c";
}

.md-steam-square:before {
  content: "\f35d";
}

.md-steam:before {
  content: "\f35e";
}

.md-twitter-box:before {
  content: "\f35f";
}

.md-twitter:before {
  content: "\f360";
}

.md-vk:before {
  content: "\f361";
}

.md-wikipedia:before {
  content: "\f362";
}

.md-windows:before {
  content: "\f363";
}

.md-aspect-ratio-alt:before {
  content: "\f364";
}

.md-aspect-ratio:before {
  content: "\f365";
}

.md-blur-circular:before {
  content: "\f366";
}

.md-blur-linear:before {
  content: "\f367";
}

.md-blur-off:before {
  content: "\f368";
}

.md-blur:before {
  content: "\f369";
}

.md-brightness-2:before {
  content: "\f36a";
}

.md-brightness-3:before {
  content: "\f36b";
}

.md-brightness-4:before {
  content: "\f36c";
}

.md-brightness-5:before {
  content: "\f36d";
}

.md-brightness-6:before {
  content: "\f36e";
}

.md-brightness-7:before {
  content: "\f36f";
}

.md-brightness-auto:before {
  content: "\f370";
}

.md-brightness-setting:before {
  content: "\f371";
}

.md-broken-image:before {
  content: "\f372";
}

.md-center-focus-strong:before {
  content: "\f373";
}

.md-center-focus-weak:before {
  content: "\f374";
}

.md-compare:before {
  content: "\f375";
}

.md-crop-16-9:before {
  content: "\f376";
}

.md-crop-3-2:before {
  content: "\f377";
}

.md-crop-5-4:before {
  content: "\f378";
}

.md-crop-7-5:before {
  content: "\f379";
}

.md-crop-din:before {
  content: "\f37a";
}

.md-crop-free:before {
  content: "\f37b";
}

.md-crop-landscape:before {
  content: "\f37c";
}

.md-crop-portrait:before {
  content: "\f37d";
}

.md-crop-square:before {
  content: "\f37e";
}

.md-exposure-alt:before {
  content: "\f37f";
}

.md-exposure:before {
  content: "\f380";
}

.md-filter-b-and-w:before {
  content: "\f381";
}

.md-filter-center-focus:before {
  content: "\f382";
}

.md-filter-frames:before {
  content: "\f383";
}

.md-filter-tilt-shift:before {
  content: "\f384";
}

.md-gradient:before {
  content: "\f385";
}

.md-grain:before {
  content: "\f386";
}

.md-graphic-eq:before {
  content: "\f387";
}

.md-hdr-off:before {
  content: "\f388";
}

.md-hdr-strong:before {
  content: "\f389";
}

.md-hdr-weak:before {
  content: "\f38a";
}

.md-hdr:before {
  content: "\f38b";
}

.md-iridescent:before {
  content: "\f38c";
}

.md-leak-off:before {
  content: "\f38d";
}

.md-leak:before {
  content: "\f38e";
}

.md-looks:before {
  content: "\f38f";
}

.md-loupe:before {
  content: "\f390";
}

.md-panorama-horizontal:before {
  content: "\f391";
}

.md-panorama-vertical:before {
  content: "\f392";
}

.md-panorama-wide-angle:before {
  content: "\f393";
}

.md-photo-size-select-large:before {
  content: "\f394";
}

.md-photo-size-select-small:before {
  content: "\f395";
}

.md-picture-in-picture:before {
  content: "\f396";
}

.md-slideshow:before {
  content: "\f397";
}

.md-texture:before {
  content: "\f398";
}

.md-tonality:before {
  content: "\f399";
}

.md-vignette:before {
  content: "\f39a";
}

.md-wb-auto:before {
  content: "\f39b";
}

.md-eject-alt:before {
  content: "\f39c";
}

.md-eject:before {
  content: "\f39d";
}

.md-equalizer:before {
  content: "\f39e";
}

.md-fast-forward:before {
  content: "\f39f";
}

.md-fast-rewind:before {
  content: "\f3a0";
}

.md-forward-10:before {
  content: "\f3a1";
}

.md-forward-30:before {
  content: "\f3a2";
}

.md-forward-5:before {
  content: "\f3a3";
}

.md-hearing:before {
  content: "\f3a4";
}

.md-pause-circle-outline:before {
  content: "\f3a5";
}

.md-pause-circle:before {
  content: "\f3a6";
}

.md-pause:before {
  content: "\f3a7";
}

.md-play-circle-outline:before {
  content: "\f3a8";
}

.md-play-circle:before {
  content: "\f3a9";
}

.md-play:before {
  content: "\f3aa";
}

.md-playlist-audio:before {
  content: "\f3ab";
}

.md-playlist-plus:before {
  content: "\f3ac";
}

.md-repeat-one:before {
  content: "\f3ad";
}

.md-repeat:before {
  content: "\f3ae";
}

.md-replay-10:before {
  content: "\f3af";
}

.md-replay-30:before {
  content: "\f3b0";
}

.md-replay-5:before {
  content: "\f3b1";
}

.md-replay:before {
  content: "\f3b2";
}

.md-shuffle:before {
  content: "\f3b3";
}

.md-skip-next:before {
  content: "\f3b4";
}

.md-skip-previous:before {
  content: "\f3b5";
}

.md-stop:before {
  content: "\f3b6";
}

.md-surround-sound:before {
  content: "\f3b7";
}

.md-tune:before {
  content: "\f3b8";
}

.md-volume-down:before {
  content: "\f3b9";
}

.md-volume-mute:before {
  content: "\f3ba";
}

.md-volume-off:before {
  content: "\f3bb";
}

.md-volume-up:before {
  content: "\f3bc";
}

.md-n-1-square:before {
  content: "\f3bd";
}

.md-n-2-square:before {
  content: "\f3be";
}

.md-n-3-square:before {
  content: "\f3bf";
}

.md-n-4-square:before {
  content: "\f3c0";
}

.md-n-5-square:before {
  content: "\f3c1";
}

.md-n-6-square:before {
  content: "\f3c2";
}

.md-neg-1:before {
  content: "\f3c3";
}

.md-neg-2:before {
  content: "\f3c4";
}

.md-plus-1:before {
  content: "\f3c5";
}

.md-plus-2:before {
  content: "\f3c6";
}

.md-sec-10:before {
  content: "\f3c7";
}

.md-sec-3:before {
  content: "\f3c8";
}

.md-zero:before {
  content: "\f3c9";
}

.md-airline-seat-flat-angled:before {
  content: "\f3ca";
}

.md-airline-seat-flat:before {
  content: "\f3cb";
}

.md-airline-seat-individual-suite:before {
  content: "\f3cc";
}

.md-airline-seat-legroom-extra:before {
  content: "\f3cd";
}

.md-airline-seat-legroom-normal:before {
  content: "\f3ce";
}

.md-airline-seat-legroom-reduced:before {
  content: "\f3cf";
}

.md-airline-seat-recline-extra:before {
  content: "\f3d0";
}

.md-airline-seat-recline-normal:before {
  content: "\f3d1";
}

.md-airplay:before {
  content: "\f3d2";
}

.md-closed-caption:before {
  content: "\f3d3";
}

.md-confirmation-number:before {
  content: "\f3d4";
}

.md-developer-board:before {
  content: "\f3d5";
}

.md-disc-full:before {
  content: "\f3d6";
}

.md-explicit:before {
  content: "\f3d7";
}

.md-flight-land:before {
  content: "\f3d8";
}

.md-flight-takeoff:before {
  content: "\f3d9";
}

.md-flip-to-back:before {
  content: "\f3da";
}

.md-flip-to-front:before {
  content: "\f3db";
}

.md-group-work:before {
  content: "\f3dc";
}

.md-hd:before {
  content: "\f3dd";
}

.md-hq:before {
  content: "\f3de";
}

.md-markunread-mailbox:before {
  content: "\f3df";
}

.md-memory:before {
  content: "\f3e0";
}

.md-nfc:before {
  content: "\f3e1";
}

.md-play-for-work:before {
  content: "\f3e2";
}

.md-power-input:before {
  content: "\f3e3";
}

.md-present-to-all:before {
  content: "\f3e4";
}

.md-satellite:before {
  content: "\f3e5";
}

.md-tap-and-play:before {
  content: "\f3e6";
}

.md-vibration:before {
  content: "\f3e7";
}

.md-voicemail:before {
  content: "\f3e8";
}

.md-group:before {
  content: "\f3e9";
}

.md-rss:before {
  content: "\f3ea";
}

.md-shape:before {
  content: "\f3eb";
}

.md-spinner:before {
  content: "\f3ec";
}

.md-ungroup:before {
  content: "\f3ed";
}

.md-500px:before {
  content: "\f3ee";
}

.md-8tracks:before {
  content: "\f3ef";
}

.md-amazon:before {
  content: "\f3f0";
}

.md-blogger:before {
  content: "\f3f1";
}

.md-delicious:before {
  content: "\f3f2";
}

.md-disqus:before {
  content: "\f3f3";
}

.md-flattr:before {
  content: "\f3f4";
}

.md-flickr:before {
  content: "\f3f5";
}

.md-github-alt:before {
  content: "\f3f6";
}

.md-google-old:before {
  content: "\f3f7";
}

.md-linkedin:before {
  content: "\f3f8";
}

.md-odnoklassniki:before {
  content: "\f3f9";
}

.md-outlook:before {
  content: "\f3fa";
}

.md-paypal-alt:before {
  content: "\f3fb";
}

.md-pinterest:before {
  content: "\f3fc";
}

.md-playstation:before {
  content: "\f3fd";
}

.md-reddit:before {
  content: "\f3fe";
}

.md-skype:before {
  content: "\f3ff";
}

.md-slideshare:before {
  content: "\f400";
}

.md-soundcloud:before {
  content: "\f401";
}

.md-tumblr:before {
  content: "\f402";
}

.md-twitch:before {
  content: "\f403";
}

.md-vimeo:before {
  content: "\f404";
}

.md-whatsapp:before {
  content: "\f405";
}

.md-xbox:before {
  content: "\f406";
}

.md-yahoo:before {
  content: "\f407";
}

.md-youtube-play:before {
  content: "\f408";
}

.md-youtube:before {
  content: "\f409";
}

.zmdi-3d-rotation:before {
  content: "\f101";
}

.zmdi-airplane-off:before {
  content: "\f102";
}

.zmdi-airplane:before {
  content: "\f103";
}

.zmdi-album:before {
  content: "\f104";
}

.zmdi-archive:before {
  content: "\f105";
}

.zmdi-assignment-account:before {
  content: "\f106";
}

.zmdi-assignment-alert:before {
  content: "\f107";
}

.zmdi-assignment-check:before {
  content: "\f108";
}

.zmdi-assignment-o:before {
  content: "\f109";
}

.zmdi-assignment-return:before {
  content: "\f10a";
}

.zmdi-assignment-returned:before {
  content: "\f10b";
}

.zmdi-assignment:before {
  content: "\f10c";
}

.zmdi-attachment-alt:before {
  content: "\f10d";
}

.zmdi-attachment:before {
  content: "\f10e";
}

.zmdi-audio:before {
  content: "\f10f";
}

.zmdi-badge-check:before {
  content: "\f110";
}

.zmdi-balance-wallet:before {
  content: "\f111";
}

.zmdi-balance:before {
  content: "\f112";
}

.zmdi-battery-alert:before {
  content: "\f113";
}

.zmdi-battery-flash:before {
  content: "\f114";
}

.zmdi-battery-unknown:before {
  content: "\f115";
}

.zmdi-battery:before {
  content: "\f116";
}

.zmdi-bike:before {
  content: "\f117";
}

.zmdi-block-alt:before {
  content: "\f118";
}

.zmdi-block:before {
  content: "\f119";
}

.zmdi-boat:before {
  content: "\f11a";
}

.zmdi-book-image:before {
  content: "\f11b";
}

.zmdi-book:before {
  content: "\f11c";
}

.zmdi-bookmark-outline:before {
  content: "\f11d";
}

.zmdi-bookmark:before {
  content: "\f11e";
}

.zmdi-brush:before {
  content: "\f11f";
}

.zmdi-bug:before {
  content: "\f120";
}

.zmdi-bus:before {
  content: "\f121";
}

.zmdi-cake:before {
  content: "\f122";
}

.zmdi-car-taxi:before {
  content: "\f123";
}

.zmdi-car-wash:before {
  content: "\f124";
}

.zmdi-car:before {
  content: "\f125";
}

.zmdi-card-giftcard:before {
  content: "\f126";
}

.zmdi-card-membership:before {
  content: "\f127";
}

.zmdi-card-travel:before {
  content: "\f128";
}

.zmdi-card:before {
  content: "\f129";
}

.zmdi-case-check:before {
  content: "\f12a";
}

.zmdi-case-download:before {
  content: "\f12b";
}

.zmdi-case-play:before {
  content: "\f12c";
}

.zmdi-case:before {
  content: "\f12d";
}

.zmdi-cast-connected:before {
  content: "\f12e";
}

.zmdi-cast:before {
  content: "\f12f";
}

.zmdi-chart-donut:before {
  content: "\f130";
}

.zmdi-chart:before {
  content: "\f131";
}

.zmdi-city-alt:before {
  content: "\f132";
}

.zmdi-city:before {
  content: "\f133";
}

.zmdi-close-circle-o:before {
  content: "\f134";
}

.zmdi-close-circle:before {
  content: "\f135";
}

.zmdi-close:before {
  content: "\f136";
}

.zmdi-cocktail:before {
  content: "\f137";
}

.zmdi-code-setting:before {
  content: "\f138";
}

.zmdi-code-smartphone:before {
  content: "\f139";
}

.zmdi-code:before {
  content: "\f13a";
}

.zmdi-coffee:before {
  content: "\f13b";
}

.zmdi-collection-bookmark:before {
  content: "\f13c";
}

.zmdi-collection-case-play:before {
  content: "\f13d";
}

.zmdi-collection-folder-image:before {
  content: "\f13e";
}

.zmdi-collection-image-o:before {
  content: "\f13f";
}

.zmdi-collection-image:before {
  content: "\f140";
}

.zmdi-collection-item-1:before {
  content: "\f141";
}

.zmdi-collection-item-2:before {
  content: "\f142";
}

.zmdi-collection-item-3:before {
  content: "\f143";
}

.zmdi-collection-item-4:before {
  content: "\f144";
}

.zmdi-collection-item-5:before {
  content: "\f145";
}

.zmdi-collection-item-6:before {
  content: "\f146";
}

.zmdi-collection-item-7:before {
  content: "\f147";
}

.zmdi-collection-item-8:before {
  content: "\f148";
}

.zmdi-collection-item-9-plus:before {
  content: "\f149";
}

.zmdi-collection-item-9:before {
  content: "\f14a";
}

.zmdi-collection-item:before {
  content: "\f14b";
}

.zmdi-collection-music:before {
  content: "\f14c";
}

.zmdi-collection-pdf:before {
  content: "\f14d";
}

.zmdi-collection-plus:before {
  content: "\f14e";
}

.zmdi-collection-speaker:before {
  content: "\f14f";
}

.zmdi-collection-text:before {
  content: "\f150";
}

.zmdi-collection-video:before {
  content: "\f151";
}

.zmdi-compass:before {
  content: "\f152";
}

.zmdi-cutlery:before {
  content: "\f153";
}

.zmdi-delete:before {
  content: "\f154";
}

.zmdi-dialpad:before {
  content: "\f155";
}

.zmdi-dns:before {
  content: "\f156";
}

.zmdi-drink:before {
  content: "\f157";
}

.zmdi-edit:before {
  content: "\f158";
}

.zmdi-email-open:before {
  content: "\f159";
}

.zmdi-email:before {
  content: "\f15a";
}

.zmdi-eye-off:before {
  content: "\f15b";
}

.zmdi-eye:before {
  content: "\f15c";
}

.zmdi-eyedropper:before {
  content: "\f15d";
}

.zmdi-favorite-outline:before {
  content: "\f15e";
}

.zmdi-favorite:before {
  content: "\f15f";
}

.zmdi-filter-list:before {
  content: "\f160";
}

.zmdi-fire:before {
  content: "\f161";
}

.zmdi-flag:before {
  content: "\f162";
}

.zmdi-flare:before {
  content: "\f163";
}

.zmdi-flash-auto:before {
  content: "\f164";
}

.zmdi-flash-off:before {
  content: "\f165";
}

.zmdi-flash:before {
  content: "\f166";
}

.zmdi-flip:before {
  content: "\f167";
}

.zmdi-flower-alt:before {
  content: "\f168";
}

.zmdi-flower:before {
  content: "\f169";
}

.zmdi-font:before {
  content: "\f16a";
}

.zmdi-fullscreen-alt:before {
  content: "\f16b";
}

.zmdi-fullscreen-exit:before {
  content: "\f16c";
}

.zmdi-fullscreen:before {
  content: "\f16d";
}

.zmdi-functions:before {
  content: "\f16e";
}

.zmdi-gas-station:before {
  content: "\f16f";
}

.zmdi-gesture:before {
  content: "\f170";
}

.zmdi-globe-alt:before {
  content: "\f171";
}

.zmdi-globe-lock:before {
  content: "\f172";
}

.zmdi-globe:before {
  content: "\f173";
}

.zmdi-graduation-cap:before {
  content: "\f174";
}

.zmdi-home:before {
  content: "\f175";
}

.zmdi-hospital-alt:before {
  content: "\f176";
}

.zmdi-hospital:before {
  content: "\f177";
}

.zmdi-hotel:before {
  content: "\f178";
}

.zmdi-hourglass-alt:before {
  content: "\f179";
}

.zmdi-hourglass-outline:before {
  content: "\f17a";
}

.zmdi-hourglass:before {
  content: "\f17b";
}

.zmdi-http:before {
  content: "\f17c";
}

.zmdi-image-alt:before {
  content: "\f17d";
}

.zmdi-image-o:before {
  content: "\f17e";
}

.zmdi-image:before {
  content: "\f17f";
}

.zmdi-inbox:before {
  content: "\f180";
}

.zmdi-invert-colors-off:before {
  content: "\f181";
}

.zmdi-invert-colors:before {
  content: "\f182";
}

.zmdi-key:before {
  content: "\f183";
}

.zmdi-label-alt-outline:before {
  content: "\f184";
}

.zmdi-label-alt:before {
  content: "\f185";
}

.zmdi-label-heart:before {
  content: "\f186";
}

.zmdi-label:before {
  content: "\f187";
}

.zmdi-labels:before {
  content: "\f188";
}

.zmdi-lamp:before {
  content: "\f189";
}

.zmdi-landscape:before {
  content: "\f18a";
}

.zmdi-layers-off:before {
  content: "\f18b";
}

.zmdi-layers:before {
  content: "\f18c";
}

.zmdi-library:before {
  content: "\f18d";
}

.zmdi-link:before {
  content: "\f18e";
}

.zmdi-lock-open:before {
  content: "\f18f";
}

.zmdi-lock-outline:before {
  content: "\f190";
}

.zmdi-lock:before {
  content: "\f191";
}

.zmdi-mail-reply-all:before {
  content: "\f192";
}

.zmdi-mail-reply:before {
  content: "\f193";
}

.zmdi-mail-send:before {
  content: "\f194";
}

.zmdi-mall:before {
  content: "\f195";
}

.zmdi-map:before {
  content: "\f196";
}

.zmdi-menu:before {
  content: "\f197";
}

.zmdi-money-box:before {
  content: "\f198";
}

.zmdi-money-off:before {
  content: "\f199";
}

.zmdi-money:before {
  content: "\f19a";
}

.zmdi-more-vert:before {
  content: "\f19b";
}

.zmdi-more:before {
  content: "\f19c";
}

.zmdi-movie-alt:before {
  content: "\f19d";
}

.zmdi-movie:before {
  content: "\f19e";
}

.zmdi-nature-people:before {
  content: "\f19f";
}

.zmdi-nature:before {
  content: "\f1a0";
}

.zmdi-navigation:before {
  content: "\f1a1";
}

.zmdi-open-in-browser:before {
  content: "\f1a2";
}

.zmdi-open-in-new:before {
  content: "\f1a3";
}

.zmdi-palette:before {
  content: "\f1a4";
}

.zmdi-parking:before {
  content: "\f1a5";
}

.zmdi-pin-account:before {
  content: "\f1a6";
}

.zmdi-pin-assistant:before {
  content: "\f1a7";
}

.zmdi-pin-drop:before {
  content: "\f1a8";
}

.zmdi-pin-help:before {
  content: "\f1a9";
}

.zmdi-pin-off:before {
  content: "\f1aa";
}

.zmdi-pin:before {
  content: "\f1ab";
}

.zmdi-pizza:before {
  content: "\f1ac";
}

.zmdi-plaster:before {
  content: "\f1ad";
}

.zmdi-power-setting:before {
  content: "\f1ae";
}

.zmdi-power:before {
  content: "\f1af";
}

.zmdi-print:before {
  content: "\f1b0";
}

.zmdi-puzzle-piece:before {
  content: "\f1b1";
}

.zmdi-quote:before {
  content: "\f1b2";
}

.zmdi-railway:before {
  content: "\f1b3";
}

.zmdi-receipt:before {
  content: "\f1b4";
}

.zmdi-refresh-alt:before {
  content: "\f1b5";
}

.zmdi-refresh-sync-alert:before {
  content: "\f1b6";
}

.zmdi-refresh-sync-off:before {
  content: "\f1b7";
}

.zmdi-refresh-sync:before {
  content: "\f1b8";
}

.zmdi-refresh:before {
  content: "\f1b9";
}

.zmdi-roller:before {
  content: "\f1ba";
}

.zmdi-ruler:before {
  content: "\f1bb";
}

.zmdi-scissors:before {
  content: "\f1bc";
}

.zmdi-screen-rotation-lock:before {
  content: "\f1bd";
}

.zmdi-screen-rotation:before {
  content: "\f1be";
}

.zmdi-search-for:before {
  content: "\f1bf";
}

.zmdi-search-in-file:before {
  content: "\f1c0";
}

.zmdi-search-in-page:before {
  content: "\f1c1";
}

.zmdi-search-replace:before {
  content: "\f1c2";
}

.zmdi-search:before {
  content: "\f1c3";
}

.zmdi-seat:before {
  content: "\f1c4";
}

.zmdi-settings-square:before {
  content: "\f1c5";
}

.zmdi-settings:before {
  content: "\f1c6";
}

.zmdi-shield-check:before {
  content: "\f1c7";
}

.zmdi-shield-security:before {
  content: "\f1c8";
}

.zmdi-shopping-basket:before {
  content: "\f1c9";
}

.zmdi-shopping-cart-plus:before {
  content: "\f1ca";
}

.zmdi-shopping-cart:before {
  content: "\f1cb";
}

.zmdi-sign-in:before {
  content: "\f1cc";
}

.zmdi-sort-amount-asc:before {
  content: "\f1cd";
}

.zmdi-sort-amount-desc:before {
  content: "\f1ce";
}

.zmdi-sort-asc:before {
  content: "\f1cf";
}

.zmdi-sort-desc:before {
  content: "\f1d0";
}

.zmdi-spellcheck:before {
  content: "\f1d1";
}

.zmdi-storage:before {
  content: "\f1d2";
}

.zmdi-store-24:before {
  content: "\f1d3";
}

.zmdi-store:before {
  content: "\f1d4";
}

.zmdi-subway:before {
  content: "\f1d5";
}

.zmdi-sun:before {
  content: "\f1d6";
}

.zmdi-tab-unselected:before {
  content: "\f1d7";
}

.zmdi-tab:before {
  content: "\f1d8";
}

.zmdi-tag-close:before {
  content: "\f1d9";
}

.zmdi-tag-more:before {
  content: "\f1da";
}

.zmdi-tag:before {
  content: "\f1db";
}

.zmdi-thumb-down:before {
  content: "\f1dc";
}

.zmdi-thumb-up-down:before {
  content: "\f1dd";
}

.zmdi-thumb-up:before {
  content: "\f1de";
}

.zmdi-ticket-star:before {
  content: "\f1df";
}

.zmdi-toll:before {
  content: "\f1e0";
}

.zmdi-toys:before {
  content: "\f1e1";
}

.zmdi-traffic:before {
  content: "\f1e2";
}

.zmdi-translate:before {
  content: "\f1e3";
}

.zmdi-triangle-down:before {
  content: "\f1e4";
}

.zmdi-triangle-up:before {
  content: "\f1e5";
}

.zmdi-truck:before {
  content: "\f1e6";
}

.zmdi-turning-sign:before {
  content: "\f1e7";
}

.zmdi-wallpaper:before {
  content: "\f1e8";
}

.zmdi-washing-machine:before {
  content: "\f1e9";
}

.zmdi-window-maximize:before {
  content: "\f1ea";
}

.zmdi-window-minimize:before {
  content: "\f1eb";
}

.zmdi-window-restore:before {
  content: "\f1ec";
}

.zmdi-wrench:before {
  content: "\f1ed";
}

.zmdi-zoom-in:before {
  content: "\f1ee";
}

.zmdi-zoom-out:before {
  content: "\f1ef";
}

.zmdi-alert-circle-o:before {
  content: "\f1f0";
}

.zmdi-alert-circle:before {
  content: "\f1f1";
}

.zmdi-alert-octagon:before {
  content: "\f1f2";
}

.zmdi-alert-polygon:before {
  content: "\f1f3";
}

.zmdi-alert-triangle:before {
  content: "\f1f4";
}

.zmdi-help-outline:before {
  content: "\f1f5";
}

.zmdi-help:before {
  content: "\f1f6";
}

.zmdi-info-outline:before {
  content: "\f1f7";
}

.zmdi-info:before {
  content: "\f1f8";
}

.zmdi-notifications-active:before {
  content: "\f1f9";
}

.zmdi-notifications-add:before {
  content: "\f1fa";
}

.zmdi-notifications-none:before {
  content: "\f1fb";
}

.zmdi-notifications-off:before {
  content: "\f1fc";
}

.zmdi-notifications-paused:before {
  content: "\f1fd";
}

.zmdi-notifications:before {
  content: "\f1fe";
}

.zmdi-account-add:before {
  content: "\f1ff";
}

.zmdi-account-box-mail:before {
  content: "\f200";
}

.zmdi-account-box-o:before {
  content: "\f201";
}

.zmdi-account-box-phone:before {
  content: "\f202";
}

.zmdi-account-box:before {
  content: "\f203";
}

.zmdi-account-calendar:before {
  content: "\f204";
}

.zmdi-account-circle:before {
  content: "\f205";
}

.zmdi-account-o:before {
  content: "\f206";
}

.zmdi-account:before {
  content: "\f207";
}

.zmdi-accounts-add:before {
  content: "\f208";
}

.zmdi-accounts-alt:before {
  content: "\f209";
}

.zmdi-accounts-list-alt:before {
  content: "\f20a";
}

.zmdi-accounts-list:before {
  content: "\f20b";
}

.zmdi-accounts-outline:before {
  content: "\f20c";
}

.zmdi-accounts:before {
  content: "\f20d";
}

.zmdi-face:before {
  content: "\f20e";
}

.zmdi-female:before {
  content: "\f20f";
}

.zmdi-male-alt:before {
  content: "\f210";
}

.zmdi-male-female:before {
  content: "\f211";
}

.zmdi-male:before {
  content: "\f212";
}

.zmdi-mood-bad:before {
  content: "\f213";
}

.zmdi-mood:before {
  content: "\f214";
}

.zmdi-run:before {
  content: "\f215";
}

.zmdi-walk:before {
  content: "\f216";
}

.zmdi-cloud-box:before {
  content: "\f217";
}

.zmdi-cloud-circle:before {
  content: "\f218";
}

.zmdi-cloud-done:before {
  content: "\f219";
}

.zmdi-cloud-download:before {
  content: "\f21a";
}

.zmdi-cloud-off:before {
  content: "\f21b";
}

.zmdi-cloud-outline-alt:before {
  content: "\f21c";
}

.zmdi-cloud-outline:before {
  content: "\f21d";
}

.zmdi-cloud-upload:before {
  content: "\f21e";
}

.zmdi-cloud:before {
  content: "\f21f";
}

.zmdi-download:before {
  content: "\f220";
}

.zmdi-file-plus:before {
  content: "\f221";
}

.zmdi-file-text:before {
  content: "\f222";
}

.zmdi-file:before {
  content: "\f223";
}

.zmdi-folder-outline:before {
  content: "\f224";
}

.zmdi-folder-person:before {
  content: "\f225";
}

.zmdi-folder-star-alt:before {
  content: "\f226";
}

.zmdi-folder-star:before {
  content: "\f227";
}

.zmdi-folder:before {
  content: "\f228";
}

.zmdi-gif:before {
  content: "\f229";
}

.zmdi-upload:before {
  content: "\f22a";
}

.zmdi-border-all:before {
  content: "\f22b";
}

.zmdi-border-bottom:before {
  content: "\f22c";
}

.zmdi-border-clear:before {
  content: "\f22d";
}

.zmdi-border-color:before {
  content: "\f22e";
}

.zmdi-border-horizontal:before {
  content: "\f22f";
}

.zmdi-border-inner:before {
  content: "\f230";
}

.zmdi-border-left:before {
  content: "\f231";
}

.zmdi-border-outer:before {
  content: "\f232";
}

.zmdi-border-right:before {
  content: "\f233";
}

.zmdi-border-style:before {
  content: "\f234";
}

.zmdi-border-top:before {
  content: "\f235";
}

.zmdi-border-vertical:before {
  content: "\f236";
}

.zmdi-copy:before {
  content: "\f237";
}

.zmdi-crop:before {
  content: "\f238";
}

.zmdi-format-align-center:before {
  content: "\f239";
}

.zmdi-format-align-justify:before {
  content: "\f23a";
}

.zmdi-format-align-left:before {
  content: "\f23b";
}

.zmdi-format-align-right:before {
  content: "\f23c";
}

.zmdi-format-bold:before {
  content: "\f23d";
}

.zmdi-format-clear-all:before {
  content: "\f23e";
}

.zmdi-format-clear:before {
  content: "\f23f";
}

.zmdi-format-color-fill:before {
  content: "\f240";
}

.zmdi-format-color-reset:before {
  content: "\f241";
}

.zmdi-format-color-text:before {
  content: "\f242";
}

.zmdi-format-indent-decrease:before {
  content: "\f243";
}

.zmdi-format-indent-increase:before {
  content: "\f244";
}

.zmdi-format-italic:before {
  content: "\f245";
}

.zmdi-format-line-spacing:before {
  content: "\f246";
}

.zmdi-format-list-bulleted:before {
  content: "\f247";
}

.zmdi-format-list-numbered:before {
  content: "\f248";
}

.zmdi-format-ltr:before {
  content: "\f249";
}

.zmdi-format-rtl:before {
  content: "\f24a";
}

.zmdi-format-size:before {
  content: "\f24b";
}

.zmdi-format-strikethrough-s:before {
  content: "\f24c";
}

.zmdi-format-strikethrough:before {
  content: "\f24d";
}

.zmdi-format-subject:before {
  content: "\f24e";
}

.zmdi-format-underlined:before {
  content: "\f24f";
}

.zmdi-format-valign-bottom:before {
  content: "\f250";
}

.zmdi-format-valign-center:before {
  content: "\f251";
}

.zmdi-format-valign-top:before {
  content: "\f252";
}

.zmdi-redo:before {
  content: "\f253";
}

.zmdi-select-all:before {
  content: "\f254";
}

.zmdi-space-bar:before {
  content: "\f255";
}

.zmdi-text-format:before {
  content: "\f256";
}

.zmdi-transform:before {
  content: "\f257";
}

.zmdi-undo:before {
  content: "\f258";
}

.zmdi-wrap-text:before {
  content: "\f259";
}

.zmdi-comment-alert:before {
  content: "\f25a";
}

.zmdi-comment-alt-text:before {
  content: "\f25b";
}

.zmdi-comment-alt:before {
  content: "\f25c";
}

.zmdi-comment-edit:before {
  content: "\f25d";
}

.zmdi-comment-image:before {
  content: "\f25e";
}

.zmdi-comment-list:before {
  content: "\f25f";
}

.zmdi-comment-more:before {
  content: "\f260";
}

.zmdi-comment-outline:before {
  content: "\f261";
}

.zmdi-comment-text-alt:before {
  content: "\f262";
}

.zmdi-comment-text:before {
  content: "\f263";
}

.zmdi-comment-video:before {
  content: "\f264";
}

.zmdi-comment:before {
  content: "\f265";
}

.zmdi-comments:before {
  content: "\f266";
}

.zmdi-check-all:before {
  content: "\f267";
}

.zmdi-check-circle-u:before {
  content: "\f268";
}

.zmdi-check-circle:before {
  content: "\f269";
}

.zmdi-check-square:before {
  content: "\f26a";
}

.zmdi-check:before {
  content: "\f26b";
}

.zmdi-circle-o:before {
  content: "\f26c";
}

.zmdi-circle:before {
  content: "\f26d";
}

.zmdi-dot-circle-alt:before {
  content: "\f26e";
}

.zmdi-dot-circle:before {
  content: "\f26f";
}

.zmdi-minus-circle-outline:before {
  content: "\f270";
}

.zmdi-minus-circle:before {
  content: "\f271";
}

.zmdi-minus-square:before {
  content: "\f272";
}

.zmdi-minus:before {
  content: "\f273";
}

.zmdi-plus-circle-o-duplicate:before {
  content: "\f274";
}

.zmdi-plus-circle-o:before {
  content: "\f275";
}

.zmdi-plus-circle:before {
  content: "\f276";
}

.zmdi-plus-square:before {
  content: "\f277";
}

.zmdi-plus:before {
  content: "\f278";
}

.zmdi-square-o:before {
  content: "\f279";
}

.zmdi-star-circle:before {
  content: "\f27a";
}

.zmdi-star-half:before {
  content: "\f27b";
}

.zmdi-star-outline:before {
  content: "\f27c";
}

.zmdi-star:before {
  content: "\f27d";
}

.zmdi-bluetooth-connected:before {
  content: "\f27e";
}

.zmdi-bluetooth-off:before {
  content: "\f27f";
}

.zmdi-bluetooth-search:before {
  content: "\f280";
}

.zmdi-bluetooth-setting:before {
  content: "\f281";
}

.zmdi-bluetooth:before {
  content: "\f282";
}

.zmdi-camera-add:before {
  content: "\f283";
}

.zmdi-camera-alt:before {
  content: "\f284";
}

.zmdi-camera-bw:before {
  content: "\f285";
}

.zmdi-camera-front:before {
  content: "\f286";
}

.zmdi-camera-mic:before {
  content: "\f287";
}

.zmdi-camera-party-mode:before {
  content: "\f288";
}

.zmdi-camera-rear:before {
  content: "\f289";
}

.zmdi-camera-roll:before {
  content: "\f28a";
}

.zmdi-camera-switch:before {
  content: "\f28b";
}

.zmdi-camera:before {
  content: "\f28c";
}

.zmdi-card-alert:before {
  content: "\f28d";
}

.zmdi-card-off:before {
  content: "\f28e";
}

.zmdi-card-sd:before {
  content: "\f28f";
}

.zmdi-card-sim:before {
  content: "\f290";
}

.zmdi-desktop-mac:before {
  content: "\f291";
}

.zmdi-desktop-windows:before {
  content: "\f292";
}

.zmdi-device-hub:before {
  content: "\f293";
}

.zmdi-devices-off:before {
  content: "\f294";
}

.zmdi-devices:before {
  content: "\f295";
}

.zmdi-dock:before {
  content: "\f296";
}

.zmdi-floppy:before {
  content: "\f297";
}

.zmdi-gamepad:before {
  content: "\f298";
}

.zmdi-gps-dot:before {
  content: "\f299";
}

.zmdi-gps-off:before {
  content: "\f29a";
}

.zmdi-gps:before {
  content: "\f29b";
}

.zmdi-headset-mic:before {
  content: "\f29c";
}

.zmdi-headset:before {
  content: "\f29d";
}

.zmdi-input-antenna:before {
  content: "\f29e";
}

.zmdi-input-composite:before {
  content: "\f29f";
}

.zmdi-input-hdmi:before {
  content: "\f2a0";
}

.zmdi-input-power:before {
  content: "\f2a1";
}

.zmdi-input-svideo:before {
  content: "\f2a2";
}

.zmdi-keyboard-hide:before {
  content: "\f2a3";
}

.zmdi-keyboard:before {
  content: "\f2a4";
}

.zmdi-laptop-chromebook:before {
  content: "\f2a5";
}

.zmdi-laptop-mac:before {
  content: "\f2a6";
}

.zmdi-laptop:before {
  content: "\f2a7";
}

.zmdi-mic-off:before {
  content: "\f2a8";
}

.zmdi-mic-outline:before {
  content: "\f2a9";
}

.zmdi-mic-setting:before {
  content: "\f2aa";
}

.zmdi-mic:before {
  content: "\f2ab";
}

.zmdi-mouse:before {
  content: "\f2ac";
}

.zmdi-network-alert:before {
  content: "\f2ad";
}

.zmdi-network-locked:before {
  content: "\f2ae";
}

.zmdi-network-off:before {
  content: "\f2af";
}

.zmdi-network-outline:before {
  content: "\f2b0";
}

.zmdi-network-setting:before {
  content: "\f2b1";
}

.zmdi-network:before {
  content: "\f2b2";
}

.zmdi-phone-bluetooth:before {
  content: "\f2b3";
}

.zmdi-phone-end:before {
  content: "\f2b4";
}

.zmdi-phone-forwarded:before {
  content: "\f2b5";
}

.zmdi-phone-in-talk:before {
  content: "\f2b6";
}

.zmdi-phone-locked:before {
  content: "\f2b7";
}

.zmdi-phone-missed:before {
  content: "\f2b8";
}

.zmdi-phone-msg:before {
  content: "\f2b9";
}

.zmdi-phone-paused:before {
  content: "\f2ba";
}

.zmdi-phone-ring:before {
  content: "\f2bb";
}

.zmdi-phone-setting:before {
  content: "\f2bc";
}

.zmdi-phone-sip:before {
  content: "\f2bd";
}

.zmdi-phone:before {
  content: "\f2be";
}

.zmdi-portable-wifi-changes:before {
  content: "\f2bf";
}

.zmdi-portable-wifi-off:before {
  content: "\f2c0";
}

.zmdi-portable-wifi:before {
  content: "\f2c1";
}

.zmdi-radio:before {
  content: "\f2c2";
}

.zmdi-reader:before {
  content: "\f2c3";
}

.zmdi-remote-control-alt:before {
  content: "\f2c4";
}

.zmdi-remote-control:before {
  content: "\f2c5";
}

.zmdi-router:before {
  content: "\f2c6";
}

.zmdi-scanner:before {
  content: "\f2c7";
}

.zmdi-smartphone-android:before {
  content: "\f2c8";
}

.zmdi-smartphone-download:before {
  content: "\f2c9";
}

.zmdi-smartphone-erase:before {
  content: "\f2ca";
}

.zmdi-smartphone-info:before {
  content: "\f2cb";
}

.zmdi-smartphone-iphone:before {
  content: "\f2cc";
}

.zmdi-smartphone-landscape-lock:before {
  content: "\f2cd";
}

.zmdi-smartphone-landscape:before {
  content: "\f2ce";
}

.zmdi-smartphone-lock:before {
  content: "\f2cf";
}

.zmdi-smartphone-portrait-lock:before {
  content: "\f2d0";
}

.zmdi-smartphone-ring:before {
  content: "\f2d1";
}

.zmdi-smartphone-setting:before {
  content: "\f2d2";
}

.zmdi-smartphone-setup:before {
  content: "\f2d3";
}

.zmdi-smartphone:before {
  content: "\f2d4";
}

.zmdi-speaker:before {
  content: "\f2d5";
}

.zmdi-tablet-android:before {
  content: "\f2d6";
}

.zmdi-tablet-mac:before {
  content: "\f2d7";
}

.zmdi-tablet:before {
  content: "\f2d8";
}

.zmdi-tv-alt-play:before {
  content: "\f2d9";
}

.zmdi-tv-list:before {
  content: "\f2da";
}

.zmdi-tv-play:before {
  content: "\f2db";
}

.zmdi-tv:before {
  content: "\f2dc";
}

.zmdi-usb:before {
  content: "\f2dd";
}

.zmdi-videocam-off:before {
  content: "\f2de";
}

.zmdi-videocam-switch:before {
  content: "\f2df";
}

.zmdi-videocam:before {
  content: "\f2e0";
}

.zmdi-watch:before {
  content: "\f2e1";
}

.zmdi-wifi-alt-2:before {
  content: "\f2e2";
}

.zmdi-wifi-alt:before {
  content: "\f2e3";
}

.zmdi-wifi-info:before {
  content: "\f2e4";
}

.zmdi-wifi-lock:before {
  content: "\f2e5";
}

.zmdi-wifi-off:before {
  content: "\f2e6";
}

.zmdi-wifi-outline:before {
  content: "\f2e7";
}

.zmdi-wifi:before {
  content: "\f2e8";
}

.zmdi-arrow-left-bottom:before {
  content: "\f2e9";
}

.zmdi-arrow-left:before {
  content: "\f2ea";
}

.zmdi-arrow-merge:before {
  content: "\f2eb";
}

.zmdi-arrow-missed:before {
  content: "\f2ec";
}

.zmdi-arrow-right-top:before {
  content: "\f2ed";
}

.zmdi-arrow-right:before {
  content: "\f2ee";
}

.zmdi-arrow-split:before {
  content: "\f2ef";
}

.zmdi-arrows:before {
  content: "\f2f0";
}

.zmdi-caret-down-circle:before {
  content: "\f2f1";
}

.zmdi-caret-down:before {
  content: "\f2f2";
}

.zmdi-caret-left-circle:before {
  content: "\f2f3";
}

.zmdi-caret-left:before {
  content: "\f2f4";
}

.zmdi-caret-right-circle:before {
  content: "\f2f5";
}

.zmdi-caret-right:before {
  content: "\f2f6";
}

.zmdi-caret-up-circle:before {
  content: "\f2f7";
}

.zmdi-caret-up:before {
  content: "\f2f8";
}

.zmdi-chevron-down:before {
  content: "\f2f9";
}

.zmdi-chevron-left:before {
  content: "\f2fa";
}

.zmdi-chevron-right:before {
  content: "\f2fb";
}

.zmdi-chevron-up:before {
  content: "\f2fc";
}

.zmdi-forward:before {
  content: "\f2fd";
}

.zmdi-long-arrow-down:before {
  content: "\f2fe";
}

.zmdi-long-arrow-left:before {
  content: "\f2ff";
}

.zmdi-long-arrow-return:before {
  content: "\f300";
}

.zmdi-long-arrow-right:before {
  content: "\f301";
}

.zmdi-long-arrow-tab:before {
  content: "\f302";
}

.zmdi-long-arrow-up:before {
  content: "\f303";
}

.zmdi-rotate-ccw:before {
  content: "\f304";
}

.zmdi-rotate-cw:before {
  content: "\f305";
}

.zmdi-rotate-left:before {
  content: "\f306";
}

.zmdi-rotate-right:before {
  content: "\f307";
}

.zmdi-square-down:before {
  content: "\f308";
}

.zmdi-square-right:before {
  content: "\f309";
}

.zmdi-swap-alt:before {
  content: "\f30a";
}

.zmdi-swap-vertical-circle:before {
  content: "\f30b";
}

.zmdi-swap-vertical:before {
  content: "\f30c";
}

.zmdi-swap:before {
  content: "\f30d";
}

.zmdi-trending-down:before {
  content: "\f30e";
}

.zmdi-trending-flat:before {
  content: "\f30f";
}

.zmdi-trending-up:before {
  content: "\f310";
}

.zmdi-unfold-less:before {
  content: "\f311";
}

.zmdi-unfold-more:before {
  content: "\f312";
}

.zmdi-apps:before {
  content: "\f313";
}

.zmdi-grid-off:before {
  content: "\f314";
}

.zmdi-grid:before {
  content: "\f315";
}

.zmdi-view-agenda:before {
  content: "\f316";
}

.zmdi-view-array:before {
  content: "\f317";
}

.zmdi-view-carousel:before {
  content: "\f318";
}

.zmdi-view-column:before {
  content: "\f319";
}

.zmdi-view-comfy:before {
  content: "\f31a";
}

.zmdi-view-compact:before {
  content: "\f31b";
}

.zmdi-view-dashboard:before {
  content: "\f31c";
}

.zmdi-view-day:before {
  content: "\f31d";
}

.zmdi-view-headline:before {
  content: "\f31e";
}

.zmdi-view-list-alt:before {
  content: "\f31f";
}

.zmdi-view-list:before {
  content: "\f320";
}

.zmdi-view-module:before {
  content: "\f321";
}

.zmdi-view-quilt:before {
  content: "\f322";
}

.zmdi-view-stream:before {
  content: "\f323";
}

.zmdi-view-subtitles:before {
  content: "\f324";
}

.zmdi-view-toc:before {
  content: "\f325";
}

.zmdi-view-web:before {
  content: "\f326";
}

.zmdi-view-week:before {
  content: "\f327";
}

.zmdi-widgets:before {
  content: "\f328";
}

.zmdi-alarm-check:before {
  content: "\f329";
}

.zmdi-alarm-off:before {
  content: "\f32a";
}

.zmdi-alarm-plus:before {
  content: "\f32b";
}

.zmdi-alarm-snooze:before {
  content: "\f32c";
}

.zmdi-alarm:before {
  content: "\f32d";
}

.zmdi-calendar-alt:before {
  content: "\f32e";
}

.zmdi-calendar-check:before {
  content: "\f32f";
}

.zmdi-calendar-close:before {
  content: "\f330";
}

.zmdi-calendar-note:before {
  content: "\f331";
}

.zmdi-calendar:before {
  content: "\f332";
}

.zmdi-time-countdown:before {
  content: "\f333";
}

.zmdi-time-interval:before {
  content: "\f334";
}

.zmdi-time-restore-setting:before {
  content: "\f335";
}

.zmdi-time-restore:before {
  content: "\f336";
}

.zmdi-time:before {
  content: "\f337";
}

.zmdi-timer-off:before {
  content: "\f338";
}

.zmdi-timer:before {
  content: "\f339";
}

.zmdi-android-alt:before {
  content: "\f33a";
}

.zmdi-android:before {
  content: "\f33b";
}

.zmdi-apple:before {
  content: "\f33c";
}

.zmdi-behance:before {
  content: "\f33d";
}

.zmdi-codepen:before {
  content: "\f33e";
}

.zmdi-dribbble:before {
  content: "\f33f";
}

.zmdi-dropbox:before {
  content: "\f340";
}

.zmdi-evernote:before {
  content: "\f341";
}

.zmdi-facebook-box:before {
  content: "\f342";
}

.zmdi-facebook:before {
  content: "\f343";
}

.zmdi-github-box:before {
  content: "\f344";
}

.zmdi-github:before {
  content: "\f345";
}

.zmdi-google-drive:before {
  content: "\f346";
}

.zmdi-google-earth:before {
  content: "\f347";
}

.zmdi-google-glass:before {
  content: "\f348";
}

.zmdi-google-maps:before {
  content: "\f349";
}

.zmdi-google-pages:before {
  content: "\f34a";
}

.zmdi-google-play:before {
  content: "\f34b";
}

.zmdi-google-plus-box:before {
  content: "\f34c";
}

.zmdi-google-plus:before {
  content: "\f34d";
}

.zmdi-google:before {
  content: "\f34e";
}

.zmdi-instagram:before {
  content: "\f34f";
}

.zmdi-language-css3:before {
  content: "\f350";
}

.zmdi-language-html5:before {
  content: "\f351";
}

.zmdi-language-javascript:before {
  content: "\f352";
}

.zmdi-language-python-alt:before {
  content: "\f353";
}

.zmdi-language-python:before {
  content: "\f354";
}

.zmdi-lastfm:before {
  content: "\f355";
}

.zmdi-linkedin-box:before {
  content: "\f356";
}

.zmdi-paypal:before {
  content: "\f357";
}

.zmdi-pinterest-box:before {
  content: "\f358";
}

.zmdi-pocket:before {
  content: "\f359";
}

.zmdi-polymer:before {
  content: "\f35a";
}

.zmdi-share:before {
  content: "\f35b";
}

.zmdi-stackoverflow:before {
  content: "\f35c";
}

.zmdi-steam-square:before {
  content: "\f35d";
}

.zmdi-steam:before {
  content: "\f35e";
}

.zmdi-twitter-box:before {
  content: "\f35f";
}

.zmdi-twitter:before {
  content: "\f360";
}

.zmdi-vk:before {
  content: "\f361";
}

.zmdi-wikipedia:before {
  content: "\f362";
}

.zmdi-windows:before {
  content: "\f363";
}

.zmdi-aspect-ratio-alt:before {
  content: "\f364";
}

.zmdi-aspect-ratio:before {
  content: "\f365";
}

.zmdi-blur-circular:before {
  content: "\f366";
}

.zmdi-blur-linear:before {
  content: "\f367";
}

.zmdi-blur-off:before {
  content: "\f368";
}

.zmdi-blur:before {
  content: "\f369";
}

.zmdi-brightness-2:before {
  content: "\f36a";
}

.zmdi-brightness-3:before {
  content: "\f36b";
}

.zmdi-brightness-4:before {
  content: "\f36c";
}

.zmdi-brightness-5:before {
  content: "\f36d";
}

.zmdi-brightness-6:before {
  content: "\f36e";
}

.zmdi-brightness-7:before {
  content: "\f36f";
}

.zmdi-brightness-auto:before {
  content: "\f370";
}

.zmdi-brightness-setting:before {
  content: "\f371";
}

.zmdi-broken-image:before {
  content: "\f372";
}

.zmdi-center-focus-strong:before {
  content: "\f373";
}

.zmdi-center-focus-weak:before {
  content: "\f374";
}

.zmdi-compare:before {
  content: "\f375";
}

.zmdi-crop-16-9:before {
  content: "\f376";
}

.zmdi-crop-3-2:before {
  content: "\f377";
}

.zmdi-crop-5-4:before {
  content: "\f378";
}

.zmdi-crop-7-5:before {
  content: "\f379";
}

.zmdi-crop-din:before {
  content: "\f37a";
}

.zmdi-crop-free:before {
  content: "\f37b";
}

.zmdi-crop-landscape:before {
  content: "\f37c";
}

.zmdi-crop-portrait:before {
  content: "\f37d";
}

.zmdi-crop-square:before {
  content: "\f37e";
}

.zmdi-exposure-alt:before {
  content: "\f37f";
}

.zmdi-exposure:before {
  content: "\f380";
}

.zmdi-filter-b-and-w:before {
  content: "\f381";
}

.zmdi-filter-center-focus:before {
  content: "\f382";
}

.zmdi-filter-frames:before {
  content: "\f383";
}

.zmdi-filter-tilt-shift:before {
  content: "\f384";
}

.zmdi-gradient:before {
  content: "\f385";
}

.zmdi-grain:before {
  content: "\f386";
}

.zmdi-graphic-eq:before {
  content: "\f387";
}

.zmdi-hdr-off:before {
  content: "\f388";
}

.zmdi-hdr-strong:before {
  content: "\f389";
}

.zmdi-hdr-weak:before {
  content: "\f38a";
}

.zmdi-hdr:before {
  content: "\f38b";
}

.zmdi-iridescent:before {
  content: "\f38c";
}

.zmdi-leak-off:before {
  content: "\f38d";
}

.zmdi-leak:before {
  content: "\f38e";
}

.zmdi-looks:before {
  content: "\f38f";
}

.zmdi-loupe:before {
  content: "\f390";
}

.zmdi-panorama-horizontal:before {
  content: "\f391";
}

.zmdi-panorama-vertical:before {
  content: "\f392";
}

.zmdi-panorama-wide-angle:before {
  content: "\f393";
}

.zmdi-photo-size-select-large:before {
  content: "\f394";
}

.zmdi-photo-size-select-small:before {
  content: "\f395";
}

.zmdi-picture-in-picture:before {
  content: "\f396";
}

.zmdi-slideshow:before {
  content: "\f397";
}

.zmdi-texture:before {
  content: "\f398";
}

.zmdi-tonality:before {
  content: "\f399";
}

.zmdi-vignette:before {
  content: "\f39a";
}

.zmdi-wb-auto:before {
  content: "\f39b";
}

.zmdi-eject-alt:before {
  content: "\f39c";
}

.zmdi-eject:before {
  content: "\f39d";
}

.zmdi-equalizer:before {
  content: "\f39e";
}

.zmdi-fast-forward:before {
  content: "\f39f";
}

.zmdi-fast-rewind:before {
  content: "\f3a0";
}

.zmdi-forward-10:before {
  content: "\f3a1";
}

.zmdi-forward-30:before {
  content: "\f3a2";
}

.zmdi-forward-5:before {
  content: "\f3a3";
}

.zmdi-hearing:before {
  content: "\f3a4";
}

.zmdi-pause-circle-outline:before {
  content: "\f3a5";
}

.zmdi-pause-circle:before {
  content: "\f3a6";
}

.zmdi-pause:before {
  content: "\f3a7";
}

.zmdi-play-circle-outline:before {
  content: "\f3a8";
}

.zmdi-play-circle:before {
  content: "\f3a9";
}

.zmdi-play:before {
  content: "\f3aa";
}

.zmdi-playlist-audio:before {
  content: "\f3ab";
}

.zmdi-playlist-plus:before {
  content: "\f3ac";
}

.zmdi-repeat-one:before {
  content: "\f3ad";
}

.zmdi-repeat:before {
  content: "\f3ae";
}

.zmdi-replay-10:before {
  content: "\f3af";
}

.zmdi-replay-30:before {
  content: "\f3b0";
}

.zmdi-replay-5:before {
  content: "\f3b1";
}

.zmdi-replay:before {
  content: "\f3b2";
}

.zmdi-shuffle:before {
  content: "\f3b3";
}

.zmdi-skip-next:before {
  content: "\f3b4";
}

.zmdi-skip-previous:before {
  content: "\f3b5";
}

.zmdi-stop:before {
  content: "\f3b6";
}

.zmdi-surround-sound:before {
  content: "\f3b7";
}

.zmdi-tune:before {
  content: "\f3b8";
}

.zmdi-volume-down:before {
  content: "\f3b9";
}

.zmdi-volume-mute:before {
  content: "\f3ba";
}

.zmdi-volume-off:before {
  content: "\f3bb";
}

.zmdi-volume-up:before {
  content: "\f3bc";
}

.zmdi-n-1-square:before {
  content: "\f3bd";
}

.zmdi-n-2-square:before {
  content: "\f3be";
}

.zmdi-n-3-square:before {
  content: "\f3bf";
}

.zmdi-n-4-square:before {
  content: "\f3c0";
}

.zmdi-n-5-square:before {
  content: "\f3c1";
}

.zmdi-n-6-square:before {
  content: "\f3c2";
}

.zmdi-neg-1:before {
  content: "\f3c3";
}

.zmdi-neg-2:before {
  content: "\f3c4";
}

.zmdi-plus-1:before {
  content: "\f3c5";
}

.zmdi-plus-2:before {
  content: "\f3c6";
}

.zmdi-sec-10:before {
  content: "\f3c7";
}

.zmdi-sec-3:before {
  content: "\f3c8";
}

.zmdi-zero:before {
  content: "\f3c9";
}

.zmdi-airline-seat-flat-angled:before {
  content: "\f3ca";
}

.zmdi-airline-seat-flat:before {
  content: "\f3cb";
}

.zmdi-airline-seat-individual-suite:before {
  content: "\f3cc";
}

.zmdi-airline-seat-legroom-extra:before {
  content: "\f3cd";
}

.zmdi-airline-seat-legroom-normal:before {
  content: "\f3ce";
}

.zmdi-airline-seat-legroom-reduced:before {
  content: "\f3cf";
}

.zmdi-airline-seat-recline-extra:before {
  content: "\f3d0";
}

.zmdi-airline-seat-recline-normal:before {
  content: "\f3d1";
}

.zmdi-airplay:before {
  content: "\f3d2";
}

.zmdi-closed-caption:before {
  content: "\f3d3";
}

.zmdi-confirmation-number:before {
  content: "\f3d4";
}

.zmdi-developer-board:before {
  content: "\f3d5";
}

.zmdi-disc-full:before {
  content: "\f3d6";
}

.zmdi-explicit:before {
  content: "\f3d7";
}

.zmdi-flight-land:before {
  content: "\f3d8";
}

.zmdi-flight-takeoff:before {
  content: "\f3d9";
}

.zmdi-flip-to-back:before {
  content: "\f3da";
}

.zmdi-flip-to-front:before {
  content: "\f3db";
}

.zmdi-group-work:before {
  content: "\f3dc";
}

.zmdi-hd:before {
  content: "\f3dd";
}

.zmdi-hq:before {
  content: "\f3de";
}

.zmdi-markunread-mailbox:before {
  content: "\f3df";
}

.zmdi-memory:before {
  content: "\f3e0";
}

.zmdi-nfc:before {
  content: "\f3e1";
}

.zmdi-play-for-work:before {
  content: "\f3e2";
}

.zmdi-power-input:before {
  content: "\f3e3";
}

.zmdi-present-to-all:before {
  content: "\f3e4";
}

.zmdi-satellite:before {
  content: "\f3e5";
}

.zmdi-tap-and-play:before {
  content: "\f3e6";
}

.zmdi-vibration:before {
  content: "\f3e7";
}

.zmdi-voicemail:before {
  content: "\f3e8";
}

.zmdi-group:before {
  content: "\f3e9";
}

.zmdi-rss:before {
  content: "\f3ea";
}

.zmdi-shape:before {
  content: "\f3eb";
}

.zmdi-spinner:before {
  content: "\f3ec";
}

.zmdi-ungroup:before {
  content: "\f3ed";
}

.zmdi-500px:before {
  content: "\f3ee";
}

.zmdi-8tracks:before {
  content: "\f3ef";
}

.zmdi-amazon:before {
  content: "\f3f0";
}

.zmdi-blogger:before {
  content: "\f3f1";
}

.zmdi-delicious:before {
  content: "\f3f2";
}

.zmdi-disqus:before {
  content: "\f3f3";
}

.zmdi-flattr:before {
  content: "\f3f4";
}

.zmdi-flickr:before {
  content: "\f3f5";
}

.zmdi-github-alt:before {
  content: "\f3f6";
}

.zmdi-google-old:before {
  content: "\f3f7";
}

.zmdi-linkedin:before {
  content: "\f3f8";
}

.zmdi-odnoklassniki:before {
  content: "\f3f9";
}

.zmdi-outlook:before {
  content: "\f3fa";
}

.zmdi-paypal-alt:before {
  content: "\f3fb";
}

.zmdi-pinterest:before {
  content: "\f3fc";
}

.zmdi-playstation:before {
  content: "\f3fd";
}

.zmdi-reddit:before {
  content: "\f3fe";
}

.zmdi-skype:before {
  content: "\f3ff";
}

.zmdi-slideshare:before {
  content: "\f400";
}

.zmdi-soundcloud:before {
  content: "\f401";
}

.zmdi-tumblr:before {
  content: "\f402";
}

.zmdi-twitch:before {
  content: "\f403";
}

.zmdi-vimeo:before {
  content: "\f404";
}

.zmdi-whatsapp:before {
  content: "\f405";
}

.zmdi-xbox:before {
  content: "\f406";
}

.zmdi-yahoo:before {
  content: "\f407";
}

.zmdi-youtube-play:before {
  content: "\f408";
}

.zmdi-youtube:before {
  content: "\f409";
}

.md-import-export:before {
  content: "\f30c";
}

.md-swap-vertical-:before {
  content: "\f30c";
}

.md-airplanemode-inactive:before {
  content: "\f102";
}

.md-airplanemode-active:before {
  content: "\f103";
}

.md-rate-review:before {
  content: "\f103";
}

.md-comment-sign:before {
  content: "\f25a";
}

.md-network-warning:before {
  content: "\f2ad";
}

.md-shopping-cart-add:before {
  content: "\f1ca";
}

.md-file-add:before {
  content: "\f221";
}

.md-network-wifi-scan:before {
  content: "\f2e4";
}

.md-collection-add:before {
  content: "\f14e";
}

.md-format-playlist-add:before {
  content: "\f3ac";
}

.md-format-queue-music:before {
  content: "\f3ab";
}

.md-plus-box:before {
  content: "\f277";
}

.md-tag-backspace:before {
  content: "\f1d9";
}

.md-alarm-add:before {
  content: "\f32b";
}

.md-battery-charging:before {
  content: "\f114";
}

.md-daydream-setting:before {
  content: "\f217";
}

.md-more-horiz:before {
  content: "\f19c";
}

.md-book-photo:before {
  content: "\f11b";
}

.md-incandescent:before {
  content: "\f189";
}

.md-wb-iridescent:before {
  content: "\f38c";
}

.md-calendar-remove:before {
  content: "\f330";
}

.md-refresh-sync-disabled:before {
  content: "\f1b7";
}

.md-refresh-sync-problem:before {
  content: "\f1b6";
}

.md-crop-original:before {
  content: "\f17e";
}

.md-power-off:before {
  content: "\f1af";
}

.md-power-off-setting:before {
  content: "\f1ae";
}

.md-leak-remove:before {
  content: "\f38d";
}

.md-star-border:before {
  content: "\f27c";
}

.md-brightness-low:before {
  content: "\f36d";
}

.md-brightness-medium:before {
  content: "\f36e";
}

.md-brightness-high:before {
  content: "\f36f";
}

.md-smartphone-portrait:before {
  content: "\f2d4";
}

.md-live-tv:before {
  content: "\f2d9";
}

.md-format-textdirection-l-to-r:before {
  content: "\f249";
}

.md-format-textdirection-r-to-l:before {
  content: "\f24a";
}

.md-arrow-back:before {
  content: "\f2ea";
}

.md-arrow-forward:before {
  content: "\f2ee";
}

.md-arrow-in:before {
  content: "\f2e9";
}

.md-arrow-out:before {
  content: "\f2ed";
}

.md-rotate-90-degrees-ccw:before {
  content: "\f304";
}

.md-adb:before {
  content: "\f33a";
}

.md-network-wifi:before {
  content: "\f2e8";
}

.md-network-wifi-alt:before {
  content: "\f2e3";
}

.md-network-wifi-lock:before {
  content: "\f2e5";
}

.md-network-wifi-off:before {
  content: "\f2e6";
}

.md-network-wifi-outline:before {
  content: "\f2e7";
}

.md-network-wifi-info:before {
  content: "\f2e4";
}

.md-layers-clear:before {
  content: "\f18b";
}

.md-colorize:before {
  content: "\f15d";
}

.md-format-paint:before {
  content: "\f1ba";
}

.md-format-quote:before {
  content: "\f1b2";
}

.md-camera-monochrome-photos:before {
  content: "\f285";
}

.md-sort-by-alpha:before {
  content: "\f1cf";
}

.md-folder-shared:before {
  content: "\f225";
}

.md-folder-special:before {
  content: "\f226";
}

.md-comment-dots:before {
  content: "\f260";
}

.md-reorder:before {
  content: "\f31e";
}

.md-dehaze:before {
  content: "\f197";
}

.md-sort:before {
  content: "\f1ce";
}

.md-pages:before {
  content: "\f34a";
}

.md-stack-overflow:before {
  content: "\f35c";
}

.md-calendar-account:before {
  content: "\f204";
}

.md-paste:before {
  content: "\f109";
}

.md-cut:before {
  content: "\f1bc";
}

.md-save:before {
  content: "\f297";
}

.md-smartphone-code:before {
  content: "\f139";
}

.md-directions-bike:before {
  content: "\f117";
}

.md-directions-boat:before {
  content: "\f11a";
}

.md-directions-bus:before {
  content: "\f121";
}

.md-directions-car:before {
  content: "\f125";
}

.md-directions-railway:before {
  content: "\f1b3";
}

.md-directions-run:before {
  content: "\f215";
}

.md-directions-subway:before {
  content: "\f1d5";
}

.md-directions-walk:before {
  content: "\f216";
}

.md-local-hotel:before {
  content: "\f178";
}

.md-local-activity:before {
  content: "\f1df";
}

.md-local-play:before {
  content: "\f1df";
}

.md-local-airport:before {
  content: "\f103";
}

.md-local-atm:before {
  content: "\f198";
}

.md-local-bar:before {
  content: "\f137";
}

.md-local-cafe:before {
  content: "\f13b";
}

.md-local-car-wash:before {
  content: "\f124";
}

.md-local-convenience-store:before {
  content: "\f1d3";
}

.md-local-dining:before {
  content: "\f153";
}

.md-local-drink:before {
  content: "\f157";
}

.md-local-florist:before {
  content: "\f168";
}

.md-local-gas-station:before {
  content: "\f16f";
}

.md-local-grocery-store:before {
  content: "\f1cb";
}

.md-local-hospital:before {
  content: "\f177";
}

.md-local-laundry-service:before {
  content: "\f1e9";
}

.md-local-library:before {
  content: "\f18d";
}

.md-local-mall:before {
  content: "\f195";
}

.md-local-movies:before {
  content: "\f19d";
}

.md-local-offer:before {
  content: "\f187";
}

.md-local-parking:before {
  content: "\f1a5";
}

.md-local-parking:before {
  content: "\f1a5";
}

.md-local-pharmacy:before {
  content: "\f176";
}

.md-local-phone:before {
  content: "\f2be";
}

.md-local-pizza:before {
  content: "\f1ac";
}

.md-local-post-office:before {
  content: "\f15a";
}

.md-local-printshop:before {
  content: "\f1b0";
}

.md-local-see:before {
  content: "\f28c";
}

.md-local-shipping:before {
  content: "\f1e6";
}

.md-local-store:before {
  content: "\f1d4";
}

.md-local-taxi:before {
  content: "\f123";
}

.md-local-wc:before {
  content: "\f211";
}

.md-my-location:before {
  content: "\f299";
}

.md-directions:before {
  content: "\f1e7";
}

[class^=md-],
[class*=" md-"] {
  display: inline-block;
  font: normal normal normal var(--edc-fs-body)/1 "Material-Design-Iconic-Font";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*! jQuery UI - v1.14.1 - 2024-10-30
* https://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright OpenJS Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  background-image: none;
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url(/images/ui-icons_444444_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(/images/ui-icons_444444_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url(/images/ui-icons_555555_256x240.png);
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url(/images/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url(/images/ui-icons_777620_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(/images/ui-icons_cc0000_256x240.png);
}

.ui-button .ui-icon {
  background-image: url(/images/ui-icons_777777_256x240.png);
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
}

.ui-widget-shadow {
  box-shadow: 0 0 5px #666;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.btn {
  white-space: nowrap;
}

/*!
* Bootstrap  v5.3.7 (https://getbootstrap.com/)
* Copyright 2011-2025 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root, [data-bs-theme=light] {
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;
  --bs-cyan:#0dcaf0;
  --bs-black:#000;
  --bs-white:#fff;
  --bs-gray:#6c757d;
  --bs-gray-dark:#343a40;
  --bs-gray-100:#f8f9fa;
  --bs-gray-200:#e9ecef;
  --bs-gray-300:#dee2e6;
  --bs-gray-400:#ced4da;
  --bs-gray-500:#adb5bd;
  --bs-gray-600:#6c757d;
  --bs-gray-700:#495057;
  --bs-gray-800:#343a40;
  --bs-gray-900:#212529;
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#198754;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  --bs-primary-rgb:13,110,253;
  --bs-secondary-rgb:108,117,125;
  --bs-success-rgb:25,135,84;
  --bs-info-rgb:13,202,240;
  --bs-warning-rgb:255,193,7;
  --bs-danger-rgb:220,53,69;
  --bs-light-rgb:248,249,250;
  --bs-dark-rgb:33,37,41;
  --bs-primary-text-emphasis:#052c65;
  --bs-secondary-text-emphasis:#2b2f32;
  --bs-success-text-emphasis:#0a3622;
  --bs-info-text-emphasis:#055160;
  --bs-warning-text-emphasis:#664d03;
  --bs-danger-text-emphasis:#58151c;
  --bs-light-text-emphasis:#495057;
  --bs-dark-text-emphasis:#495057;
  --bs-primary-bg-subtle:#cfe2ff;
  --bs-secondary-bg-subtle:#e2e3e5;
  --bs-success-bg-subtle:#d1e7dd;
  --bs-info-bg-subtle:#cff4fc;
  --bs-warning-bg-subtle:#fff3cd;
  --bs-danger-bg-subtle:#f8d7da;
  --bs-light-bg-subtle:#fcfcfd;
  --bs-dark-bg-subtle:#ced4da;
  --bs-primary-border-subtle:#9ec5fe;
  --bs-secondary-border-subtle:#c4c8cb;
  --bs-success-border-subtle:#a3cfbb;
  --bs-info-border-subtle:#9eeaf9;
  --bs-warning-border-subtle:#ffe69c;
  --bs-danger-border-subtle:#f1aeb5;
  --bs-light-border-subtle:#e9ecef;
  --bs-dark-border-subtle:#adb5bd;
  --bs-white-rgb:255,255,255;
  --bs-black-rgb:0,0,0;
  --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --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-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.5;
  --bs-body-color:#212529;
  --bs-body-color-rgb:33,37,41;
  --bs-body-bg:#fff;
  --bs-body-bg-rgb:255,255,255;
  --bs-emphasis-color:#000;
  --bs-emphasis-color-rgb:0,0,0;
  --bs-secondary-color:rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:33,37,41;
  --bs-secondary-bg:#e9ecef;
  --bs-secondary-bg-rgb:233,236,239;
  --bs-tertiary-color:rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:33,37,41;
  --bs-tertiary-bg:#f8f9fa;
  --bs-tertiary-bg-rgb:248,249,250;
  --bs-heading-color:inherit;
  --bs-link-color:#0d6efd;
  --bs-link-color-rgb:13,110,253;
  --bs-link-decoration:underline;
  --bs-link-hover-color:#0a58ca;
  --bs-link-hover-color-rgb:10,88,202;
  --bs-code-color:#d63384;
  --bs-highlight-color:#212529;
  --bs-highlight-bg:#fff3cd;
  --bs-border-width:1px;
  --bs-border-style:solid;
  --bs-border-color:#dee2e6;
  --bs-border-color-translucent:rgba(0, 0, 0, 0.175);
  --bs-border-radius:0.375rem;
  --bs-border-radius-sm:0.25rem;
  --bs-border-radius-lg:0.5rem;
  --bs-border-radius-xl:1rem;
  --bs-border-radius-xxl:2rem;
  --bs-border-radius-2xl:var(--bs-border-radius-xxl);
  --bs-border-radius-pill:50rem;
  --bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width:0.25rem;
  --bs-focus-ring-opacity:0.25;
  --bs-focus-ring-color:rgba(13, 110, 253, 0.25);
  --bs-form-valid-color:#198754;
  --bs-form-valid-border-color:#198754;
  --bs-form-invalid-color:#dc3545;
  --bs-form-invalid-border-color:#dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color:#dee2e6;
  --bs-body-color-rgb:222,226,230;
  --bs-body-bg:#212529;
  --bs-body-bg-rgb:33,37,41;
  --bs-emphasis-color:#fff;
  --bs-emphasis-color-rgb:255,255,255;
  --bs-secondary-color:rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb:222,226,230;
  --bs-secondary-bg:#343a40;
  --bs-secondary-bg-rgb:52,58,64;
  --bs-tertiary-color:rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb:222,226,230;
  --bs-tertiary-bg:#2b3035;
  --bs-tertiary-bg-rgb:43,48,53;
  --bs-primary-text-emphasis:#6ea8fe;
  --bs-secondary-text-emphasis:#a7acb1;
  --bs-success-text-emphasis:#75b798;
  --bs-info-text-emphasis:#6edff6;
  --bs-warning-text-emphasis:#ffda6a;
  --bs-danger-text-emphasis:#ea868f;
  --bs-light-text-emphasis:#f8f9fa;
  --bs-dark-text-emphasis:#dee2e6;
  --bs-primary-bg-subtle:#031633;
  --bs-secondary-bg-subtle:#161719;
  --bs-success-bg-subtle:#051b11;
  --bs-info-bg-subtle:#032830;
  --bs-warning-bg-subtle:#332701;
  --bs-danger-bg-subtle:#2c0b0e;
  --bs-light-bg-subtle:#343a40;
  --bs-dark-bg-subtle:#1a1d20;
  --bs-primary-border-subtle:#084298;
  --bs-secondary-border-subtle:#41464b;
  --bs-success-border-subtle:#0f5132;
  --bs-info-border-subtle:#087990;
  --bs-warning-border-subtle:#997404;
  --bs-danger-border-subtle:#842029;
  --bs-light-border-subtle:#495057;
  --bs-dark-border-subtle:#343a40;
  --bs-heading-color:inherit;
  --bs-link-color:#6ea8fe;
  --bs-link-hover-color:#8bb9fe;
  --bs-link-color-rgb:110,168,254;
  --bs-link-hover-color-rgb:139,185,254;
  --bs-code-color:#e685b5;
  --bs-highlight-color:#dee2e6;
  --bs-highlight-bg:#664d03;
  --bs-border-color:#495057;
  --bs-border-color-translucent:rgba(255, 255, 255, 0.15);
  --bs-form-valid-color:#75b798;
  --bs-form-valid-border-color:#75b798;
  --bs-form-invalid-color:#ea868f;
  --bs-form-invalid-border-color:#ea868f;
}

*, ::after, ::before {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  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);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

.h1, h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 2.5rem;
  }
}
.h2, h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  .h2, h2 {
    font-size: 2rem;
  }
}
.h3, h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  .h3, h3 {
    font-size: 1.75rem;
  }
}
.h4, h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  .h4, h4 {
    font-size: 1.5rem;
  }
}
.h5, h5 {
  font-size: 1.25rem;
}

.h6, h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol, ul {
  padding-left: 2rem;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b, strong {
  font-weight: bolder;
}

.small, small {
  font-size: 0.875em;
}

.mark, mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub, sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}

a:hover {
  --bs-link-color-rgb:var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

code, kbd, pre, samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img, svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button, select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs:0;
  --bs-breakpoint-sm:576px;
  --bs-breakpoint-md:768px;
  --bs-breakpoint-lg:992px;
  --bs-breakpoint-xl:1200px;
  --bs-breakpoint-xxl:1400px;
}

.row {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0, .gx-0 {
  --bs-gutter-x:0;
}

.g-0, .gy-0 {
  --bs-gutter-y:0;
}

.g-1, .gx-1 {
  --bs-gutter-x:0.25rem;
}

.g-1, .gy-1 {
  --bs-gutter-y:0.25rem;
}

.g-2, .gx-2 {
  --bs-gutter-x:0.5rem;
}

.g-2, .gy-2 {
  --bs-gutter-y:0.5rem;
}

.g-3, .gx-3 {
  --bs-gutter-x:1rem;
}

.g-3, .gy-3 {
  --bs-gutter-y:1rem;
}

.g-4, .gx-4 {
  --bs-gutter-x:1.5rem;
}

.g-4, .gy-4 {
  --bs-gutter-y:1.5rem;
}

.g-5, .gx-5 {
  --bs-gutter-x:3rem;
}

.g-5, .gy-5 {
  --bs-gutter-y:3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x:0;
  }
  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y:0;
  }
  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x:1rem;
  }
  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y:1rem;
  }
  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x:3rem;
  }
  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0, .gx-md-0 {
    --bs-gutter-x:0;
  }
  .g-md-0, .gy-md-0 {
    --bs-gutter-y:0;
  }
  .g-md-1, .gx-md-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-md-1, .gy-md-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-md-2, .gx-md-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-md-2, .gy-md-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-md-3, .gx-md-3 {
    --bs-gutter-x:1rem;
  }
  .g-md-3, .gy-md-3 {
    --bs-gutter-y:1rem;
  }
  .g-md-4, .gx-md-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-md-4, .gy-md-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-md-5, .gx-md-5 {
    --bs-gutter-x:3rem;
  }
  .g-md-5, .gy-md-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x:0;
  }
  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y:0;
  }
  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x:1rem;
  }
  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y:1rem;
  }
  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x:3rem;
  }
  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x:0;
  }
  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y:0;
  }
  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x:1rem;
  }
  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y:1rem;
  }
  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x:3rem;
  }
  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x:0;
  }
  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y:0;
  }
  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x:1rem;
  }
  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y:1rem;
  }
  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x:3rem;
  }
  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y:3rem;
  }
}
.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-emphasis-color);
  --bs-table-bg:var(--bs-body-bg);
  --bs-table-border-color:var(--bs-border-color);
  --bs-table-accent-bg:transparent;
  --bs-table-striped-color:var(--bs-emphasis-color);
  --bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color:var(--bs-emphasis-color);
  --bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color:var(--bs-emphasis-color);
  --bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  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)));
}

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

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

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}

.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type:var(--bs-table-striped-color);
  --bs-table-bg-type:var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-color-type:var(--bs-table-striped-color);
  --bs-table-bg-type:var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state:var(--bs-table-active-color);
  --bs-table-bg-state:var(--bs-table-active-bg);
}

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

.table-primary {
  --bs-table-color:#000;
  --bs-table-bg:#cfe2ff;
  --bs-table-border-color:#a6b5cc;
  --bs-table-striped-bg:#c5d7f2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bacbe6;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfd1ec;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color:#000;
  --bs-table-bg:#e2e3e5;
  --bs-table-border-color:#b5b6b7;
  --bs-table-striped-bg:#d7d8da;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#cbccce;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#d1d2d4;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color:#000;
  --bs-table-bg:#d1e7dd;
  --bs-table-border-color:#a7b9b1;
  --bs-table-striped-bg:#c7dbd2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bcd0c7;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#c1d6cc;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color:#000;
  --bs-table-bg:#cff4fc;
  --bs-table-border-color:#a6c3ca;
  --bs-table-striped-bg:#c5e8ef;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#badce3;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfe2e9;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color:#000;
  --bs-table-bg:#fff3cd;
  --bs-table-border-color:#ccc2a4;
  --bs-table-striped-bg:#f2e7c3;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#e6dbb9;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#ece1be;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color:#000;
  --bs-table-bg:#f8d7da;
  --bs-table-border-color:#c6acae;
  --bs-table-striped-bg:#eccccf;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfc2c4;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5c7ca;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color:#000;
  --bs-table-bg:#f8f9fa;
  --bs-table-border-color:#c6c7c8;
  --bs-table-striped-bg:#ecedee;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfe0e1;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5e6e7;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color:#fff;
  --bs-table-bg:#212529;
  --bs-table-border-color:#4d5154;
  --bs-table-striped-bg:#2c3034;
  --bs-table-striped-color:#fff;
  --bs-table-active-bg:#373b3e;
  --bs-table-active-color:#fff;
  --bs-table-hover-bg:#323539;
  --bs-table-hover-color:#fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

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

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  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) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}

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

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

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

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

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

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

.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}

.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  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) {
  .form-control::file-selector-button {
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}

.form-control-plaintext:focus {
  outline: 0;
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
}

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
  padding: 0.375rem;
}

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

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

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

.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}

.form-select {
  --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  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) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

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

.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}

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

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg:var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  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: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

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

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

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.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='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}

.form-switch .form-check-input {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: 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) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: 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) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}

.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
  height: calc(3.5rem + var(--bs-border-width) * 2);
  min-height: calc(3.5rem + var(--bs-border-width) * 2);
  line-height: 1.25;
}

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}

.form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {
  color: transparent;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: transparent;
}

.form-floating > .form-control-plaintext:not(:-moz-placeholder), .form-floating > .form-control:not(:-moz-placeholder) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}

.form-floating > .form-control:not(:-moz-placeholder) ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > textarea:not(:-moz-placeholder) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}

.form-floating > textarea:focus ~ label::after, .form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}

.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}

.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}

.form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label {
  color: #6c757d;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
  z-index: 5;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
  display: block;
}

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.form-select.is-valid, .was-validated .form-select:valid {
  border-color: var(--bs-form-valid-border-color);
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.form-control-color.is-valid, .was-validated .form-control-color:valid {
  width: calc(3rem + 1.5em + 0.75rem);
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
  border-color: var(--bs-form-valid-border-color);
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
  background-color: var(--bs-form-valid-color);
}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}

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

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.form-select.is-invalid, .was-validated .form-select:invalid {
  border-color: var(--bs-form-invalid-border-color);
}

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
  width: calc(3rem + 1.5em + 0.75rem);
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
  border-color: var(--bs-form-invalid-border-color);
}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
  background-color: var(--bs-form-invalid-color);
}

.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x:0.75rem;
  --bs-btn-padding-y:0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size:1rem;
  --bs-btn-font-weight:400;
  --bs-btn-line-height:1.5;
  --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:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity:0.65;
  --bs-btn-focus-box-shadow:0 0 0 0.25rem 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;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  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: 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) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

.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);
}

.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn.disabled, .btn:disabled, 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);
}

.btn-primary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0b5ed7;
  --bs-btn-hover-border-color:#0a58ca;
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0a58ca;
  --bs-btn-active-border-color:#0a53be;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#0d6efd;
  --bs-btn-disabled-border-color:#0d6efd;
}

.btn-secondary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#5c636a;
  --bs-btn-hover-border-color:#565e64;
  --bs-btn-focus-shadow-rgb:130,138,145;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#565e64;
  --bs-btn-active-border-color:#51585e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#6c757d;
  --bs-btn-disabled-border-color:#6c757d;
}

.btn-success {
  --bs-btn-color:#fff;
  --bs-btn-bg:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#157347;
  --bs-btn-hover-border-color:#146c43;
  --bs-btn-focus-shadow-rgb:60,153,110;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#146c43;
  --bs-btn-active-border-color:#13653f;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#198754;
  --bs-btn-disabled-border-color:#198754;
}

.btn-info {
  --bs-btn-color:#000;
  --bs-btn-bg:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#31d2f2;
  --bs-btn-hover-border-color:#25cff2;
  --bs-btn-focus-shadow-rgb:11,172,204;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#3dd5f3;
  --bs-btn-active-border-color:#25cff2;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#0dcaf0;
  --bs-btn-disabled-border-color:#0dcaf0;
}

.btn-warning {
  --bs-btn-color:#000;
  --bs-btn-bg:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffca2c;
  --bs-btn-hover-border-color:#ffc720;
  --bs-btn-focus-shadow-rgb:217,164,6;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffcd39;
  --bs-btn-active-border-color:#ffc720;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#ffc107;
  --bs-btn-disabled-border-color:#ffc107;
}

.btn-danger {
  --bs-btn-color:#fff;
  --bs-btn-bg:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#bb2d3b;
  --bs-btn-hover-border-color:#b02a37;
  --bs-btn-focus-shadow-rgb:225,83,97;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#b02a37;
  --bs-btn-active-border-color:#a52834;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#dc3545;
  --bs-btn-disabled-border-color:#dc3545;
}

.btn-light {
  --bs-btn-color:#000;
  --bs-btn-bg:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#d3d4d5;
  --bs-btn-hover-border-color:#c6c7c8;
  --bs-btn-focus-shadow-rgb:211,212,213;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#c6c7c8;
  --bs-btn-active-border-color:#babbbc;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#f8f9fa;
}

.btn-dark {
  --bs-btn-color:#fff;
  --bs-btn-bg:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#424649;
  --bs-btn-hover-border-color:#373b3e;
  --bs-btn-focus-shadow-rgb:66,70,73;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#4d5154;
  --bs-btn-active-border-color:#373b3e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#212529;
  --bs-btn-disabled-border-color:#212529;
}

.btn-outline-primary {
  --bs-btn-color:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0d6efd;
  --bs-btn-hover-border-color:#0d6efd;
  --bs-btn-focus-shadow-rgb:13,110,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0d6efd;
  --bs-btn-active-border-color:#0d6efd;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0d6efd;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0d6efd;
  --bs-gradient:none;
}

.btn-outline-secondary {
  --bs-btn-color:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#6c757d;
  --bs-btn-hover-border-color:#6c757d;
  --bs-btn-focus-shadow-rgb:108,117,125;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#6c757d;
  --bs-btn-active-border-color:#6c757d;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#6c757d;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#6c757d;
  --bs-gradient:none;
}

.btn-outline-success {
  --bs-btn-color:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#198754;
  --bs-btn-hover-border-color:#198754;
  --bs-btn-focus-shadow-rgb:25,135,84;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#198754;
  --bs-btn-active-border-color:#198754;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#198754;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#198754;
  --bs-gradient:none;
}

.btn-outline-info {
  --bs-btn-color:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#0dcaf0;
  --bs-btn-hover-border-color:#0dcaf0;
  --bs-btn-focus-shadow-rgb:13,202,240;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#0dcaf0;
  --bs-btn-active-border-color:#0dcaf0;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0dcaf0;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0dcaf0;
  --bs-gradient:none;
}

.btn-outline-warning {
  --bs-btn-color:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffc107;
  --bs-btn-hover-border-color:#ffc107;
  --bs-btn-focus-shadow-rgb:255,193,7;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffc107;
  --bs-btn-active-border-color:#ffc107;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#ffc107;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#ffc107;
  --bs-gradient:none;
}

.btn-outline-danger {
  --bs-btn-color:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#dc3545;
  --bs-btn-hover-border-color:#dc3545;
  --bs-btn-focus-shadow-rgb:220,53,69;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#dc3545;
  --bs-btn-active-border-color:#dc3545;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#dc3545;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#dc3545;
  --bs-gradient:none;
}

.btn-outline-light {
  --bs-btn-color:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#f8f9fa;
  --bs-btn-hover-border-color:#f8f9fa;
  --bs-btn-focus-shadow-rgb:248,249,250;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#f8f9fa;
  --bs-btn-active-border-color:#f8f9fa;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#f8f9fa;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#f8f9fa;
  --bs-gradient:none;
}

.btn-outline-dark {
  --bs-btn-color:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#212529;
  --bs-btn-hover-border-color:#212529;
  --bs-btn-focus-shadow-rgb:33,37,41;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#212529;
  --bs-btn-active-border-color:#212529;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#212529;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#212529;
  --bs-gradient:none;
}

.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:#6c757d;
  --bs-btn-disabled-border-color:transparent;
  --bs-btn-box-shadow:0 0 0 #000;
  --bs-btn-focus-shadow-rgb:49,132,253;
  text-decoration: underline;
}

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

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

.btn-group-lg > .btn, .btn-lg {
  --bs-btn-padding-y:0.5rem;
  --bs-btn-padding-x:1rem;
  --bs-btn-font-size:1.25rem;
  --bs-btn-border-radius:var(--bs-border-radius-lg);
}

.btn-group-sm > .btn, .btn-sm {
  --bs-btn-padding-y:0.25rem;
  --bs-btn-padding-x:0.5rem;
  --bs-btn-font-size:0.875rem;
  --bs-btn-border-radius:var(--bs-border-radius-sm);
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex:1000;
  --bs-dropdown-min-width:10rem;
  --bs-dropdown-padding-x:0;
  --bs-dropdown-padding-y:0.5rem;
  --bs-dropdown-spacer:0.125rem;
  --bs-dropdown-font-size:1rem;
  --bs-dropdown-color:var(--bs-body-color);
  --bs-dropdown-bg:var(--bs-body-bg);
  --bs-dropdown-border-color:var(--bs-border-color-translucent);
  --bs-dropdown-border-radius:var(--bs-border-radius);
  --bs-dropdown-border-width:var(--bs-border-width);
  --bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y:0.5rem;
  --bs-dropdown-box-shadow:var(--bs-box-shadow);
  --bs-dropdown-link-color:var(--bs-body-color);
  --bs-dropdown-link-hover-color:var(--bs-body-color);
  --bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0d6efd;
  --bs-dropdown-link-disabled-color:var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x:1rem;
  --bs-dropdown-item-padding-y:0.25rem;
  --bs-dropdown-header-color:#6c757d;
  --bs-dropdown-header-padding-x:1rem;
  --bs-dropdown-header-padding-y:0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position:start;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position:end;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position:start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position:end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position:start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position:end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position:start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position:end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position:start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position:end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position:start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position:end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropstart .dropdown-toggle::after {
  display: none;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}

.dropdown-item:focus, .dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color:#dee2e6;
  --bs-dropdown-bg:#343a40;
  --bs-dropdown-border-color:var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color:#dee2e6;
  --bs-dropdown-link-hover-color:#fff;
  --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0d6efd;
  --bs-dropdown-link-disabled-color:#adb5bd;
  --bs-dropdown-header-color:#adb5bd;
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group-vertical > .btn, .btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}

.btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: calc(-1 * var(--bs-border-width));
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x:1rem;
  --bs-nav-link-padding-y:0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color:var(--bs-link-color);
  --bs-nav-link-hover-color:var(--bs-link-hover-color);
  --bs-nav-link-disabled-color:var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:focus, .nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}

.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width:var(--bs-border-width);
  --bs-nav-tabs-border-color:var(--bs-border-color);
  --bs-nav-tabs-border-radius:var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color:var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg:var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius:var(--bs-border-radius);
  --bs-nav-pills-link-active-color:#fff;
  --bs-nav-pills-link-active-bg:#0d6efd;
}

.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap:1rem;
  --bs-nav-underline-border-width:0.125rem;
  --bs-nav-underline-link-active-color:var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}

.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}

.nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
  border-bottom-color: currentcolor;
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill .nav-item, .nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item, .nav-justified > .nav-link {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x:0;
  --bs-navbar-padding-y:0.5rem;
  --bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y:0.3125rem;
  --bs-navbar-brand-margin-end:1rem;
  --bs-navbar-brand-font-size:1.25rem;
  --bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x:0.5rem;
  --bs-navbar-toggler-padding-y:0.25rem;
  --bs-navbar-toggler-padding-x:0.75rem;
  --bs-navbar-toggler-font-size:1.25rem;
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius:var(--bs-border-radius);
  --bs-navbar-toggler-focus-width:0.25rem;
  --bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}

.navbar-brand:focus, .navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x:0;
  --bs-nav-link-padding-y:0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color:var(--bs-navbar-color);
  --bs-nav-link-hover-color:var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}

.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}

.navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark, .navbar[data-bs-theme=dark] {
  --bs-navbar-color:rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color:rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color:#fff;
  --bs-navbar-brand-color:#fff;
  --bs-navbar-brand-hover-color:#fff;
  --bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y:1rem;
  --bs-card-spacer-x:1rem;
  --bs-card-title-spacer-y:0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width:var(--bs-border-width);
  --bs-card-border-color:var(--bs-border-color-translucent);
  --bs-card-border-radius:var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y:0.5rem;
  --bs-card-cap-padding-x:1rem;
  --bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg:var(--bs-body-bg);
  --bs-card-img-overlay-padding:1rem;
  --bs-card-group-margin:0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card > .card-header + .list-group, .card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img, .card-img-bottom, .card-img-top {
  width: 100%;
}

.card-img, .card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img, .card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-header, .card-group > .card:not(:last-child) > .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-footer, .card-group > .card:not(:last-child) > .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-header, .card-group > .card:not(:first-child) > .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-footer, .card-group > .card:not(:first-child) > .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color:var(--bs-body-color);
  --bs-accordion-bg:var(--bs-body-bg);
  --bs-accordion-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,border-radius 0.15s ease;
  --bs-accordion-border-color:var(--bs-border-color);
  --bs-accordion-border-width:var(--bs-border-width);
  --bs-accordion-border-radius:var(--bs-border-radius);
  --bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x:1.25rem;
  --bs-accordion-btn-padding-y:1rem;
  --bs-accordion-btn-color:var(--bs-body-color);
  --bs-accordion-btn-bg:var(--bs-accordion-bg);
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width:1.25rem;
  --bs-accordion-btn-icon-transform:rotate(-180deg);
  --bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x:1.25rem;
  --bs-accordion-body-padding-y:1rem;
  --bs-accordion-active-color:var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg:var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}

.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}

.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}

.accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x:0;
  --bs-breadcrumb-padding-y:0;
  --bs-breadcrumb-margin-bottom:1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color:var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x:0.5rem;
  --bs-breadcrumb-item-active-color:var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x:0.75rem;
  --bs-pagination-padding-y:0.375rem;
  --bs-pagination-font-size:1rem;
  --bs-pagination-color:var(--bs-link-color);
  --bs-pagination-bg:var(--bs-body-bg);
  --bs-pagination-border-width:var(--bs-border-width);
  --bs-pagination-border-color:var(--bs-border-color);
  --bs-pagination-border-radius:var(--bs-border-radius);
  --bs-pagination-hover-color:var(--bs-link-hover-color);
  --bs-pagination-hover-bg:var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color:var(--bs-border-color);
  --bs-pagination-focus-color:var(--bs-link-hover-color);
  --bs-pagination-focus-bg:var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color:#fff;
  --bs-pagination-active-bg:#0d6efd;
  --bs-pagination-active-border-color:#0d6efd;
  --bs-pagination-disabled-color:var(--bs-secondary-color);
  --bs-pagination-disabled-bg:var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color:var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.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);
  text-decoration: none;
  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) {
  .page-link {
    transition: none;
  }
}
.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);
}

.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);
}

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

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

.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x:1.5rem;
  --bs-pagination-padding-y:0.75rem;
  --bs-pagination-font-size:1.25rem;
  --bs-pagination-border-radius:var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x:0.5rem;
  --bs-pagination-padding-y:0.25rem;
  --bs-pagination-font-size:0.875rem;
  --bs-pagination-border-radius:var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x:0.65em;
  --bs-badge-padding-y:0.35em;
  --bs-badge-font-size:0.75em;
  --bs-badge-font-weight:700;
  --bs-badge-color:#fff;
  --bs-badge-border-radius:var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}

.badge:empty {
  display: none;
}

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

.alert {
  --bs-alert-bg:transparent;
  --bs-alert-padding-x:1rem;
  --bs-alert-padding-y:1rem;
  --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);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.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);
}

.alert-secondary {
  --bs-alert-color:var(--bs-secondary-text-emphasis);
  --bs-alert-bg:var(--bs-secondary-bg-subtle);
  --bs-alert-border-color:var(--bs-secondary-border-subtle);
  --bs-alert-link-color:var(--bs-secondary-text-emphasis);
}

.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);
}

.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);
}

.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);
}

.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);
}

.alert-light {
  --bs-alert-color:var(--bs-light-text-emphasis);
  --bs-alert-bg:var(--bs-light-bg-subtle);
  --bs-alert-border-color:var(--bs-light-border-subtle);
  --bs-alert-link-color:var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color:var(--bs-dark-text-emphasis);
  --bs-alert-bg:var(--bs-dark-bg-subtle);
  --bs-alert-border-color:var(--bs-dark-border-subtle);
  --bs-alert-link-color:var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress, .progress-stacked {
  --bs-progress-height:1rem;
  --bs-progress-font-size:0.75rem;
  --bs-progress-bg:var(--bs-secondary-bg);
  --bs-progress-border-radius:var(--bs-border-radius);
  --bs-progress-box-shadow:var(--bs-box-shadow-inset);
  --bs-progress-bar-color:#fff;
  --bs-progress-bar-bg:#0d6efd;
  --bs-progress-bar-transition:width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color:var(--bs-body-color);
  --bs-list-group-bg:var(--bs-body-bg);
  --bs-list-group-border-color:var(--bs-border-color);
  --bs-list-group-border-width:var(--bs-border-width);
  --bs-list-group-border-radius:var(--bs-border-radius);
  --bs-list-group-item-padding-x:1rem;
  --bs-list-group-item-padding-y:0.5rem;
  --bs-list-group-action-color:var(--bs-secondary-color);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-tertiary-bg);
  --bs-list-group-action-active-color:var(--bs-body-color);
  --bs-list-group-action-active-bg:var(--bs-secondary-bg);
  --bs-list-group-disabled-color:var(--bs-secondary-color);
  --bs-list-group-disabled-bg:var(--bs-body-bg);
  --bs-list-group-active-color:#fff;
  --bs-list-group-active-bg:#0d6efd;
  --bs-list-group-active-border-color:#0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}

.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}

.list-group-item-action:not(.active):focus, .list-group-item-action:not(.active):hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}

.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color:var(--bs-primary-text-emphasis);
  --bs-list-group-bg:var(--bs-primary-bg-subtle);
  --bs-list-group-border-color:var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-primary-border-subtle);
  --bs-list-group-active-color:var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg:var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color:var(--bs-secondary-text-emphasis);
  --bs-list-group-bg:var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color:var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);
  --bs-list-group-active-color:var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg:var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color:var(--bs-success-text-emphasis);
  --bs-list-group-bg:var(--bs-success-bg-subtle);
  --bs-list-group-border-color:var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-success-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-success-border-subtle);
  --bs-list-group-active-color:var(--bs-success-bg-subtle);
  --bs-list-group-active-bg:var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color:var(--bs-info-text-emphasis);
  --bs-list-group-bg:var(--bs-info-bg-subtle);
  --bs-list-group-border-color:var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-info-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-info-border-subtle);
  --bs-list-group-active-color:var(--bs-info-bg-subtle);
  --bs-list-group-active-bg:var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color:var(--bs-warning-text-emphasis);
  --bs-list-group-bg:var(--bs-warning-bg-subtle);
  --bs-list-group-border-color:var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-warning-border-subtle);
  --bs-list-group-active-color:var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg:var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color:var(--bs-danger-text-emphasis);
  --bs-list-group-bg:var(--bs-danger-bg-subtle);
  --bs-list-group-border-color:var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-danger-border-subtle);
  --bs-list-group-active-color:var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg:var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color:var(--bs-light-text-emphasis);
  --bs-list-group-bg:var(--bs-light-bg-subtle);
  --bs-list-group-border-color:var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-light-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-light-border-subtle);
  --bs-list-group-active-color:var(--bs-light-bg-subtle);
  --bs-list-group-active-bg:var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color:var(--bs-dark-text-emphasis);
  --bs-list-group-bg:var(--bs-dark-bg-subtle);
  --bs-list-group-border-color:var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-dark-border-subtle);
  --bs-list-group-active-color:var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg:var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color:#000;
  --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity:0.5;
  --bs-btn-close-hover-opacity:0.75;
  --bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity:1;
  --bs-btn-close-disabled-opacity:0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}

.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}

.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}

.btn-close.disabled, .btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  --bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%);
}

:root, [data-bs-theme=light] {
  --bs-btn-close-filter: ;
}

[data-bs-theme=dark] {
  --bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex:1090;
  --bs-toast-padding-x:0.75rem;
  --bs-toast-padding-y:0.5rem;
  --bs-toast-spacing:1.5rem;
  --bs-toast-max-width:350px;
  --bs-toast-font-size:0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width:var(--bs-border-width);
  --bs-toast-border-color:var(--bs-border-color-translucent);
  --bs-toast-border-radius:var(--bs-border-radius);
  --bs-toast-box-shadow:var(--bs-box-shadow);
  --bs-toast-header-color:var(--bs-secondary-color);
  --bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color:var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}

.toast.showing {
  opacity: 0;
}

.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex:1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex:1055;
  --bs-modal-width:500px;
  --bs-modal-padding:1rem;
  --bs-modal-margin:0.5rem;
  --bs-modal-color:var(--bs-body-color);
  --bs-modal-bg:var(--bs-body-bg);
  --bs-modal-border-color:var(--bs-border-color-translucent);
  --bs-modal-border-width:var(--bs-border-width);
  --bs-modal-border-radius:var(--bs-border-radius-lg);
  --bs-modal-box-shadow:var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x:1rem;
  --bs-modal-header-padding-y:1rem;
  --bs-modal-header-padding:1rem 1rem;
  --bs-modal-header-border-color:var(--bs-border-color);
  --bs-modal-header-border-width:var(--bs-border-width);
  --bs-modal-title-line-height:1.5;
  --bs-modal-footer-gap:0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color:var(--bs-border-color);
  --bs-modal-footer-border-width:var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex:1050;
  --bs-backdrop-bg:#000;
  --bs-backdrop-opacity:0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin:1.75rem;
    --bs-modal-box-shadow:var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width:300px;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    --bs-modal-width:800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width:1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex:1080;
  --bs-tooltip-max-width:200px;
  --bs-tooltip-padding-x:0.5rem;
  --bs-tooltip-padding-y:0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size:0.875rem;
  --bs-tooltip-color:var(--bs-body-bg);
  --bs-tooltip-bg:var(--bs-emphasis-color);
  --bs-tooltip-border-radius:var(--bs-border-radius);
  --bs-tooltip-opacity:0.9;
  --bs-tooltip-arrow-width:0.8rem;
  --bs-tooltip-arrow-height:0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}

.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex:1070;
  --bs-popover-max-width:276px;
  --bs-popover-font-size:0.875rem;
  --bs-popover-bg:var(--bs-body-bg);
  --bs-popover-border-width:var(--bs-border-width);
  --bs-popover-border-color:var(--bs-border-color-translucent);
  --bs-popover-border-radius:var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow:var(--bs-box-shadow);
  --bs-popover-header-padding-x:1rem;
  --bs-popover-header-padding-y:0.5rem;
  --bs-popover-header-font-size:1rem;
  --bs-popover-header-color:inherit;
  --bs-popover-header-bg:var(--bs-secondary-bg);
  --bs-popover-body-padding-x:1rem;
  --bs-popover-body-padding-y:1rem;
  --bs-popover-body-color:var(--bs-body-color);
  --bs-popover-arrow-width:1rem;
  --bs-popover-arrow-height:0.5rem;
  --bs-popover-arrow-border:var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}

.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}

.popover .popover-arrow::after, .popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: block;
}

.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%);
}

.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}
.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-next, .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}

.carousel-dark {
  --bs-carousel-indicator-active-bg:#000;
  --bs-carousel-caption-color:#000;
  --bs-carousel-control-icon-filter:invert(1) grayscale(100);
}

:root, [data-bs-theme=light] {
  --bs-carousel-indicator-active-bg:#fff;
  --bs-carousel-caption-color:#fff;
  --bs-carousel-control-icon-filter: ;
}

[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg:#000;
  --bs-carousel-caption-color:#000;
  --bs-carousel-control-icon-filter:invert(1) grayscale(100);
}

.spinner-border, .spinner-grow {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-border-width:0.25em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width:1rem;
  --bs-spinner-height:1rem;
  --bs-spinner-border-width:0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width:1rem;
  --bs-spinner-height:1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow {
    --bs-spinner-animation-speed:1.5s;
  }
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --bs-offcanvas-zindex:1045;
  --bs-offcanvas-width:400px;
  --bs-offcanvas-height:30vh;
  --bs-offcanvas-padding-x:1rem;
  --bs-offcanvas-padding-y:1rem;
  --bs-offcanvas-color:var(--bs-body-color);
  --bs-offcanvas-bg:var(--bs-body-bg);
  --bs-offcanvas-border-width:var(--bs-border-width);
  --bs-offcanvas-border-color:var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);
  --bs-offcanvas-transition:transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height:1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
    transform: none;
  }
  .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
    transform: none;
  }
  .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
    transform: none;
  }
  .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
    transform: none;
  }
  .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
    transform: none;
  }
  .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
  transform: none;
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}

.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-primary:focus, .link-primary:hover {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary:focus, .link-secondary:hover {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-success:focus, .link-success:hover {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-info:focus, .link-info:hover {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning:focus, .link-warning:hover {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger:focus, .link-danger:hover {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-light:focus, .link-light:hover {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark:focus, .link-dark:hover {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis:focus, .link-body-emphasis:hover {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}

.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}

@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio:100%;
}

.ratio-4x3 {
  --bs-aspect-ratio:75%;
}

.ratio-16x9 {
  --bs-aspect-ratio:56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio:42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
  position: absolute !important;
}

.visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

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

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity:0.1;
}

.border-opacity-25 {
  --bs-border-opacity:0.25;
}

.border-opacity-50 {
  --bs-border-opacity:0.5;
}

.border-opacity-75 {
  --bs-border-opacity:0.75;
}

.border-opacity-100 {
  --bs-border-opacity:1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

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

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

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

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

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

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

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

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

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

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

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

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

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.text-primary {
  --bs-text-opacity:1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity:1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity:1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity:1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity:1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity:1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity:1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity:1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity:1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity:1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity:1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity:1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity:1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity:1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity:1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity:1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity:1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity:1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity:0.25;
}

.text-opacity-50 {
  --bs-text-opacity:0.5;
}

.text-opacity-75 {
  --bs-text-opacity:0.75;
}

.text-opacity-100 {
  --bs-text-opacity:1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity:0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity:0.1;
}

.link-opacity-25 {
  --bs-link-opacity:0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity:0.25;
}

.link-opacity-50 {
  --bs-link-opacity:0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity:0.5;
}

.link-opacity-75 {
  --bs-link-opacity:0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity:0.75;
}

.link-opacity-100 {
  --bs-link-opacity:1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity:1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity:1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity:1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity:1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity:1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity:1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity:1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity:1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity:1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity:1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity:0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity:0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity:0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity:0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity:0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity:0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity:0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity:0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity:0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity:0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity:1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity:1;
}

.bg-primary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity:1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity:0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity:0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity:0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity:0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity:1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

html {
  font-size: 14px;
}

button {
  color: inherit;
}

a:active, a:focus, a:hover {
  outline: 0;
}

a.text-body {
  color: #252525;
}

a.text-body, a.text-body:focus, a.text-body:hover {
  text-decoration: none;
}

a.text-action {
  color: #9e9e9e;
}

a.text-action, a.text-action:focus, a.text-action:hover {
  text-decoration: none;
}

a.text-action:focus, a.text-action:hover {
  color: #bdbdbd;
}

a.text-action .icon + span {
  margin-left: 3px;
}

a.text-like {
  color: #9e9e9e !important;
}

a.text-like, a.text-like:focus, a.text-like:hover {
  text-decoration: none;
}

a.text-like.active, a.text-like:focus, a.text-like:hover {
  color: #e53935 !important;
}

.text-action + .text-action {
  margin-left: 6px;
}

b, strong {
  font-weight: inherit;
}

b, strong {
  font-weight: 500;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  text-shadow: rgba(0, 0, 0, 0.15) 0 0 1px;
}

.h1 .icon:first-child, .h2 .icon:first-child, .h3 .icon:first-child, .h4 .icon:first-child, .h5 .icon:first-child, .h6 .icon:first-child, h1 .icon:first-child, h2 .icon:first-child, h3 .icon:first-child, h4 .icon:first-child, h5 .icon:first-child, h6 .icon:first-child {
  margin-right: 0.5em;
}

.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 22px;
  margin-bottom: 11px;
}

.h4, .h5, .h6, h4, h5, h6 {
  margin-top: 11px;
  margin-bottom: 11px;
}

.mark, mark {
  color: #fff;
  border-radius: 0.143rem;
}

.drop-cap {
  font-family: Georgia;
  font-size: calc(var(--edc-fs-display) * 60 / 24);
  line-height: 50px;
  float: left;
  margin-right: 5px;
  padding: 5px;
  color: #212121;
}

.drop-cap-reversed {
  color: #fff;
  background-color: #212121;
}

.list-icons {
  margin-left: 0;
  padding-left: 10px;
  list-style: none;
}

.list-icons > li {
  margin-top: 6px;
}

.list-icons > li:first-child {
  margin-top: 0;
}

.list-icons > li i {
  float: left;
  width: 1em;
  margin: 0 6px 0 0;
}

.blockquote {
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  padding: 11px 22px;
  color: #616161;
  border-left: 2px solid #e0e0e0;
}

.blockquote p:last-child {
  margin: 0;
}

.blockquote-success {
  border-color: #4caf50;
  background-color: rgba(76, 175, 80, 0.1);
}

.blockquote-info {
  border-color: #00bcd4;
  background-color: rgba(0, 188, 212, 0.1);
}

.blockquote-warning {
  border-color: #ff9800;
  background-color: rgba(255, 152, 0, 0.1);
}

.blockquote-danger {
  border-color: #f44336;
  background-color: rgba(244, 67, 54, 0.1);
}

.blockquote-reverse {
  border-right-width: 2px;
  border-left: none;
}

.custom-blockquote {
  padding: 15px 20px;
  border-left-width: 4px;
  border-radius: 0.215rem;
}

.custom-blockquote.blockquote-reverse {
  border-right-width: 4px;
}

.img-bordered {
  padding: 3px;
  border: 1px solid #e0e0e0;
}

.img-bordered-primary {
  border-color: #3f51b5 !important;
}

.img-bordered-purple {
  border-color: #8e24aa !important;
}

.img-bordered-red {
  border-color: #e53935 !important;
}

.img-bordered-green {
  border-color: #66bb6a !important;
}

.img-bordered-orange {
  border-color: #fb8c00 !important;
}

code {
  border: 1px solid #c5cae9;
}

pre {
  padding: 10.5px;
  color: inherit;
  border: 1px solid #e8eaf6;
  border-radius: 0.215rem;
}

.container {
  max-width: 100%;
}

@media (min-width: 1600px) {
  .container {
    width: 1310px;
  }
}
.row.no-space {
  margin-right: 0;
  margin-left: 0;
}

.row.no-space > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.row-lg {
  margin-right: -1.786rem;
  margin-left: -1.786rem;
}

.row-lg > .col, .row-lg > .col-1, .row-lg > .col-10, .row-lg > .col-11, .row-lg > .col-12, .row-lg > .col-2, .row-lg > .col-3, .row-lg > .col-4, .row-lg > .col-5, .row-lg > .col-6, .row-lg > .col-7, .row-lg > .col-8, .row-lg > .col-9, .row-lg > .col-lg, .row-lg > .col-lg-1, .row-lg > .col-lg-10, .row-lg > .col-lg-11, .row-lg > .col-lg-12, .row-lg > .col-lg-2, .row-lg > .col-lg-3, .row-lg > .col-lg-4, .row-lg > .col-lg-5, .row-lg > .col-lg-6, .row-lg > .col-lg-7, .row-lg > .col-lg-8, .row-lg > .col-lg-9, .row-lg > .col-md, .row-lg > .col-md-1, .row-lg > .col-md-10, .row-lg > .col-md-11, .row-lg > .col-md-12, .row-lg > .col-md-2, .row-lg > .col-md-3, .row-lg > .col-md-4, .row-lg > .col-md-5, .row-lg > .col-md-6, .row-lg > .col-md-7, .row-lg > .col-md-8, .row-lg > .col-md-9, .row-lg > .col-sm, .row-lg > .col-sm-1, .row-lg > .col-sm-10, .row-lg > .col-sm-11, .row-lg > .col-sm-12, .row-lg > .col-sm-2, .row-lg > .col-sm-3, .row-lg > .col-sm-4, .row-lg > .col-sm-5, .row-lg > .col-sm-6, .row-lg > .col-sm-7, .row-lg > .col-sm-8, .row-lg > .col-sm-9, .row-lg > .col-xl, .row-lg > .col-xl-1, .row-lg > .col-xl-10, .row-lg > .col-xl-11, .row-lg > .col-xl-12, .row-lg > .col-xl-2, .row-lg > .col-xl-3, .row-lg > .col-xl-4, .row-lg > .col-xl-5, .row-lg > .col-xl-6, .row-lg > .col-xl-7, .row-lg > .col-xl-8, .row-lg > .col-xl-9, .row-lg > .col-xxl, .row-lg > .col-xxl-1, .row-lg > .col-xxl-10, .row-lg > .col-xxl-11, .row-lg > .col-xxl-12, .row-lg > .col-xxl-2, .row-lg > .col-xxl-3, .row-lg > .col-xxl-4, .row-lg > .col-xxl-5, .row-lg > .col-xxl-6, .row-lg > .col-xxl-7, .row-lg > .col-xxl-8, .row-lg > .col-xxl-9 {
  padding-right: 1.786rem;
  padding-left: 1.786rem;
}

.table {
  color: #252525;
}

.table th {
  font-weight: 400;
}

.table tfoot th, .table thead th {
  font-weight: 400;
  color: #616161;
  border-bottom-width: 1px;
}

.table tbody + tbody {
  border-top-width: 1px;
}

.table a {
  text-decoration: underline;
}

.table td > .checkbox-custom:only-child, .table th > .checkbox-custom:only-child {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}

.table thead:first-child th {
  border-top: none;
}

.table .cell-30 {
  width: 30px;
}

.table .cell-40 {
  width: 40px;
}

.table .cell-50 {
  width: 50px;
}

.table .cell-60 {
  width: 60px;
}

.table .cell-80 {
  width: 80px;
}

.table .cell-100 {
  width: 100px;
}

.table .cell-120 {
  width: 120px;
}

.table .cell-130 {
  width: 130px;
}

.table .cell-150 {
  width: 150px;
}

.table .cell-180 {
  width: 180px;
}

.table .cell-200 {
  width: 200px;
}

.table .cell-250 {
  width: 250px;
}

.table .cell-300 {
  width: 300px;
}

.table-active, .table-active > td, .table-active > th {
  color: inherit;
  background-color: #eee;
}

.table-active a {
  color: inherit;
}

.table-hover .table-active:hover {
  background-color: #e1e1e1;
}

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
  color: inherit;
  background-color: #e1e1e1;
}

.table-success, .table-success > td, .table-success > th {
  color: #fff;
  background-color: #4caf50;
}

.table-success a {
  color: #fff;
}

.table-hover .table-success:hover {
  background-color: #449d48;
}

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
  color: #fff;
  background-color: #449d48;
}

.table-info, .table-info > td, .table-info > th {
  color: #fff;
  background-color: #00bcd4;
}

.table-info a {
  color: #fff;
}

.table-hover .table-info:hover {
  background-color: #00a5bb;
}

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
  color: #fff;
  background-color: #00a5bb;
}

.table-warning, .table-warning > td, .table-warning > th {
  color: #fff;
  background-color: #ff9800;
}

.table-warning a {
  color: #fff;
}

.table-hover .table-warning:hover {
  background-color: #e68900;
}

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
  color: #fff;
  background-color: #e68900;
}

.table-danger, .table-danger > td, .table-danger > th {
  color: #fff;
  background-color: #f44336;
}

.table-danger a {
  color: #fff;
}

.table-hover .table-danger:hover {
  background-color: #f32c1e;
}

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
  color: #fff;
  background-color: #f32c1e;
}

.table .thead-default th {
  color: inherit;
  background-color: #eee;
}

.table .thead-primary th {
  color: #fff;
  background-color: #3f51b5;
}

.table .thead-success th {
  color: #fff;
  background-color: #4caf50;
}

.table .thead-info th {
  color: #fff;
  background-color: #00bcd4;
}

.table .thead-warning th {
  color: #fff;
  background-color: #ff9800;
}

.table .thead-danger th {
  color: #fff;
  background-color: #f44336;
}

.table .thead-dark th {
  color: #fff;
  background-color: #616161;
}

.table .thead-gray th {
  color: #616161;
  background-color: #bdbdbd;
}

.table-bordered thead td, .table-bordered thead th {
  border-bottom-width: 1px;
}

.table-section + tbody {
  display: none;
}

.table-section-arrow {
  font-family: "Material-Design-Iconic-Font";
  font-weight: 400;
  font-weight: 400;
  font-style: normal;
  font-style: normal;
  position: relative;
  position: relative;
  position: relative;
  display: inline-block;
  display: inline-block;
  transition: transform 0.15s;
  transform: translate(0, 0);
  transform: translate(0, 0);
  text-align: center;
  text-rendering: auto;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.table-section-arrow:before {
  content: "\f2f9";
}

.table-section.active tr {
  background-color: #eee;
}

.table-section.active + tbody {
  display: table-row-group;
}

.table-section.active .table-section-arrow {
  transform: rotate(-180deg);
}

table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}

.form-control {
  box-sizing: border-box;
  height: 2.573rem;
  transition: box-shadow 0.25s linear, border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
  border-color: #e0e0e0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.form-control {
  padding-right: 30px;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==) no-repeat center right;
}

select[multiple].form-control {
  padding-right: 1.072rem;
  background: #fff;
}

.form-control.focus, .form-control:focus {
  outline: 0;
}

select[multiple], select[size], textarea.form-control {
  height: auto;
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
  height: 2.288rem;
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
  height: 3.287667rem;
}

.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
  height: 3.287667rem;
}

.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
  height: 2.288rem;
}

.form-group .form-control-label {
  padding: 0.429rem 0;
}

.form-group .form-control-label-lg {
  font-size: calc(var(--edc-fs-title) * 18.004 / 18);
  padding: 0.715rem 0;
}

.form-group .form-control-label-sm {
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  padding: 0.429rem 0;
}

.has-success .form-control-label {
  color: #4caf50;
}

.has-success .form-control-feedback {
  color: #4caf50;
}

.has-success .form-control {
  border-color: #4caf50;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.has-warning .form-control-label {
  color: #ff9800;
}

.has-warning .form-control-feedback {
  color: #ff9800;
}

.has-warning .form-control {
  border-color: #ff9800;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.has-danger .form-control-label {
  color: #f44336;
}

.has-danger .form-control-feedback {
  color: #f44336;
}

.has-danger .form-control {
  border-color: #f44336;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.form-group {
  margin-bottom: 1.429rem;
}

.form-group.has-feedback.no-label .form-control-feedback {
  top: 0;
}

.form-group.has-feedback.left-feedback .form-control-feedback {
  right: auto;
  left: 0;
}

.form-group.has-feedback.left-feedback .form-control {
  padding-right: 13px;
  padding-left: 50px;
}

.form-control.square {
  border-radius: 0;
}

.form-control.round {
  border-radius: 200px;
}

textarea.form-control.no-resize {
  resize: none;
}

.input-group-file input[type=text] {
  background-color: #fff;
}

.input-group-file .btn-file {
  line-height: inherit;
  position: relative;
  overflow: hidden;
}

.input-group-file .btn-file.btn-outline {
  border: 1px solid #e0e0e0;
  border-left: none;
}

.input-group-file .btn-file.btn-outline:hover {
  border-left: none;
}

.input-group-file .btn-file .icon {
  line-height: inherit;
  margin: 0 3px;
}

.input-group-file .btn-file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  min-width: 100%;
  min-height: 100%;
  cursor: pointer;
  text-align: 0;
  opacity: 0;
}

.text-help {
  display: block;
  margin-top: 7px;
  margin-bottom: 8px;
  color: #b5b5b5;
}

.text-help .icon {
  margin: 0 5px;
}

.input-search-close {
  opacity: 0.2;
  color: #000;
  text-shadow: none;
}

.input-search-close.icon {
  font-size: inherit;
  line-height: inherit;
}

.input-search-close:focus, .input-search-close:hover {
  cursor: pointer;
  text-decoration: none;
  opacity: 0.5;
  color: #000;
}

button.input-search-close {
  padding: 0;
  cursor: pointer;
  border: 0;
  background: 0 0;
  -webkit-appearance: none;
}

.input-search {
  position: relative;
}

.input-search .form-control {
  border-radius: 200px;
}

.input-search .input-search-close, .input-search .input-search-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 2.573rem;
  transform: translateY(-50%);
}

.input-search .input-search-close {
  right: 8px;
}

.input-search .input-search-icon + .form-control {
  padding-left: 3.109rem;
}

.input-search .input-search-icon {
  font-size: var(--edc-fs-heading);
  left: 8px;
  text-align: center;
  pointer-events: none;
  color: #9e9e9e;
}

.input-search-btn + .form-control {
  padding-right: 50px;
}

.input-search-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 10px;
  border: none;
  border-radius: 0 200px 200px 0;
  background: 0 0;
}

.input-search-btn .icon {
  margin: 0 3px;
}

.input-search-dark .input-search-icon {
  color: #252525;
}

.input-search-dark .form-control {
  background: #f5f5f5;
  box-shadow: none;
}

.input-search-dark .form-control:focus {
  background-color: #fff;
}

.form-inline .form-group {
  margin-right: 20px;
}

.form-inline .form-group:last-child {
  margin-right: 0;
}

.form-inline .form-control-label {
  margin-right: 5px;
}

@media (max-width: 767px) {
  .form-inline .form-group {
    margin-right: 0;
  }
}
.form-horizontal .form-control-label {
  font-size: var(--edc-fs-body);
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
  }
  .form-horizontal .form-control-lg, .form-horizontal .input-group-lg > .form-control, .form-horizontal .input-group-lg > .input-group-addon, .form-horizontal .input-group-lg > .input-group-btn > .btn {
    font-size: var(--edc-fs-title);
    padding-top: 11px;
  }
  .form-horizontal .form-control-sm, .form-horizontal .input-group-sm > .form-control, .form-horizontal .input-group-sm > .input-group-addon, .form-horizontal .input-group-sm > .input-group-btn > .btn {
    font-size: var(--edc-fs-label);
    padding-top: 7px;
  }
}
input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.btn {
  cursor: pointer;
  transition: border 0.2s linear, color 0.2s linear, width 0.2s linear, background-color 0.2s linear;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  -webkit-font-smoothing: subpixel-antialiased;
}

.btn.active:focus, .btn:active:focus, .btn:focus {
  outline: 0;
}

.btn.active, .btn:active {
  box-shadow: none;
}

.btn .icon {
  line-height: inherit;
  width: 1em;
  margin: -1px 3px 0;
  text-align: center;
}

a.btn:not(.btn-link) {
  text-decoration: none;
}

a.btn:not(.btn-link), a.btn:not(.btn-link).active, a.btn:not(.btn-link):active {
  text-decoration: none;
}

.btn-link {
  box-shadow: none;
}

.btn-block {
  white-space: normal;
}

.btn-group-xs > .btn, .btn-xs {
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  line-height: 1.5;
  padding: 0.072rem 0.358rem;
  border-radius: 0.143rem;
}

.btn-squared {
  border-radius: 0;
}

.btn-round {
  border-radius: 1000px;
}

.btn-primary {
  border-color: #3f51b5;
  background-color: #3f51b5;
  box-shadow: none;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
  color: #fff;
  border-color: #5c6bc0;
  background-color: #5c6bc0;
  box-shadow: none;
}

.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
  border-color: #3949ab;
  background-color: #3949ab;
  box-shadow: none;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
  border-color: #3949ab;
  background-color: #3949ab;
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  color: #fff;
  border-color: #5c6bc0;
  background-color: #5c6bc0;
}

.btn-primary .badge-pill {
  color: #3f51b5;
  background-color: #fff;
}

.btn-primary.btn-up:before {
  border-bottom-color: #3f51b5;
}

.btn-primary.btn-up:focus:before, .btn-primary.btn-up:hover:before {
  border-bottom-color: #5c6bc0;
}

.btn-primary.btn-up.active:before, .btn-primary.btn-up:active:before, .open > .btn-primary.btn-up.dropdown-toggle:before {
  border-bottom-color: #3949ab;
}

.btn-primary.btn-right:before {
  border-left-color: #3f51b5;
}

.btn-primary.btn-right:focus:before, .btn-primary.btn-right:hover:before {
  border-left-color: #5c6bc0;
}

.btn-primary.btn-right.active:before, .btn-primary.btn-right:active:before, .open > .btn-primary.btn-right.dropdown-toggle:before {
  border-left-color: #3949ab;
}

.btn-primary.btn-bottom:before {
  border-top-color: #3f51b5;
}

.btn-primary.btn-bottom:focus:before, .btn-primary.btn-bottom:hover:before {
  border-top-color: #5c6bc0;
}

.btn-primary.btn-bottom.active:before, .btn-primary.btn-bottom:active:before, .open > .btn-primary.btn-bottom.dropdown-toggle:before {
  border-top-color: #3949ab;
}

.btn-primary.btn-left:before {
  border-right-color: #3f51b5;
}

.btn-primary.btn-left:focus:before, .btn-primary.btn-left:hover:before {
  border-right-color: #5c6bc0;
}

.btn-primary.btn-left.active:before, .btn-primary.btn-left:active:before, .open > .btn-primary.btn-left.dropdown-toggle:before {
  border-right-color: #3949ab;
}

.btn-success {
  border-color: #4caf50;
  background-color: #4caf50;
  box-shadow: none;
}

.btn-success.focus, .btn-success:focus, .btn-success:hover {
  color: #fff;
  border-color: #66bb6a;
  background-color: #66bb6a;
  box-shadow: none;
}

.btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle {
  border-color: #43a047;
  background-color: #43a047;
  box-shadow: none;
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover {
  border-color: #43a047;
  background-color: #43a047;
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
  color: #fff;
  border-color: #66bb6a;
  background-color: #66bb6a;
}

.btn-success .badge-pill {
  color: #4caf50;
  background-color: #fff;
}

.btn-success.btn-up:before {
  border-bottom-color: #4caf50;
}

.btn-success.btn-up:focus:before, .btn-success.btn-up:hover:before {
  border-bottom-color: #66bb6a;
}

.btn-success.btn-up.active:before, .btn-success.btn-up:active:before, .open > .btn-success.btn-up.dropdown-toggle:before {
  border-bottom-color: #43a047;
}

.btn-success.btn-right:before {
  border-left-color: #4caf50;
}

.btn-success.btn-right:focus:before, .btn-success.btn-right:hover:before {
  border-left-color: #66bb6a;
}

.btn-success.btn-right.active:before, .btn-success.btn-right:active:before, .open > .btn-success.btn-right.dropdown-toggle:before {
  border-left-color: #43a047;
}

.btn-success.btn-bottom:before {
  border-top-color: #4caf50;
}

.btn-success.btn-bottom:focus:before, .btn-success.btn-bottom:hover:before {
  border-top-color: #66bb6a;
}

.btn-success.btn-bottom.active:before, .btn-success.btn-bottom:active:before, .open > .btn-success.btn-bottom.dropdown-toggle:before {
  border-top-color: #43a047;
}

.btn-success.btn-left:before {
  border-right-color: #4caf50;
}

.btn-success.btn-left:focus:before, .btn-success.btn-left:hover:before {
  border-right-color: #66bb6a;
}

.btn-success.btn-left.active:before, .btn-success.btn-left:active:before, .open > .btn-success.btn-left.dropdown-toggle:before {
  border-right-color: #43a047;
}

.btn-info {
  border-color: #00bcd4;
  background-color: #00bcd4;
  box-shadow: none;
}

.btn-info.focus, .btn-info:focus, .btn-info:hover {
  color: #fff;
  border-color: #26c6da;
  background-color: #26c6da;
  box-shadow: none;
}

.btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle {
  border-color: #00acc1;
  background-color: #00acc1;
  box-shadow: none;
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover {
  border-color: #00acc1;
  background-color: #00acc1;
}

.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
  color: #fff;
  border-color: #26c6da;
  background-color: #26c6da;
}

.btn-info .badge-pill {
  color: #00bcd4;
  background-color: #fff;
}

.btn-info.btn-up:before {
  border-bottom-color: #00bcd4;
}

.btn-info.btn-up:focus:before, .btn-info.btn-up:hover:before {
  border-bottom-color: #26c6da;
}

.btn-info.btn-up.active:before, .btn-info.btn-up:active:before, .open > .btn-info.btn-up.dropdown-toggle:before {
  border-bottom-color: #00acc1;
}

.btn-info.btn-right:before {
  border-left-color: #00bcd4;
}

.btn-info.btn-right:focus:before, .btn-info.btn-right:hover:before {
  border-left-color: #26c6da;
}

.btn-info.btn-right.active:before, .btn-info.btn-right:active:before, .open > .btn-info.btn-right.dropdown-toggle:before {
  border-left-color: #00acc1;
}

.btn-info.btn-bottom:before {
  border-top-color: #00bcd4;
}

.btn-info.btn-bottom:focus:before, .btn-info.btn-bottom:hover:before {
  border-top-color: #26c6da;
}

.btn-info.btn-bottom.active:before, .btn-info.btn-bottom:active:before, .open > .btn-info.btn-bottom.dropdown-toggle:before {
  border-top-color: #00acc1;
}

.btn-info.btn-left:before {
  border-right-color: #00bcd4;
}

.btn-info.btn-left:focus:before, .btn-info.btn-left:hover:before {
  border-right-color: #26c6da;
}

.btn-info.btn-left.active:before, .btn-info.btn-left:active:before, .open > .btn-info.btn-left.dropdown-toggle:before {
  border-right-color: #00acc1;
}

.btn-warning {
  border-color: #ff9800;
  background-color: #ff9800;
  box-shadow: none;
}

.btn-warning.focus, .btn-warning:focus, .btn-warning:hover {
  color: #fff;
  border-color: #ffa726;
  background-color: #ffa726;
  box-shadow: none;
}

.btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle {
  border-color: #fb8c00;
  background-color: #fb8c00;
  box-shadow: none;
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover {
  border-color: #fb8c00;
  background-color: #fb8c00;
}

.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
  color: #fff;
  border-color: #ffa726;
  background-color: #ffa726;
}

.btn-warning .badge-pill {
  color: #ff9800;
  background-color: #fff;
}

.btn-warning.btn-up:before {
  border-bottom-color: #ff9800;
}

.btn-warning.btn-up:focus:before, .btn-warning.btn-up:hover:before {
  border-bottom-color: #ffa726;
}

.btn-warning.btn-up.active:before, .btn-warning.btn-up:active:before, .open > .btn-warning.btn-up.dropdown-toggle:before {
  border-bottom-color: #fb8c00;
}

.btn-warning.btn-right:before {
  border-left-color: #ff9800;
}

.btn-warning.btn-right:focus:before, .btn-warning.btn-right:hover:before {
  border-left-color: #ffa726;
}

.btn-warning.btn-right.active:before, .btn-warning.btn-right:active:before, .open > .btn-warning.btn-right.dropdown-toggle:before {
  border-left-color: #fb8c00;
}

.btn-warning.btn-bottom:before {
  border-top-color: #ff9800;
}

.btn-warning.btn-bottom:focus:before, .btn-warning.btn-bottom:hover:before {
  border-top-color: #ffa726;
}

.btn-warning.btn-bottom.active:before, .btn-warning.btn-bottom:active:before, .open > .btn-warning.btn-bottom.dropdown-toggle:before {
  border-top-color: #fb8c00;
}

.btn-warning.btn-left:before {
  border-right-color: #ff9800;
}

.btn-warning.btn-left:focus:before, .btn-warning.btn-left:hover:before {
  border-right-color: #ffa726;
}

.btn-warning.btn-left.active:before, .btn-warning.btn-left:active:before, .open > .btn-warning.btn-left.dropdown-toggle:before {
  border-right-color: #fb8c00;
}

.btn-danger {
  border-color: #f44336;
  background-color: #f44336;
  box-shadow: none;
}

.btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
  color: #fff;
  border-color: #ef5350;
  background-color: #ef5350;
  box-shadow: none;
}

.btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle {
  border-color: #e53935;
  background-color: #e53935;
  box-shadow: none;
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover {
  border-color: #e53935;
  background-color: #e53935;
}

.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
  color: #fff;
  border-color: #ef5350;
  background-color: #ef5350;
}

.btn-danger .badge-pill {
  color: #f44336;
  background-color: #fff;
}

.btn-danger.btn-up:before {
  border-bottom-color: #f44336;
}

.btn-danger.btn-up:focus:before, .btn-danger.btn-up:hover:before {
  border-bottom-color: #ef5350;
}

.btn-danger.btn-up.active:before, .btn-danger.btn-up:active:before, .open > .btn-danger.btn-up.dropdown-toggle:before {
  border-bottom-color: #e53935;
}

.btn-danger.btn-right:before {
  border-left-color: #f44336;
}

.btn-danger.btn-right:focus:before, .btn-danger.btn-right:hover:before {
  border-left-color: #ef5350;
}

.btn-danger.btn-right.active:before, .btn-danger.btn-right:active:before, .open > .btn-danger.btn-right.dropdown-toggle:before {
  border-left-color: #e53935;
}

.btn-danger.btn-bottom:before {
  border-top-color: #f44336;
}

.btn-danger.btn-bottom:focus:before, .btn-danger.btn-bottom:hover:before {
  border-top-color: #ef5350;
}

.btn-danger.btn-bottom.active:before, .btn-danger.btn-bottom:active:before, .open > .btn-danger.btn-bottom.dropdown-toggle:before {
  border-top-color: #e53935;
}

.btn-danger.btn-left:before {
  border-right-color: #f44336;
}

.btn-danger.btn-left:focus:before, .btn-danger.btn-left:hover:before {
  border-right-color: #ef5350;
}

.btn-danger.btn-left.active:before, .btn-danger.btn-left:active:before, .open > .btn-danger.btn-left.dropdown-toggle:before {
  border-right-color: #e53935;
}

.btn-default {
  color: #252525;
  border-color: #eee;
  border-color: #eee;
  background-color: #eee;
  background-color: #eee;
  box-shadow: none;
}

.btn-default:hover {
  color: #252525;
  border-color: #cfcfcf;
  background-color: #d5d5d5;
}

.btn-default.focus, .btn-default:focus {
  box-shadow: 0 0 0 2px rgba(238, 238, 238, 0.5);
}

.btn-default.disabled, .btn-default:disabled {
  border-color: #eee;
  background-color: #eee;
}

.btn-default.active, .btn-default:active, .show > .btn-default.dropdown-toggle {
  color: #252525;
  border-color: #cfcfcf;
  background-color: #d5d5d5;
  background-image: none;
}

.btn-default.focus, .btn-default:focus, .btn-default:hover {
  color: #252525;
  border-color: #f5f5f5;
  background-color: #f5f5f5;
  box-shadow: none;
}

.btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
  border-color: #e0e0e0;
  background-color: #e0e0e0;
  box-shadow: none;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
  border-color: #e0e0e0;
  background-color: #e0e0e0;
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
  color: #252525;
  border-color: #eee;
  background-color: #eee;
}

.btn-default .badge-pill {
  color: #eee;
  background-color: #252525;
}

.btn-default.btn-up:before {
  border-bottom-color: #eee;
}

.btn-default.btn-up:focus:before, .btn-default.btn-up:hover:before {
  border-bottom-color: #f5f5f5;
}

.btn-default.btn-up.active:before, .btn-default.btn-up:active:before, .open > .btn-default.btn-up.dropdown-toggle:before {
  border-bottom-color: #e0e0e0;
}

.btn-default.btn-right:before {
  border-left-color: #eee;
}

.btn-default.btn-right:focus:before, .btn-default.btn-right:hover:before {
  border-left-color: #f5f5f5;
}

.btn-default.btn-right.active:before, .btn-default.btn-right:active:before, .open > .btn-default.btn-right.dropdown-toggle:before {
  border-left-color: #e0e0e0;
}

.btn-default.btn-bottom:before {
  border-top-color: #eee;
}

.btn-default.btn-bottom:focus:before, .btn-default.btn-bottom:hover:before {
  border-top-color: #f5f5f5;
}

.btn-default.btn-bottom.active:before, .btn-default.btn-bottom:active:before, .open > .btn-default.btn-bottom.dropdown-toggle:before {
  border-top-color: #e0e0e0;
}

.btn-default.btn-left:before {
  border-right-color: #eee;
}

.btn-default.btn-left:focus:before, .btn-default.btn-left:hover:before {
  border-right-color: #f5f5f5;
}

.btn-default.btn-left.active:before, .btn-default.btn-left:active:before, .open > .btn-default.btn-left.dropdown-toggle:before {
  border-right-color: #e0e0e0;
}

.btn-inverse {
  color: #252525;
  border-color: #eee;
  border-color: #eee;
  background-color: #fff;
  background-color: #fff;
  box-shadow: none;
}

.btn-inverse:hover {
  color: #252525;
  border-color: #cfcfcf;
  background-color: #e6e6e6;
}

.btn-inverse.focus, .btn-inverse:focus {
  box-shadow: 0 0 0 2px rgba(238, 238, 238, 0.5);
}

.btn-inverse.disabled, .btn-inverse:disabled {
  border-color: #eee;
  background-color: #fff;
}

.btn-inverse.active, .btn-inverse:active, .show > .btn-inverse.dropdown-toggle {
  color: #252525;
  border-color: #cfcfcf;
  background-color: #e6e6e6;
  background-image: none;
}

.btn-inverse.focus, .btn-inverse:focus, .btn-inverse:hover {
  color: #252525;
  border-color: #f5f5f5;
  background-color: #fff;
  box-shadow: none;
}

.btn-inverse.active, .btn-inverse:active, .open > .btn-inverse.dropdown-toggle {
  border-color: #e0e0e0;
  background-color: #fff;
  box-shadow: none;
}

.btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse.active:hover, .btn-inverse:active.focus, .btn-inverse:active:focus, .btn-inverse:active:hover, .open > .btn-inverse.dropdown-toggle.focus, .open > .btn-inverse.dropdown-toggle:focus, .open > .btn-inverse.dropdown-toggle:hover {
  border-color: #e0e0e0;
  background-color: #fff;
}

.btn-inverse.disabled, .btn-inverse.disabled.active, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse[disabled], .btn-inverse[disabled].active, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse.active, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:hover {
  color: #bdbdbd;
  border-color: #9e9e9e;
  background-color: #fff;
}

.btn-inverse .badge-pill {
  color: #fff;
  background-color: #252525;
}

.btn-inverse.btn-up:before {
  border-bottom-color: #fff;
}

.btn-inverse.btn-up:focus:before, .btn-inverse.btn-up:hover:before {
  border-bottom-color: #fff;
}

.btn-inverse.btn-up.active:before, .btn-inverse.btn-up:active:before, .open > .btn-inverse.btn-up.dropdown-toggle:before {
  border-bottom-color: #fff;
}

.btn-inverse.btn-right:before {
  border-left-color: #fff;
}

.btn-inverse.btn-right:focus:before, .btn-inverse.btn-right:hover:before {
  border-left-color: #fff;
}

.btn-inverse.btn-right.active:before, .btn-inverse.btn-right:active:before, .open > .btn-inverse.btn-right.dropdown-toggle:before {
  border-left-color: #fff;
}

.btn-inverse.btn-bottom:before {
  border-top-color: #fff;
}

.btn-inverse.btn-bottom:focus:before, .btn-inverse.btn-bottom:hover:before {
  border-top-color: #fff;
}

.btn-inverse.btn-bottom.active:before, .btn-inverse.btn-bottom:active:before, .open > .btn-inverse.btn-bottom.dropdown-toggle:before {
  border-top-color: #fff;
}

.btn-inverse.btn-left:before {
  border-right-color: #fff;
}

.btn-inverse.btn-left:focus:before, .btn-inverse.btn-left:hover:before {
  border-right-color: #fff;
}

.btn-inverse.btn-left.active:before, .btn-inverse.btn-left:active:before, .open > .btn-inverse.btn-left.dropdown-toggle:before {
  border-right-color: #fff;
}

.btn-dark {
  color: #fff;
  border-color: #616161;
  border-color: #616161;
  background-color: #616161;
  background-color: #616161;
  box-shadow: none;
}

.btn-dark:hover {
  color: #fff;
  border-color: #424242;
  background-color: #484848;
}

.btn-dark.focus, .btn-dark:focus {
  box-shadow: 0 0 0 2px rgba(97, 97, 97, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  border-color: #616161;
  background-color: #616161;
}

.btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  border-color: #424242;
  background-color: #484848;
  background-image: none;
}

.btn-dark.focus, .btn-dark:focus, .btn-dark:hover {
  color: #fff;
  border-color: #252525;
  background-color: #252525;
  box-shadow: none;
}

.btn-dark.active, .btn-dark:active, .open > .btn-dark.dropdown-toggle {
  border-color: #424242;
  background-color: #424242;
  box-shadow: none;
}

.btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open > .btn-dark.dropdown-toggle.focus, .open > .btn-dark.dropdown-toggle:focus, .open > .btn-dark.dropdown-toggle:hover {
  border-color: #424242;
  background-color: #424242;
}

.btn-dark.disabled, .btn-dark.disabled.active, .btn-dark.disabled.focus, .btn-dark.disabled:active, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled], .btn-dark[disabled].active, .btn-dark[disabled].focus, .btn-dark[disabled]:active, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover {
  color: #fff;
  border-color: #9e9e9e;
  background-color: #9e9e9e;
}

.btn-dark .badge-pill {
  color: #616161;
  background-color: #fff;
}

.btn-dark.btn-up:before {
  border-bottom-color: #616161;
}

.btn-dark.btn-up:focus:before, .btn-dark.btn-up:hover:before {
  border-bottom-color: #252525;
}

.btn-dark.btn-up.active:before, .btn-dark.btn-up:active:before, .open > .btn-dark.btn-up.dropdown-toggle:before {
  border-bottom-color: #424242;
}

.btn-dark.btn-right:before {
  border-left-color: #616161;
}

.btn-dark.btn-right:focus:before, .btn-dark.btn-right:hover:before {
  border-left-color: #252525;
}

.btn-dark.btn-right.active:before, .btn-dark.btn-right:active:before, .open > .btn-dark.btn-right.dropdown-toggle:before {
  border-left-color: #424242;
}

.btn-dark.btn-bottom:before {
  border-top-color: #616161;
}

.btn-dark.btn-bottom:focus:before, .btn-dark.btn-bottom:hover:before {
  border-top-color: #252525;
}

.btn-dark.btn-bottom.active:before, .btn-dark.btn-bottom:active:before, .open > .btn-dark.btn-bottom.dropdown-toggle:before {
  border-top-color: #424242;
}

.btn-dark.btn-left:before {
  border-right-color: #616161;
}

.btn-dark.btn-left:focus:before, .btn-dark.btn-left:hover:before {
  border-right-color: #252525;
}

.btn-dark.btn-left.active:before, .btn-dark.btn-left:active:before, .open > .btn-dark.btn-left.dropdown-toggle:before {
  border-right-color: #424242;
}

.btn-dark.btn-flat {
  color: #616161;
}

.btn-flat {
  border: none;
  background: 0 0;
  box-shadow: none;
}

.btn-flat:focus, .btn-flat:hover {
  box-shadow: none;
}

.btn-flat.disabled {
  color: #9e9e9e;
}

.btn-icon, .btn.icon {
  font-size: calc(var(--edc-fs-heading) * 16.002 / 16);
  line-height: 1em;
  padding: 0.715rem;
}

.btn-group-xs > .btn-icon.btn, .btn-group-xs > .btn.icon, .btn-icon.btn-xs, .btn.icon.btn-xs {
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  padding: 0.286rem;
}

.btn-icon.btn-sm, .btn.icon.btn-sm {
  font-size: var(--edc-fs-body);
  padding: 0.572rem;
}

.btn-icon.btn-lg, .btn.icon.btn-lg {
  font-size: calc(var(--edc-fs-title) * 20.006 / 18);
  padding: 0.858rem;
}

.btn-icon.disabled, .btn.icon.disabled {
  color: #9e9e9e;
}

.btn-icon .icon {
  margin: -1px 0 0;
}

.btn-raised {
  transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.18), 0 2px 4px rgba(0, 0, 0, 0.21);
}

.btn-raised.active, .btn-raised:active, .btn-raised:hover, .open > .btn-raised.dropdown-toggle {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.2);
}

.btn-raised.disabled, .btn-raised[disabled], fieldset[disabled] .btn-raised {
  box-shadow: none;
}

.btn-floating {
  font-size: calc(var(--edc-fs-display) * 36.008 / 24);
  width: 4rem;
  height: 4rem;
  margin: 0;
  padding: 0;
  text-align: center;
  border-radius: 100%;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.btn-floating.btn-xs, .btn-group-xs > .btn-floating.btn {
  font-size: calc(var(--edc-fs-title) * 18.004 / 18);
  width: 2.143rem;
  height: 2.143rem;
  padding: 0;
}

.btn-floating.btn-sm {
  font-size: calc(var(--edc-fs-display) * 26.012 / 24);
  width: 2.858rem;
  height: 2.858rem;
  padding: 0;
}

.btn-floating.btn-lg {
  font-size: calc(var(--edc-fs-display) * 46.004 / 24);
  width: 5rem;
  height: 5rem;
  padding: 0;
}

.btn-floating i {
  position: relative;
  top: 0;
}

.btn-animate {
  position: relative;
  overflow: hidden;
}

.btn-animate span {
  display: block;
  width: 100%;
  height: 100%;
  transform: translate(0, 0);
}

.btn-animate-side {
  padding: 0.572rem 2rem;
}

.btn-animate-side span {
  transition: transform 0.2s ease-out 0s;
}

.btn-animate-side span > .icon {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  transition: opacity 0.2s ease-out 0s;
  transform: translate(-20px, -50%);
  opacity: 0;
}

.btn-animate-side:hover span {
  transform: translate(10px, 0);
}

.btn-animate-side:hover span > .icon {
  opacity: 1;
}

.btn-animate-side.btn-xs, .btn-group-xs > .btn-animate-side.btn {
  padding: 0.215rem 1rem;
}

.btn-animate-side.btn-xs span > .icon, .btn-group-xs > .btn-animate-side.btn span > .icon {
  left: 5px;
}

.btn-animate-side.btn-xs:hover span, .btn-group-xs > .btn-animate-side.btn:hover span {
  transform: translate(8px, 0);
}

.btn-animate-side.btn-sm {
  padding: 0.429rem 1.572rem;
}

.btn-animate-side.btn-sm span > .icon {
  left: 3px;
}

.btn-animate-side.btn-sm:hover span {
  transform: translate(8px, 0);
}

.btn-animate-side.btn-lg {
  padding: 0.715rem 2.358rem;
}

.btn-animate-side.btn-lg span > .icon {
  left: -6px;
}

.btn-animate-side.btn-lg:hover span {
  transform: translate(14px, 0);
}

.btn-animate-vertical span {
  transition: all 0.2s ease-out 0s;
}

.btn-animate-vertical span > .icon {
  font-size: calc(var(--edc-fs-display) * 24.01 / 24);
  position: absolute;
  top: -2px;
  left: 50%;
  display: block;
  transform: translate(-50%, -100%);
}

.btn-animate-vertical:hover span {
  transform: translate(0, 150%);
}

.btn-animate-vertical.btn-xs span > .icon, .btn-group-xs > .btn-animate-vertical.btn span > .icon {
  font-size: calc(var(--edc-fs-title) * 18.004 / 18);
  top: -5px;
}

.btn-animate-vertical.btn-sm span > .icon {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  top: -3px;
}

.btn-animate-vertical.btn-lg span > .icon {
  font-size: calc(var(--edc-fs-display) * 37.002 / 24);
}

.btn-tagged {
  padding: 0;
  padding-right: 0.572rem;
}

.btn-tagged .btn-tag {
  margin-right: 0.357rem;
  padding: 0.429rem 0.572rem;
}

.btn-group-xs > .btn-tagged.btn, .btn-tagged.btn-xs {
  padding-right: 0.358rem;
}

.btn-group-xs > .btn-tagged.btn .btn-tag, .btn-tagged.btn-xs .btn-tag {
  margin-right: 0.143rem;
  padding: 0.072rem 0.286rem;
}

.btn-tagged.btn-sm {
  padding-right: 0.929rem;
}

.btn-tagged.btn-sm .btn-tag {
  margin-right: 0.714rem;
  padding: 0.429rem 0.429rem;
}

.btn-tagged.btn-lg {
  padding-right: 1rem;
}

.btn-tagged.btn-lg .btn-tag {
  margin-right: 0.785rem;
  padding: 0.715rem 1rem;
}

.btn-tagged.btn-block {
  text-align: left;
}

.btn-tag {
  display: inline-block;
  border-radius: 0.215rem 0 0 0.215rem;
  background-color: rgba(0, 0, 0, 0.15);
}

.btn-pill-left {
  border-radius: 500px 0 0 500px;
}

.btn-pill-right {
  border-radius: 0 500px 500px 0;
}

.btn-direction {
  position: relative;
}

.btn-direction:before {
  line-height: 0;
  position: absolute;
  content: "";
  border: 8px solid transparent;
}

.btn-up:before {
  top: -16px;
  left: 50%;
  margin-left: -8px;
  border-bottom-color: #e0e0e0;
}

.btn-right:before {
  top: 50%;
  right: -16px;
  margin-top: -8px;
  border-left-color: #e0e0e0;
}

.btn-bottom:before {
  bottom: -16px;
  left: 50%;
  margin-left: -8px;
  border-top-color: #e0e0e0;
}

.btn-left:before {
  top: 50%;
  left: -16px;
  margin-top: -8px;
  border-right-color: #e0e0e0;
}

.btn-pure, .btn-pure.active, .btn-pure:active, .btn-pure:focus, .btn-pure:hover, .btn-pure[disabled], .open > .btn-pure.dropdown-toggle, fieldset[disabled] .btn-pure {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}

.btn-pure.active.focus, .btn-pure.active:focus, .btn-pure.active:hover, .btn-pure.focus, .btn-pure:active.focus, .btn-pure:active:focus, .btn-pure:active:hover, .btn-pure:focus, .btn-pure:focus.focus, .btn-pure:focus:focus, .btn-pure:focus:hover, .btn-pure:hover, .btn-pure:hover.focus, .btn-pure:hover:focus, .btn-pure:hover:hover, .btn-pure[disabled].focus, .btn-pure[disabled]:focus, .btn-pure[disabled]:hover, .open > .btn-pure.dropdown-toggle.focus, .open > .btn-pure.dropdown-toggle:focus, .open > .btn-pure.dropdown-toggle:hover, fieldset[disabled] .btn-pure.focus, fieldset[disabled] .btn-pure:focus, fieldset[disabled] .btn-pure:hover {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}

.btn-pure.btn-default {
  color: #9e9e9e;
}

.btn-pure.btn-default.active, .btn-pure.btn-default:active, .btn-pure.btn-default:focus, .btn-pure.btn-default:hover, .open > .btn-pure.btn-default.dropdown-toggle {
  color: #252525;
}

.btn-pure.btn-default.active.focus, .btn-pure.btn-default.active:focus, .btn-pure.btn-default.active:hover, .btn-pure.btn-default:active.focus, .btn-pure.btn-default:active:focus, .btn-pure.btn-default:active:hover, .btn-pure.btn-default:focus.focus, .btn-pure.btn-default:focus:focus, .btn-pure.btn-default:focus:hover, .btn-pure.btn-default:hover.focus, .btn-pure.btn-default:hover:focus, .btn-pure.btn-default:hover:hover, .open > .btn-pure.btn-default.dropdown-toggle.focus, .open > .btn-pure.btn-default.dropdown-toggle:focus, .open > .btn-pure.btn-default.dropdown-toggle:hover {
  color: #252525;
}

.btn-pure.btn-default.active .badge-pill, .btn-pure.btn-default:active .badge-pill, .btn-pure.btn-default:focus .badge-pill, .btn-pure.btn-default:hover .badge-pill, .open > .btn-pure.btn-default.dropdown-toggle .badge-pill {
  color: #252525;
}

.btn-pure.btn-primary {
  color: #3f51b5;
}

.btn-pure.btn-primary.active, .btn-pure.btn-primary:active, .btn-pure.btn-primary:focus, .btn-pure.btn-primary:hover, .open > .btn-pure.btn-primary.dropdown-toggle {
  color: #5c6bc0;
}

.btn-pure.btn-primary.active.focus, .btn-pure.btn-primary.active:focus, .btn-pure.btn-primary.active:hover, .btn-pure.btn-primary:active.focus, .btn-pure.btn-primary:active:focus, .btn-pure.btn-primary:active:hover, .btn-pure.btn-primary:focus.focus, .btn-pure.btn-primary:focus:focus, .btn-pure.btn-primary:focus:hover, .btn-pure.btn-primary:hover.focus, .btn-pure.btn-primary:hover:focus, .btn-pure.btn-primary:hover:hover, .open > .btn-pure.btn-primary.dropdown-toggle.focus, .open > .btn-pure.btn-primary.dropdown-toggle:focus, .open > .btn-pure.btn-primary.dropdown-toggle:hover {
  color: #5c6bc0;
}

.btn-pure.btn-primary.active .badge-pill, .btn-pure.btn-primary:active .badge-pill, .btn-pure.btn-primary:focus .badge-pill, .btn-pure.btn-primary:hover .badge-pill, .open > .btn-pure.btn-primary.dropdown-toggle .badge-pill {
  color: #5c6bc0;
}

.btn-pure.btn-success {
  color: #4caf50;
}

.btn-pure.btn-success.active, .btn-pure.btn-success:active, .btn-pure.btn-success:focus, .btn-pure.btn-success:hover, .open > .btn-pure.btn-success.dropdown-toggle {
  color: #66bb6a;
}

.btn-pure.btn-success.active.focus, .btn-pure.btn-success.active:focus, .btn-pure.btn-success.active:hover, .btn-pure.btn-success:active.focus, .btn-pure.btn-success:active:focus, .btn-pure.btn-success:active:hover, .btn-pure.btn-success:focus.focus, .btn-pure.btn-success:focus:focus, .btn-pure.btn-success:focus:hover, .btn-pure.btn-success:hover.focus, .btn-pure.btn-success:hover:focus, .btn-pure.btn-success:hover:hover, .open > .btn-pure.btn-success.dropdown-toggle.focus, .open > .btn-pure.btn-success.dropdown-toggle:focus, .open > .btn-pure.btn-success.dropdown-toggle:hover {
  color: #66bb6a;
}

.btn-pure.btn-success.active .badge-pill, .btn-pure.btn-success:active .badge-pill, .btn-pure.btn-success:focus .badge-pill, .btn-pure.btn-success:hover .badge-pill, .open > .btn-pure.btn-success.dropdown-toggle .badge-pill {
  color: #66bb6a;
}

.btn-pure.btn-info {
  color: #00bcd4;
}

.btn-pure.btn-info.active, .btn-pure.btn-info:active, .btn-pure.btn-info:focus, .btn-pure.btn-info:hover, .open > .btn-pure.btn-info.dropdown-toggle {
  color: #26c6da;
}

.btn-pure.btn-info.active.focus, .btn-pure.btn-info.active:focus, .btn-pure.btn-info.active:hover, .btn-pure.btn-info:active.focus, .btn-pure.btn-info:active:focus, .btn-pure.btn-info:active:hover, .btn-pure.btn-info:focus.focus, .btn-pure.btn-info:focus:focus, .btn-pure.btn-info:focus:hover, .btn-pure.btn-info:hover.focus, .btn-pure.btn-info:hover:focus, .btn-pure.btn-info:hover:hover, .open > .btn-pure.btn-info.dropdown-toggle.focus, .open > .btn-pure.btn-info.dropdown-toggle:focus, .open > .btn-pure.btn-info.dropdown-toggle:hover {
  color: #26c6da;
}

.btn-pure.btn-info.active .badge-pill, .btn-pure.btn-info:active .badge-pill, .btn-pure.btn-info:focus .badge-pill, .btn-pure.btn-info:hover .badge-pill, .open > .btn-pure.btn-info.dropdown-toggle .badge-pill {
  color: #26c6da;
}

.btn-pure.btn-warning {
  color: #ff9800;
}

.btn-pure.btn-warning.active, .btn-pure.btn-warning:active, .btn-pure.btn-warning:focus, .btn-pure.btn-warning:hover, .open > .btn-pure.btn-warning.dropdown-toggle {
  color: #ffa726;
}

.btn-pure.btn-warning.active.focus, .btn-pure.btn-warning.active:focus, .btn-pure.btn-warning.active:hover, .btn-pure.btn-warning:active.focus, .btn-pure.btn-warning:active:focus, .btn-pure.btn-warning:active:hover, .btn-pure.btn-warning:focus.focus, .btn-pure.btn-warning:focus:focus, .btn-pure.btn-warning:focus:hover, .btn-pure.btn-warning:hover.focus, .btn-pure.btn-warning:hover:focus, .btn-pure.btn-warning:hover:hover, .open > .btn-pure.btn-warning.dropdown-toggle.focus, .open > .btn-pure.btn-warning.dropdown-toggle:focus, .open > .btn-pure.btn-warning.dropdown-toggle:hover {
  color: #ffa726;
}

.btn-pure.btn-warning.active .badge-pill, .btn-pure.btn-warning:active .badge-pill, .btn-pure.btn-warning:focus .badge-pill, .btn-pure.btn-warning:hover .badge-pill, .open > .btn-pure.btn-warning.dropdown-toggle .badge-pill {
  color: #ffa726;
}

.btn-pure.btn-danger {
  color: #f44336;
}

.btn-pure.btn-danger.active, .btn-pure.btn-danger:active, .btn-pure.btn-danger:focus, .btn-pure.btn-danger:hover, .open > .btn-pure.btn-danger.dropdown-toggle {
  color: #ef5350;
}

.btn-pure.btn-danger.active.focus, .btn-pure.btn-danger.active:focus, .btn-pure.btn-danger.active:hover, .btn-pure.btn-danger:active.focus, .btn-pure.btn-danger:active:focus, .btn-pure.btn-danger:active:hover, .btn-pure.btn-danger:focus.focus, .btn-pure.btn-danger:focus:focus, .btn-pure.btn-danger:focus:hover, .btn-pure.btn-danger:hover.focus, .btn-pure.btn-danger:hover:focus, .btn-pure.btn-danger:hover:hover, .open > .btn-pure.btn-danger.dropdown-toggle.focus, .open > .btn-pure.btn-danger.dropdown-toggle:focus, .open > .btn-pure.btn-danger.dropdown-toggle:hover {
  color: #ef5350;
}

.btn-pure.btn-danger.active .badge-pill, .btn-pure.btn-danger:active .badge-pill, .btn-pure.btn-danger:focus .badge-pill, .btn-pure.btn-danger:hover .badge-pill, .open > .btn-pure.btn-danger.dropdown-toggle .badge-pill {
  color: #ef5350;
}

.btn-pure.btn-dark {
  color: #616161;
}

.btn-pure.btn-dark.active, .btn-pure.btn-dark:active, .btn-pure.btn-dark:focus, .btn-pure.btn-dark:hover, .open > .btn-pure.btn-dark.dropdown-toggle {
  color: #252525;
}

.btn-pure.btn-dark.active.focus, .btn-pure.btn-dark.active:focus, .btn-pure.btn-dark.active:hover, .btn-pure.btn-dark:active.focus, .btn-pure.btn-dark:active:focus, .btn-pure.btn-dark:active:hover, .btn-pure.btn-dark:focus.focus, .btn-pure.btn-dark:focus:focus, .btn-pure.btn-dark:focus:hover, .btn-pure.btn-dark:hover.focus, .btn-pure.btn-dark:hover:focus, .btn-pure.btn-dark:hover:hover, .open > .btn-pure.btn-dark.dropdown-toggle.focus, .open > .btn-pure.btn-dark.dropdown-toggle:focus, .open > .btn-pure.btn-dark.dropdown-toggle:hover {
  color: #252525;
}

.btn-pure.btn-dark.active .badge-pill, .btn-pure.btn-dark:active .badge-pill, .btn-pure.btn-dark:focus .badge-pill, .btn-pure.btn-dark:hover .badge-pill, .open > .btn-pure.btn-dark.dropdown-toggle .badge-pill {
  color: #252525;
}

.btn-pure.btn-inverse {
  color: #fff;
}

.btn-pure.btn-inverse.active, .btn-pure.btn-inverse:active, .btn-pure.btn-inverse:focus, .btn-pure.btn-inverse:hover, .open > .btn-pure.btn-inverse.dropdown-toggle {
  color: #fff;
}

.btn-pure.btn-inverse.active.focus, .btn-pure.btn-inverse.active:focus, .btn-pure.btn-inverse.active:hover, .btn-pure.btn-inverse:active.focus, .btn-pure.btn-inverse:active:focus, .btn-pure.btn-inverse:active:hover, .btn-pure.btn-inverse:focus.focus, .btn-pure.btn-inverse:focus:focus, .btn-pure.btn-inverse:focus:hover, .btn-pure.btn-inverse:hover.focus, .btn-pure.btn-inverse:hover:focus, .btn-pure.btn-inverse:hover:hover, .open > .btn-pure.btn-inverse.dropdown-toggle.focus, .open > .btn-pure.btn-inverse.dropdown-toggle:focus, .open > .btn-pure.btn-inverse.dropdown-toggle:hover {
  color: #fff;
}

.btn-pure.btn-inverse.active .badge-pill, .btn-pure.btn-inverse:active .badge-pill, .btn-pure.btn-inverse:focus .badge-pill, .btn-pure.btn-inverse:hover .badge-pill, .open > .btn-pure.btn-inverse.dropdown-toggle .badge-pill {
  color: #fff;
}

.dropdown-toggle:after {
  margin-right: 0;
  margin-left: 0.3em;
}

.btn-group-xs > .dropdown-toggle.btn:after, .dropdown-toggle.btn-xs:after {
  margin-left: 0;
}

.dropdown-item {
  width: calc(100% - 10px);
  margin: 2px 5px;
  padding: 0.429rem 0.929rem;
  transition: background-color 0.25s;
  border-radius: 0.215rem;
}

.dropdown-item .icon:first-child {
  width: 1em;
  margin-right: 0.5em;
  text-align: center;
}

.dropdown-divider {
  margin: 6px 0;
}

.dropdown-menu {
  transition: 0.25s;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.dropdown-menu.dropdown-menu-bullet {
  margin-top: 12px;
}

.dropdown-menu.dropdown-menu-bullet:after, .dropdown-menu.dropdown-menu-bullet:before {
  position: absolute;
  left: 10px;
  display: inline-block;
  width: 0;
  height: 0;
  content: "";
  border: 7px solid transparent;
  border-top-width: 0;
}

.dropdown-menu.dropdown-menu-bullet:before {
  top: -7px;
  border-bottom-color: #e0e0e0;
}

.dropdown-menu.dropdown-menu-bullet:after {
  top: -6px;
  border-bottom-color: #fff;
}

.dropdown-menu-right.dropdown-menu-bullet:after, .dropdown-menu-right.dropdown-menu-bullet:before {
  right: 10px;
  left: auto;
}

.dropdown-menu.animate {
  overflow: hidden;
}

.dropdown-menu.animate > .dropdown-item {
  animation: slide-left 0.5s both;
}

.dropdown-menu.animate > .dropdown-item:nth-child(1) {
  animation: animation-delay(0.02s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(2) {
  animation: animation-delay(0.04s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(3) {
  animation: animation-delay(0.06s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(4) {
  animation: animation-delay(0.08s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(5) {
  animation: animation-delay(0.1s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(6) {
  animation: animation-delay(0.12s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(7) {
  animation: animation-delay(0.14s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(8) {
  animation: animation-delay(0.16s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(9) {
  animation: animation-delay(0.18s);
}

.dropdown-menu.animate > .dropdown-item:nth-child(10) {
  animation: animation-delay(0.2s);
}

.dropdown-menu.animate > .dropdown-item.dropdown-divider {
  animation-name: none;
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(1) {
  animation: animation-delay(0.02s);
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(2) {
  animation: animation-delay(0.04s);
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(3) {
  animation: animation-delay(0.06s);
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(4) {
  animation: animation-delay(0.08s);
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(5) {
  animation: animation-delay(0.1s);
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(6) {
  animation: animation-delay(0.12s);
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(7) {
  animation: animation-delay(0.14s);
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(8) {
  animation: animation-delay(0.16s);
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(9) {
  animation: animation-delay(0.18s);
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(10) {
  animation: animation-delay(0.2s);
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  margin-bottom: 6px;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
}

.dropup .dropdown-menu.dropdown-menu-bullet, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet {
  margin-bottom: 12px;
}

.dropup .dropdown-menu.dropdown-menu-bullet:after, .dropup .dropdown-menu.dropdown-menu-bullet:before, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before {
  top: auto;
  border-top-width: 7px;
  border-bottom-width: 0;
}

.dropup .dropdown-menu.dropdown-menu-bullet:before, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before {
  bottom: -7px;
  border-top-color: #e0e0e0;
}

.dropup .dropdown-menu.dropdown-menu-bullet:after, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after {
  bottom: -6px;
  border-top-color: #fff;
}

.dropdown-menu > .dropdown-header {
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  font-weight: 500;
  padding: 8px 13px 6px;
  cursor: default;
  text-transform: uppercase;
}

.dropdown-menu > .dropdown-submenu {
  position: relative;
}

.dropdown-menu > .dropdown-submenu > .dropdown-item {
  position: relative;
}

.dropdown-menu > .dropdown-submenu > .dropdown-item:after {
  position: absolute;
  right: 10px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: 6px;
  content: "";
  vertical-align: middle;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;
}

.dropdown-menu > .dropdown-submenu .dropdown-menu {
  left: 100%;
  margin: 0;
}

.dropdown-menu > .dropdown-submenu.dropdown-menu-left .dropdown-menu {
  left: -100%;
}

.dropdown-menu > .dropdown-submenu:hover .dropdown-menu {
  display: block;
}

.dropdown .dropdown-submenu .dropdown-menu {
  top: 0;
}

.dropup .dropdown-submenu .dropdown-menu {
  bottom: 0;
}

.dropdown-menu-media {
  width: 360px;
  padding-top: 0;
  padding-bottom: 0;
}

.dropdown-menu-media > li {
  margin: 0;
  padding: 0;
}

.dropdown-menu-media .dropdown-menu-header {
  position: relative;
  padding: 20px 20px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
}

.dropdown-menu-media .dropdown-menu-header > h3, .dropdown-menu-media .dropdown-menu-header > h4, .dropdown-menu-media .dropdown-menu-header > h5 {
  margin: 0;
}

.dropdown-menu-media .dropdown-menu-header .badge {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.dropdown-menu-media .list-group {
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  max-height: 270px;
  margin: 0;
  border-radius: 0;
}

.dropdown-menu-media .list-group-item {
  margin: 0;
  padding: 0 20px;
  border: none;
  border-radius: 0 !important;
}

.dropdown-menu-media .list-group-item .media {
  padding: 15px 0;
  border-top: 1px solid #e0e0e0;
}

.dropdown-menu-media .list-group-item:first-child .media {
  border-top: none;
}

.dropdown-menu-media > .dropdown-menu-footer {
  border-top: 1px solid #e0e0e0;
  background-color: #eee;
}

.dropdown-menu-media > .dropdown-menu-footer > a {
  margin: 0;
  padding: 15px 20px !important;
  color: #9e9e9e !important;
}

.dropdown-menu-media > .dropdown-menu-footer > a:hover {
  color: #3f51b5 !important;
  background-color: transparent !important;
}

.dropdown-menu-media > .dropdown-menu-footer > .dropdown-menu-footer-btn {
  position: absolute;
  right: 0;
}

.dropdown-menu-media > .dropdown-menu-footer > .dropdown-menu-footer-btn:hover {
  color: #3f51b5 !important;
  background-color: transparent !important;
}

.dropdown-menu-primary .dropdown-iten.active, .dropdown-menu-primary .dropdown-iten.active:focus, .dropdown-menu-primary .dropdown-iten.active:hover {
  color: #fff;
  background-color: #3f51b5;
}

.dropdown-menu-success .dropdown-iten.active, .dropdown-menu-success .dropdown-iten.active:focus, .dropdown-menu-success .dropdown-iten.active:hover {
  color: #fff;
  background-color: #4caf50;
}

.dropdown-menu-info .dropdown-iten.active, .dropdown-menu-info .dropdown-iten.active:focus, .dropdown-menu-info .dropdown-iten.active:hover {
  color: #fff;
  background-color: #00bcd4;
}

.dropdown-menu-warning .dropdown-iten.active, .dropdown-menu-warning .dropdown-iten.active:focus, .dropdown-menu-warning .dropdown-iten.active:hover {
  color: #fff;
  background-color: #ff9800;
}

.dropdown-menu-danger .dropdown-iten.active, .dropdown-menu-danger .dropdown-iten.active:focus, .dropdown-menu-danger .dropdown-iten.active:hover {
  color: #fff;
  background-color: #f44336;
}

.dropdown-menu-dark .dropdown-iten.active, .dropdown-menu-dark .dropdown-iten.active:focus, .dropdown-menu-dark .dropdown-iten.active:hover {
  color: #fff;
  background-color: #616161;
}

.btn-group .dropdown-menu > li > a {
  padding: 6px 40px 6px 15px;
}

.btn-group .dropdown-menu > li > a .badge {
  position: absolute;
  right: 15px;
  margin-top: 2px;
}

.btn-group .btn-group, .btn-group .btn-group-vertical, .btn-group-vertical .btn-group, .btn-group-vertical .btn-group-vertical, .btn-group-vertical > .btn, .btn-group > .btn {
  box-shadow: none;
}

.btn-group-flat {
  box-shadow: none;
}

.btn-group .btn ~ .dropdown-toggle {
  margin-left: -1px;
  padding-right: 0.8em;
  padding-left: 0.8em;
}

.btn-group .btn ~ .dropdown-toggle:after {
  margin-left: 0;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
}

.btn-group:focus .dropdown-toggle {
  transition: 0.25s;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

.input-group-addon {
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
}

.input-group-btn .btn {
  padding: 6px 10px;
  box-shadow: none;
}

.input-group-btn .btn > .icon {
  line-height: inherit;
  vertical-align: bottom;
}

.input-group-btn .btn ~ .dropdown-toggle:after {
  margin-left: 0;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
  z-index: 1;
}

.input-group-lg .input-group-addon, .input-group-lg .input-group-btn {
  line-height: 1.333333;
}

.input-group-sm .input-group-addon, .input-group-sm .input-group-btn {
  line-height: 1.5;
}

.form-icons .form-control-icon {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.form-icons .form-control-icon + .form-control {
  padding-left: 30px;
  border-top-left-radius: 0.215rem;
  border-bottom-left-radius: 0.215rem;
}

.form-icons .round-input-control .form-control {
  border-radius: 200px;
}

.form-icons .large-icon .form-control {
  height: 3.2rem !important;
}

.form-icons .small-icon .form-control {
  height: 2.2rem !important;
}

.form-icons .form-control-icon-right {
  right: 10px;
  left: auto;
}

.form-icons .form-control-icon-right + .form-control {
  padding-right: 30px;
  padding-left: 1.072rem;
}

.nav-link {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0.715rem 1.072rem;
}

.nav-link:focus {
  outline: 0;
}

.nav-link:focus, .nav-link:hover {
  background-color: #eee;
}

.nav-link.disabled:focus, .nav-link.disabled:hover {
  background-color: transparent;
}

.nav-link .close {
  display: inline-block;
  margin-left: 10px;
}

.nav-quick {
  margin-right: 0;
  margin-bottom: 22px;
  margin-left: 0;
  padding: 0;
  border-radius: 0.215rem;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.nav-quick .nav-item {
  position: relative;
  display: block;
  padding: 0;
  list-style: none;
  text-align: center;
}

.nav-quick .nav-link {
  padding: 1.143rem 0;
  color: #252525;
}

.nav-quick .nav-link .icon {
  font-size: calc(var(--edc-fs-display) * 32.004 / 24);
  display: block;
  margin-bottom: 0.2rem;
}

.nav-quick .nav-link:hover {
  text-decoration: none;
  background-color: #eee;
}

.nav-quick .badge, .nav-quick .badge-pill {
  position: absolute;
  top: 0;
  right: 0;
}

.nav-quick-sm .nav-link {
  padding: 0.858rem 0;
}

.nav-quick-sm .nav-link .icon {
  font-size: calc(var(--edc-fs-display) * 24.003 / 24);
}

.nav-quick-lg .nav-link {
  padding: 1.572rem 0;
}

.nav-quick-lg .nav-link .icon {
  font-size: calc(var(--edc-fs-display) * 40.005 / 24);
}

.nav-quick-bordered {
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}

.nav-quick-bordered .nav-item {
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.nav-tabs .nav-link {
  transition: 0.25s;
  color: #252525;
}

.nav-tabs .nav-link > .icon {
  line-height: 1;
  margin-right: 0.5em;
}

.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item.show .nav-link:focus, .nav-tabs .nav-item.show .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
  color: #fff;
  border-color: transparent;
  border-bottom-color: #3f51b5;
  background-color: #3f51b5;
}

.nav-tabs .dropup .dropdown-menu {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.nav-pills .nav-link {
  transition: border 0.2s linear 0s, color 0.2s linear 0s, background-color 0.2s linear 0s;
}

.nav-pills-rounded .nav-link {
  margin-right: 5px;
  margin-left: 5px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 1000px;
}

.nav-tabs.nav-tabs-bottom {
  border-top: 1px solid #e0e0e0;
  border-bottom: none;
}

.nav-tabs.nav-tabs-bottom .nav-item {
  margin-top: -1px;
  margin-bottom: 0;
}

.nav-tabs.nav-tabs-bottom .nav-link {
  border-radius: 0 0 0.286rem 0.286rem;
}

.nav-tabs.nav-tabs-bottom .nav-link:focus, .nav-tabs.nav-tabs-bottom .nav-link:hover {
  border-top-color: #e0e0e0;
  border-bottom-color: transparent;
}

.nav-tabs-reverse .nav-item {
  float: right;
}

.nav-tabs-reverse .nav-item + .nav-item {
  margin-right: 2px;
  margin-left: 0;
}

.nav-tabs-solid {
  border-bottom-color: #eee;
}

.nav-tabs-solid .nav-link:hover {
  border-color: transparent;
}

.nav-tabs-solid .nav-item.open .nav-link, .nav-tabs-solid .nav-item.open .nav-link:focus, .nav-tabs-solid .nav-item.open .nav-link:hover, .nav-tabs-solid .nav-item.show .nav-link, .nav-tabs-solid .nav-item.show .nav-link:focus, .nav-tabs-solid .nav-item.show .nav-link:hover, .nav-tabs-solid .nav-link.active, .nav-tabs-solid .nav-link.active:focus, .nav-tabs-solid .nav-link.active:hover {
  color: #252525;
  border-color: transparent;
  background-color: #eee;
}

.nav-tabs-solid ~ .tab-content {
  padding: 1.429rem;
  background-color: #eee;
}

.nav-tabs-solid.nav-tabs-bottom .nav-link.active, .nav-tabs-solid.nav-tabs-bottom .nav-link.active:focus, .nav-tabs-solid.nav-tabs-bottom .nav-link.active:hover {
  border: none;
}

.nav-tabs-line {
  position: relative;
}

.nav-tabs-line .nav-link {
  padding: 0.715rem 1.429rem;
  border-bottom: 2px solid transparent;
}

.nav-tabs-line .nav-link:focus, .nav-tabs-line .nav-link:hover {
  background-color: transparent;
}

.nav-tabs-line .nav-link:hover {
  border-bottom-color: #bdbdbd;
}

.nav-tabs-line .nav-item.open .nav-link, .nav-tabs-line .nav-item.open .nav-link:focus, .nav-tabs-line .nav-item.open .nav-link:hover, .nav-tabs-line .nav-item.show .nav-link, .nav-tabs-line .nav-item.show .nav-link:focus, .nav-tabs-line .nav-item.show .nav-link:hover, .nav-tabs-line .nav-link.active, .nav-tabs-line .nav-link.active:focus, .nav-tabs-line .nav-link.active:hover {
  color: #3f51b5;
  border-bottom: 2px solid #3f51b5;
  background-color: transparent;
}

.nav-tabs-line .dropdown-menu {
  margin-top: 0;
}

.nav-tabs-line .dropup .dropdown-menu {
  margin-bottom: 0;
}

.nav-tabs-line .nav-item.open > .nav-link, .nav-tabs-line .nav-item.open > .nav-link:focus, .nav-tabs-line .nav-item.open > .nav-link:hover, .nav-tabs-line .nav-item.show > .nav-link, .nav-tabs-line .nav-item.show > .nav-link:focus, .nav-tabs-line .nav-item.show > .nav-link:hover {
  border-bottom-color: #3f51b5;
}

.nav-tabs-line > .nav-tabs-autoline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  transition-property: left, width;
  background-color: #3f51b5;
}

.nav-tabs-line.nav-tabs-bottom .nav-link {
  border-top: 2px solid transparent;
  border-bottom: none;
}

.nav-tabs-line.nav-tabs-bottom .nav-link:hover {
  border-top-color: #bdbdbd;
  border-bottom-color: transparent;
}

.nav-tabs-line.nav-tabs-bottom .nav-item.open .nav-link, .nav-tabs-line.nav-tabs-bottom .nav-item.open .nav-link:focus, .nav-tabs-line.nav-tabs-bottom .nav-item.open .nav-link:hover, .nav-tabs-line.nav-tabs-bottom .nav-item.show .nav-link, .nav-tabs-line.nav-tabs-bottom .nav-item.show .nav-link:focus, .nav-tabs-line.nav-tabs-bottom .nav-item.show .nav-link:hover, .nav-tabs-line.nav-tabs-bottom .nav-link.active, .nav-tabs-line.nav-tabs-bottom .nav-link.active:focus, .nav-tabs-line.nav-tabs-bottom .nav-link.active:hover {
  border-top: 2px solid #3f51b5;
  border-bottom: none;
}

.nav-tabs-line.nav-tabs-bottom .nav-item.open > .nav-link, .nav-tabs-line.nav-tabs-bottom .nav-item.open > .nav-link:focus, .nav-tabs-line.nav-tabs-bottom .nav-item.open > .nav-link:hover, .nav-tabs-line.nav-tabs-bottom .nav-item.show > .nav-link, .nav-tabs-line.nav-tabs-bottom .nav-item.show > .nav-link:focus, .nav-tabs-line.nav-tabs-bottom .nav-item.show > .nav-link:hover {
  border-top-color: #3f51b5;
}

.nav-tabs-line.nav-tabs-bottom > .nav-tabs-autoline {
  top: 0;
  bottom: auto;
}

.tabs-line-top {
  border-bottom: 1px solid #e0e0e0;
}

.tabs-line-top .nav-item .nav-link, .tabs-line-top .nav-link {
  bottom: -1px;
  border-top: 2px solid transparent;
  border-bottom-color: transparent;
}

.tabs-line-top .nav-item .nav-link:hover, .tabs-line-top .nav-link:hover {
  border-top: 2px solid #bdbdbd;
  border-bottom-color: transparent;
}

.tabs-line-top .nav-item.open .nav-link, .tabs-line-top .nav-item.open .nav-link:focus, .tabs-line-top .nav-item.open .nav-link:hover, .tabs-line-top .nav-item.show .nav-link, .tabs-line-top .nav-item.show .nav-link:focus, .tabs-line-top .nav-item.show .nav-link:hover, .tabs-line-top .nav-link.active, .tabs-line-top .nav-link.active:focus, .tabs-line-top .nav-link.active:hover {
  color: #3f51b5;
  border-top: 2px solid #3f51b5;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #e0e0e0;
  background-color: transparent;
}

.nav-tabs-vertical::after {
  display: block;
  clear: both;
  content: "";
}

.nav-tabs-vertical .nav-tabs {
  float: left;
  flex-direction: column;
  border-right: 1px solid #e0e0e0;
  border-bottom: none;
}

.nav-tabs-vertical .nav-tabs .nav-item {
  float: none;
  margin-right: -1px;
  margin-bottom: 2px;
  margin-left: 0;
}

.nav-tabs-vertical .nav-tabs .nav-link {
  border-radius: 0.286rem 0 0 0.286rem;
}

.nav-tabs-vertical .nav-tabs .nav-link:hover {
  border-right-color: #e0e0e0;
  border-bottom-color: transparent;
}

.nav-tabs-vertical .nav-tabs .nav-link.active, .nav-tabs-vertical .nav-tabs .nav-link.active:focus, .nav-tabs-vertical .nav-tabs .nav-link.active:hover {
  border-right-color: #3f51b5;
  border-bottom-color: transparent;
}

.nav-tabs-vertical .nav-tabs-reverse {
  float: right;
  border-right: none;
  border-left: 1px solid #e0e0e0;
}

.nav-tabs-vertical .nav-tabs-reverse .nav-item {
  margin-right: 0;
  margin-left: -1px;
}

.nav-tabs-vertical .nav-tabs-reverse .nav-link {
  border-radius: 0 0.286rem 0.286rem 0;
}

.nav-tabs-vertical .nav-tabs-reverse .nav-link:hover {
  border-right-color: transparent;
  border-left-color: #e0e0e0;
}

.nav-tabs-vertical .nav-tabs-reverse .nav-link.active, .nav-tabs-vertical .nav-tabs-reverse .nav-link.active:focus, .nav-tabs-vertical .nav-tabs-reverse .nav-link.active:hover {
  border-right-color: transparent;
  border-left-color: #3f51b5;
}

.nav-tabs-vertical .nav-tabs-solid {
  border-right-color: #eee;
}

.nav-tabs-vertical .nav-tabs-solid .nav-link:hover {
  border-color: transparent;
}

.nav-tabs-vertical .nav-tabs-solid .nav-link.active, .nav-tabs-vertical .nav-tabs-solid .nav-link.active:focus, .nav-tabs-vertical .nav-tabs-solid .nav-link.active:hover {
  border-color: transparent;
}

.nav-tabs-vertical .nav-tabs-solid + .tab-content {
  padding: 1.429rem;
}

.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse {
  border-left-color: #eee;
}

.nav-tabs-vertical .nav-tabs-line .nav-link {
  border-right: 2px solid transparent;
  border-bottom: none;
}

.nav-tabs-vertical .nav-tabs-line .nav-link:hover {
  border-right-color: #bdbdbd;
}

.nav-tabs-vertical .nav-tabs-line .nav-link.active, .nav-tabs-vertical .nav-tabs-line .nav-link.active:focus, .nav-tabs-vertical .nav-tabs-line .nav-link.active:hover {
  border-right: 2px solid #3f51b5;
  border-bottom: none;
}

.nav-tabs-vertical .nav-tabs-line > .nav-tabs-autoline {
  right: 0;
  left: auto;
  width: 2px;
  height: 0;
  transition-property: top, height;
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link {
  border-right-width: 1px;
  border-left: 2px solid transparent;
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link:hover {
  border-color: transparent;
  border-left-color: #bdbdbd;
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active, .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active:focus, .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active:hover {
  border-right: 1px solid transparent;
  border-left: 2px solid #3f51b5;
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse > .nav-tabs-autoline {
  right: auto;
  left: 0;
}

.nav-tabs-vertical .tab-content {
  overflow: hidden;
}

.nav-tabs-inverse .nav-link.active, .nav-tabs-inverse .nav-link.active:focus, .nav-tabs-inverse .nav-link.active:hover {
  border-color: transparent;
}

.nav-tabs-inverse .nav-tabs-solid {
  border-bottom-color: #fff;
}

.nav-tabs-inverse .nav-tabs-solid .nav-link.active, .nav-tabs-inverse .nav-tabs-solid .nav-link.active:focus, .nav-tabs-inverse .nav-tabs-solid .nav-link.active:hover {
  color: #252525;
  background-color: #fff;
}

.nav-tabs-inverse.nav-tabs-vertical .nav-link.active, .nav-tabs-inverse.nav-tabs-vertical .nav-link.active:focus, .nav-tabs-inverse.nav-tabs-vertical .nav-link.active:hover {
  border-color: transparent;
}

.nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid {
  border-right-color: #fff;
}

.nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse {
  border-left-color: #fff;
}

.nav-tabs-inverse .tab-content {
  background: #fff;
}

.nav-tabs-animate .tab-content {
  overflow: hidden;
}

.nav-tabs-lg .nav-link {
  font-size: calc(var(--edc-fs-title) * 18.004 / 18);
  line-height: 1.333333;
  padding: 0.858rem 1.429rem;
}

.nav-tabs-sm .nav-link {
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  line-height: 1.5;
  padding: 0.358rem 0.715rem;
}

.navbar::after {
  display: block;
  clear: both;
  content: "";
}

@media (min-width: 480px) {
  .navbar {
    border-radius: 0.215rem;
  }
}
.navbar-full {
  z-index: 1200;
}

@media (min-width: 480px) {
  .navbar-full {
    border-radius: 0;
  }
}
.navbar-fixed-bottom, .navbar-fixed-top {
  position: fixed;
  z-index: 1500;
  right: 0;
  left: 0;
}

@media (min-width: 480px) {
  .navbar-fixed-bottom, .navbar-fixed-top {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-bottom {
  bottom: 0;
}

.navbar-sticky-top {
  position: sticky;
  z-index: 1500;
  top: 0;
  width: 100%;
}

@media (min-width: 480px) {
  .navbar-sticky-top {
    border-radius: 0;
  }
}
.navbar {
  min-height: 4.715rem;
  padding: 0;
  border: none;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.navbar-nav {
  margin: 0.78575rem -1.0715rem;
}

.navbar-nav .nav-item {
  float: none;
}

.navbar-nav .nav-link {
  padding-top: 1.572rem;
  padding-bottom: 1.572rem;
}

.navbar-nav .nav-item .nav-link {
  line-height: 22px;
  padding-top: 0.715rem;
  padding-bottom: 0.715rem;
}

.navbar-nav .nav-item + .nav-item {
  margin-left: 0;
}

.navbar-nav > .nav-item > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu, .navbar-nav .show .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu .dropdown-item, .navbar-nav .show .dropdown-menu .dropdown-header, .navbar-nav .show .dropdown-menu .dropdown-item {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu .dropdown-item, .navbar-nav .show .dropdown-menu .dropdown-item {
    line-height: 22px;
  }
  .navbar-nav .open .dropdown-menu .dropdown-item:focus, .navbar-nav .open .dropdown-menu .dropdown-item:hover, .navbar-nav .show .dropdown-menu .dropdown-item:focus, .navbar-nav .show .dropdown-menu .dropdown-item:hover {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > .nav-item {
    float: left;
  }
  .navbar-nav > .nav-item > .nav-link {
    padding-top: 1.5715rem;
    padding-bottom: 1.5715rem;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -1.0715rem;
  }
}
.navbar-header::after {
  display: block;
  clear: both;
  content: "";
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.container-fluid .navbar-collapse, .container-fluid .navbar-header {
  margin-right: -1.0715rem;
  margin-left: -1.0715rem;
}

@media (min-width: 768px) {
  .container-fluid .navbar-collapse, .container-fluid .navbar-header {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-toggler {
  line-height: 22px;
  position: relative;
  float: right;
  height: 4.715rem;
  margin-top: 0;
  margin-right: 1.0715rem;
  margin-bottom: 0;
  padding: 1.5715rem 1.0715rem;
  cursor: pointer;
  transition: color 0.25s linear;
  border: 1px solid transparent;
  border-radius: 0.215rem;
  background: 0 0 !important;
  background-image: none;
}

.navbar-toggler:hover {
  background: 0 0 !important;
}

.navbar-toggler:focus {
  outline: 0;
}

.navbar-toggler .icon {
  margin-top: -1px;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 1.572rem;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 0.286rem;
}

@media (min-width: 768px) {
  .navbar-toggler {
    display: none;
  }
}
.navbar-toggler-left {
  float: left;
  margin-right: 0;
  margin-left: 1.0715rem;
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 1.0715rem;
  padding-left: 1.0715rem;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse::after {
  display: block;
  clear: both;
  content: "";
}

.navbar-collapse.in {
  overflow-y: visible;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    padding-bottom: 0;
  }
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-bottom, .navbar-fixed-top {
  width: 100%;
}

.hidden-float::after {
  display: block;
  clear: both;
  content: "";
}

@media (min-width: 768px) {
  .hidden-float {
    display: block;
  }
}
@media (max-width: 767px) {
  .hidden-float {
    display: none !important;
  }
}
.navbar-brand {
  font-size: calc(var(--edc-fs-title) * 18.004 / 18);
  font-weight: 500;
  line-height: 22px;
  float: left;
  height: 4.715rem;
  margin: 0;
  padding: 1.5715rem 1.429rem;
}

.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none;
}

.navbar-brand > img.navbar-brand-logo {
  display: inline-block;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -1.0715rem;
  }
}
.navbar-brand-logo {
  display: inline-block;
  height: 2.286rem;
  margin-top: -0.357rem;
}

.navbar-brand-text {
  margin-left: 0.429rem;
}

@media (max-width: 767px) {
  .navbar-brand-center {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media (min-width: 480px) {
  .navbar-mega .container, .navbar-mega .container-fluid {
    position: relative;
  }
}
@media (max-width: 767px) {
  .navbar-mega .container, .navbar-mega .container-fluid {
    position: static;
  }
}
.navbar-mega .dropdown-menu {
  left: auto;
}

.navbar-mega .dropdown-mega {
  position: static;
}

.navbar-mega .mega-content {
  padding: 1.429rem 2.143rem;
}

.navbar-mega .mega-menu {
  min-width: 10.715rem;
  max-width: 100%;
}

.navbar-mega .mega-menu > ul {
  padding-left: 0;
}

.navbar-mega .mega-menu .list-icons {
  margin-bottom: 0.429rem;
}

.navbar-mega .dropdown.dropdown-fw .dropdown-menu {
  right: 5px;
  left: 5px;
}

@media (max-width: 767px) {
  .navbar-mega .dropdown.dropdown-fw .dropdown-menu {
    right: 0;
    left: 0;
  }
}
.navbar-form {
  margin-top: 1.071rem;
  margin-right: -1.0715rem;
  margin-bottom: 1.071rem;
  margin-left: -1.0715rem;
  padding: 0.715rem 1.0715rem;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 0.358rem;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    margin-right: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -1.0715rem;
  }
}
.navbar-form .icon {
  font-size: calc(var(--edc-fs-heading) * 16.002 / 16);
  color: rgba(66, 66, 66, 0.4);
}

.navbar-form .form-control {
  border: none;
  border-radius: 38px;
  background-color: #eee;
}

@media (min-width: 768px) {
  .navbar-search.collapse {
    display: block !important;
    visibility: visible !important;
    overflow: visible !important;
    height: auto !important;
  }
}
@media (max-width: 767px) {
  .navbar-search {
    padding-right: 1.0715rem;
    padding-left: 1.0715rem;
  }
}
@media (max-width: 767px) {
  .navbar-search .navbar-form {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
.container-fluid > .navbar-search, .container > .navbar-search {
  margin-right: -1.0715rem;
  margin-left: -1.0715rem;
}

@media (min-width: 768px) {
  .container-fluid > .navbar-search, .container > .navbar-search {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-search-overlap {
  position: absolute !important;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  background-color: #fff;
}

.navbar-search-overlap .form-control, .navbar-search-overlap .form-group {
  display: block !important;
  margin: 0;
}

.navbar-search-overlap .form-control {
  height: 4.715rem !important;
  border-radius: 0;
  background-color: transparent !important;
}

.navbar-search-overlap .form-control:focus {
  border-color: transparent;
}

.navbar-toolbar {
  float: left;
}

.navbar-toolbar::after {
  display: block;
  clear: both;
  content: "";
}

.navbar-toolbar .nav-item {
  float: left;
}

.navbar-toolbar .nav-item::after {
  display: block;
  clear: both;
  content: "";
}

.navbar-toolbar .nav-link {
  line-height: 22px;
  padding-top: 1.5715rem;
  padding-bottom: 1.5715rem;
}

.navbar-toolbar .dropdown-menu {
  transform-origin: 100% 0;
  animation-duration: 0.3s;
}

@media (max-width: 767px) {
  .navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 28.572rem;
    transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767px) and (max-device-width: 480px) and (orientation: landscape) {
  .navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) {
    max-height: 14.286rem;
  }
}
@media (max-width: 767px) {
  .navbar-toolbar .open, .navbar-toolbar .show {
    position: static;
  }
  .navbar-toolbar .open .dropdown-menu, .navbar-toolbar .show .dropdown-menu {
    right: 0;
    left: 0;
    float: none;
    width: auto;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 767px) {
  .navbar-toolbar-left {
    float: left !important;
  }
  .navbar-toolbar-right {
    float: right !important;
  }
}
.navbar-nav .nav-link.navbar-avatar, .navbar-toolbar .nav-link.navbar-avatar {
  padding-top: 1.286rem;
  padding-bottom: 1.286rem;
}

@media (max-width: 767px) {
  .navbar-nav .nav-link.navbar-avatar {
    padding-top: 0.429rem;
    padding-bottom: 0.429rem;
  }
}
.navbar-avatar .avatar {
  width: 2.143rem;
}

.icon-fullscreen {
  font-family: "Material-Design-Iconic-Font";
}

.icon-fullscreen:before {
  content: "\f16d";
}

.icon-fullscreen.active:before {
  content: "\f16c";
}

.icon-menubar {
  font-family: "Material-Design-Iconic-Font";
}

.icon-menubar:before {
  content: "\f197";
}

.icon-menubar.active:before {
  content: "\f197";
}

.navbar-btn {
  margin-top: 1.071rem;
  margin-bottom: 1.071rem;
}

.navbar-btn.btn-sm {
  margin-top: 1.2135rem;
  margin-bottom: 1.2135rem;
}

.btn-group-xs > .navbar-btn.btn, .navbar-btn.btn-xs {
  margin-top: 1.5715rem;
  margin-bottom: 1.5715rem;
}

.navbar-text {
  margin-top: 1.5715rem;
  margin-bottom: 1.5715rem;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 1.0715rem;
    margin-left: 1.0715rem;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left;
  }
  .navbar-right {
    float: right;
    margin-right: -1.0715rem;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
}
.navbar-default {
  border-color: #e0e0e0;
  background-color: #fff;
}

.navbar-default .navbar-brand {
  color: #424242;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
  color: #424242;
  background-color: none;
}

.navbar-default .navbar-text {
  color: #252525;
}

.navbar-default .navbar-nav .nav-link {
  color: #252525;
}

.navbar-default .navbar-nav .nav-link:focus, .navbar-default .navbar-nav .nav-link:hover {
  color: #616161;
  background-color: rgba(238, 238, 238, 0.3);
}

.navbar-default .navbar-nav .nav-link.active, .navbar-default .navbar-nav .nav-link.active:focus, .navbar-default .navbar-nav .nav-link.active:hover, .navbar-default .navbar-nav > .active > .nav-link, .navbar-default .navbar-nav > .active > .nav-link:focus, .navbar-default .navbar-nav > .active > .nav-link:hover {
  color: #616161;
  background-color: rgba(238, 238, 238, 0.6);
}

.navbar-default .navbar-nav .nav-link.disabled, .navbar-default .navbar-nav .nav-link.disabled:focus, .navbar-default .navbar-nav .nav-link.disabled:hover, .navbar-default .navbar-nav > .disabled > .nav-link, .navbar-default .navbar-nav > .disabled > .nav-link:focus, .navbar-default .navbar-nav > .disabled > .nav-link:hover {
  color: #bdbdbd;
  background-color: transparent;
}

.navbar-default .navbar-toggler {
  border-color: transparent;
}

.navbar-default .navbar-toggler:focus, .navbar-default .navbar-toggler:hover {
  background-color: rgba(238, 238, 238, 0.3);
}

.navbar-default .navbar-toggler .icon-bar {
  background-color: #252525;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e0e0e0;
}

.navbar-default .navbar-nav > .open > .nav-link, .navbar-default .navbar-nav > .open > .nav-link:focus, .navbar-default .navbar-nav > .open > .nav-link:hover, .navbar-default .navbar-nav > .show > .nav-link, .navbar-default .navbar-nav > .show > .nav-link:focus, .navbar-default .navbar-nav > .show > .nav-link:hover {
  color: #616161;
  background-color: rgba(238, 238, 238, 0.6);
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item, .navbar-default .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #252525;
  }
  .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:focus, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:hover, .navbar-default .navbar-nav .show .dropdown-menu .dropdown-item:focus, .navbar-default .navbar-nav .show .dropdown-menu .dropdown-item:hover {
    color: #616161;
    background-color: rgba(238, 238, 238, 0.3);
  }
  .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active:focus, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active:hover, .navbar-default .navbar-nav .show .dropdown-menu .dropdown-item.active, .navbar-default .navbar-nav .show .dropdown-menu .dropdown-item.active:focus, .navbar-default .navbar-nav .show .dropdown-menu .dropdown-item.active:hover {
    color: #616161;
    background-color: rgba(238, 238, 238, 0.6);
  }
  .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled:focus, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled:hover, .navbar-default .navbar-nav .show .dropdown-menu .dropdown-item.disabled, .navbar-default .navbar-nav .show .dropdown-menu .dropdown-item.disabled:focus, .navbar-default .navbar-nav .show .dropdown-menu .dropdown-item.disabled:hover {
    color: #bdbdbd;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #252525;
}

.navbar-default .navbar-link:hover {
  color: #616161;
}

.navbar-default .navbar-toolbar .nav-link {
  display: block;
  color: #252525;
}

.navbar-default .navbar-toolbar .nav-link:focus, .navbar-default .navbar-toolbar .nav-link:hover {
  color: #616161;
  background-color: rgba(238, 238, 238, 0.3);
}

.navbar-default .navbar-toolbar .nav-link.active, .navbar-default .navbar-toolbar .nav-link.active:focus, .navbar-default .navbar-toolbar .nav-link.active:hover, .navbar-default .navbar-toolbar > .active > .nav-link, .navbar-default .navbar-toolbar > .active > .nav-link:focus, .navbar-default .navbar-toolbar > .active > .nav-link:hover {
  color: #616161;
  background-color: rgba(238, 238, 238, 0.6);
}

.navbar-default .navbar-toolbar .nav-link.disabled, .navbar-default .navbar-toolbar .nav-link.disabled:focus, .navbar-default .navbar-toolbar .nav-link.disabled:hover, .navbar-default .navbar-toolbar > .disabled > .nav-link, .navbar-default .navbar-toolbar > .disabled > .nav-link:focus, .navbar-default .navbar-toolbar > .disabled > .nav-link:hover {
  color: #bdbdbd;
  background-color: transparent;
}

.navbar-default .navbar-toggler {
  color: #252525;
}

.navbar-default .navbar-toolbar > .open > .nav-link, .navbar-default .navbar-toolbar > .open > .nav-link:focus, .navbar-default .navbar-toolbar > .open > .nav-link:hover, .navbar-default .navbar-toolbar > .show > .nav-link, .navbar-default .navbar-toolbar > .show > .nav-link:focus, .navbar-default .navbar-toolbar > .show > .nav-link:hover {
  color: #616161;
  background-color: rgba(238, 238, 238, 0.6);
}

.navbar-inverse {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #3f51b5;
}

.navbar-inverse .navbar-brand {
  color: #fff;
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: none;
}

.navbar-inverse .navbar-text {
  color: #fff;
}

.navbar-inverse .navbar-nav .nav-link {
  color: #fff;
}

.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}

.navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.active:focus, .navbar-inverse .navbar-nav .nav-link.active:hover, .navbar-inverse .navbar-nav > .active > .nav-link, .navbar-inverse .navbar-nav > .active > .nav-link:focus, .navbar-inverse .navbar-nav > .active > .nav-link:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}

.navbar-inverse .navbar-nav .nav-link.disabled, .navbar-inverse .navbar-nav .nav-link.disabled:focus, .navbar-inverse .navbar-nav .nav-link.disabled:hover, .navbar-inverse .navbar-nav > .disabled > .nav-link, .navbar-inverse .navbar-nav > .disabled > .nav-link:focus, .navbar-inverse .navbar-nav > .disabled > .nav-link:hover {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-toggler {
  color: #fff;
  border-color: transparent;
}

.navbar-inverse .navbar-toggler:focus, .navbar-inverse .navbar-toggler:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.navbar-inverse .navbar-toggler .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #36459b;
}

.navbar-inverse .navbar-nav > .open > .nav-link, .navbar-inverse .navbar-nav > .open > .nav-link:focus, .navbar-inverse .navbar-nav > .open > .nav-link:hover, .navbar-inverse .navbar-nav > .show > .nav-link, .navbar-inverse .navbar-nav > .show > .nav-link:focus, .navbar-inverse .navbar-nav > .show > .nav-link:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header, .navbar-inverse .navbar-nav .show .dropdown-menu > .dropdown-header {
    border-color: rgba(0, 0, 0, 0.1);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-divider, .navbar-inverse .navbar-nav .show .dropdown-menu .dropdown-divider {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item, .navbar-inverse .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #fff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item:focus, .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item:hover, .navbar-inverse .navbar-nav .show .dropdown-menu .dropdown-item:focus, .navbar-inverse .navbar-nav .show .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.active, .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.active:focus, .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.active:hover, .navbar-inverse .navbar-nav .show .dropdown-menu .dropdown-item.active, .navbar-inverse .navbar-nav .show .dropdown-menu .dropdown-item.active:focus, .navbar-inverse .navbar-nav .show .dropdown-menu .dropdown-item.active:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.disabled, .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.disabled:focus, .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.disabled:hover, .navbar-inverse .navbar-nav .show .dropdown-menu .dropdown-item.disabled, .navbar-inverse .navbar-nav .show .dropdown-menu .dropdown-item.disabled:focus, .navbar-inverse .navbar-nav .show .dropdown-menu .dropdown-item.disabled:hover {
    color: #fff;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #fff;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .navbar-toolbar .nav-link {
  color: #fff;
}

.navbar-inverse .navbar-toolbar .nav-link:focus, .navbar-inverse .navbar-toolbar .nav-link:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}

.navbar-inverse .navbar-toolbar .nav-link.active, .navbar-inverse .navbar-toolbar .nav-link.active:focus, .navbar-inverse .navbar-toolbar .nav-link.active:hover, .navbar-inverse .navbar-toolbar > .active > .nav-link, .navbar-inverse .navbar-toolbar > .active > .nav-link:focus, .navbar-inverse .navbar-toolbar > .active > .nav-link:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}

.navbar-inverse .navbar-toolbar .nav-link.disabled, .navbar-inverse .navbar-toolbar .nav-link.disabled:focus, .navbar-inverse .navbar-toolbar .nav-link.disabled:hover, .navbar-inverse .navbar-toolbar > .disabled > .nav-link, .navbar-inverse .navbar-toolbar > .disabled > .nav-link:focus, .navbar-inverse .navbar-toolbar > .disabled > .nav-link:hover {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-toolbar > .open > .nav-link, .navbar-inverse .navbar-toolbar > .open > .nav-link:focus, .navbar-inverse .navbar-toolbar > .open > .nav-link:hover, .navbar-inverse .navbar-toolbar > .show > .nav-link, .navbar-inverse .navbar-toolbar > .show > .nav-link:focus, .navbar-inverse .navbar-toolbar > .show > .nav-link:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
  .nav.hidden-float, .navbar.hidden-float {
    display: flex;
  }
}
@media (max-width: 767px) {
  .nav.hidden-float, .navbar.hidden-float {
    display: none !important;
  }
}
.navbar-toolbar .nav-link {
  display: block;
}

.navbar > .container-fluid, .navbar > .containers {
  margin: 0;
  flex: 1 1 0;
  justify-content: flex-start;
}

.navbar > .container-fluid .navbar-collapse, .navbar > .containers .navbar-collapse {
  flex: 1 1 auto;
}

@media (max-width: 767px) {
  .navbar > .container-fluid, .navbar > .containers {
    flex: 1 1 100%;
  }
  .navbar > .container-fluid .navbar-header, .navbar > .containers .navbar-header {
    flex: 1 1 auto;
  }
  .navbar > .container-fluid .navbar-collapse, .navbar > .containers .navbar-collapse {
    flex: 1 1 100%;
  }
  .navbar > .container-fluid .navbar-search, .navbar > .containers .navbar-search {
    flex: 1 1 100%;
  }
}
.breadcrumb {
  margin-bottom: 10px;
  background-color: transparent;
}

.breadcrumb .is-hidden {
  display: none;
}

.breadcrumb-ellipsis {
  display: inline-block;
}

.breadcrumb-dropdown {
  display: inline-block;
}

.breadcrumb.breadcrumb-right > li.breadcrumb-ellipsis.is-hidden + li:before {
  display: none;
}

.breadcrumb.breadcrumb-left .breadcrumb-dropdown, .breadcrumb.breadcrumb-left .breadcrumb-ellipsis {
  float: left;
}

.breadcrumb-item + .breadcrumb-item:before {
  padding: 0 5px;
}

.breadcrumb-item .icon {
  text-decoration: none;
}

.breadcrumb-item .icon:before {
  margin-right: 10px;
}

.breadcrumb-arrow > .breadcrumb-item + .breadcrumb-item:before {
  content: "» ";
}

.page-item > span {
  padding: 0.643rem 1.072rem;
  transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out;
}

.page-item > span:focus, .page-item > span:hover {
  transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
  text-decoration: none;
}

.page-item .icon {
  margin-top: -1px;
}

.page-item.active .page-link {
  z-index: 3;
}

.page-item.disabled > span, .page-item.disabled > span:focus, .page-item.disabled > span:hover {
  cursor: not-allowed;
  pointer-events: none;
  color: #bdbdbd;
  border-color: #e0e0e0;
  background-color: transparent;
}

.page-link {
  transition: background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out;
}

.page-link:focus, .page-link:hover {
  transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
  text-decoration: none;
}

.pagination-gap .page-item.disabled .page-link:focus, .pagination-gap .page-item.disabled .page-link:hover {
  border-color: #e0e0e0;
}

.pagination-gap .page-item:first-child .page-link, .pagination-gap .page-item:last-child .page-link {
  border-radius: 5px;
}

.pagination-gap .page-item.active .page-link {
  background-color: #3f51b5;
}

.pagination-gap .page-link {
  margin: 0 5px;
  border-radius: 5px;
}

.pagination-gap .page-link:focus, .pagination-gap .page-link:hover {
  border-color: #3f51b5;
  background-color: transparent;
}

.pagination-no-border .page-link {
  border: none;
}

.badge.badge-outline {
  color: #eee;
  border-color: #eee;
  background-color: transparent;
}

.badge.up {
  position: relative;
  top: -10px;
  margin: 0 -0.8em;
  border-radius: 15px;
}

.badge-outline {
  border: 1px solid transparent;
}

.badge-round {
  border-radius: 1em;
}

.badge-pill {
  padding: 3px 6px;
}

.badge-pill:empty {
  display: none;
}

.btn .badge-pill {
  top: 0;
}

.btn-group-xs > .btn .badge-pill, .btn-xs .badge-pill {
  top: 0;
  padding: 1px 5px;
}

a .badge-pill:focus, a .badge-pill:hover {
  cursor: pointer;
  text-decoration: none;
}

.list-group-item > .badge-pill {
  float: right;
  margin-left: auto;
  order: 1;
}

.list-group-item > .badge-pill + .badge-pill {
  margin-right: 5px;
}

.nav-pills > li > a > .badge-pill {
  margin-left: 3px;
}

.badge-default {
  color: #252525;
}

.badge-default[href]:focus, .badge-default[href]:hover {
  background-color: #eee;
}

.badge-default.badge-outline {
  color: #e0e0e0;
  border-color: #e0e0e0;
  background-color: transparent;
}

.badge-default[href]:focus, .badge-default[href]:hover {
  color: #9e9e9e;
}

.badge-default.badge-outline {
  color: #252525;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
  background-color: #5c6bc0;
}

.badge-primary.badge-outline {
  color: #3f51b5;
  border-color: #3f51b5;
  background-color: transparent;
}

.badge-success[href]:focus, .badge-success[href]:hover {
  background-color: #66bb6a;
}

.badge-success.badge-outline {
  color: #4caf50;
  border-color: #4caf50;
  background-color: transparent;
}

.badge-info[href]:focus, .badge-info[href]:hover {
  background-color: #26c6da;
}

.badge-info.badge-outline {
  color: #00bcd4;
  border-color: #00bcd4;
  background-color: transparent;
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
  background-color: #ffa726;
}

.badge-warning.badge-outline {
  color: #ff9800;
  border-color: #ff9800;
  background-color: transparent;
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
  background-color: #ef5350;
}

.badge-danger.badge-outline {
  color: #f44336;
  border-color: #f44336;
  background-color: transparent;
}

.badge-dark {
  background-color: #616161;
}

.badge-dark[href]:focus, .badge-dark[href]:hover {
  background-color: #252525;
}

.badge-dark.badge-outline {
  color: #616161;
  border-color: #616161;
  background-color: transparent;
}

.badge-dark[href]:focus, .badge-dark[href]:hover {
  background-color: #484848;
}

.badge-lg {
  font-size: var(--edc-fs-heading);
}

.badge-sm {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  padding: 0.1em 0.5em 0.1em;
}

.jumbotron {
  padding: 0;
  border-radius: 0.215rem;
}

.jumbotron > .jumbotron-photo img {
  width: 100%;
  border-top-left-radius: 0.215rem;
  border-top-right-radius: 0.215rem;
}

.jumbotron-contents {
  padding: 1.429rem;
}

.jumbotron .carousel, .jumbotron .carousel-inner, .jumbotron .carousel-inner > .carousel-item.active img {
  border-top-left-radius: 0.215rem;
  border-top-right-radius: 0.215rem;
}

.jumbotron .carousel-inner > .carousel-item > a > img, .jumbotron .carousel-inner > .carousel-item > img {
  width: 100%;
}

@media (min-width: 768px) {
  .container .jumbotron, .jumbotron {
    padding: 0;
  }
}
.alert {
  padding-right: 20px;
  padding-left: 20px;
}

.alert ul {
  padding-left: 13px;
}

.alert ul li {
  padding-left: 7px;
}

.panel > .alert {
  margin: 0;
}

.alert h4 {
  margin-top: 0;
  margin-bottom: 5px;
  color: inherit;
}

.alert > :last-child {
  margin-bottom: 0;
}

.alert-alt {
  color: #252525;
  border: none;
  border-left: 3px solid transparent;
  background-color: rgba(238, 238, 238, 0.8);
}

.alert-alt .alert-link, .alert-alt a {
  text-decoration: none;
}

.alert-dismissible {
  padding-right: 40px;
}

.alert-dismissible .close {
  padding: 0;
}

.alert-dismissible .close {
  top: 0;
  text-decoration: none;
  opacity: 0.6;
}

.alert-dismissible .close:focus, .alert-dismissible .close:hover {
  opacity: 1;
}

.alert-dismissible.alert-alt .close {
  opacity: 0.6;
  color: #9e9e9e;
}

.alert-dismissible.alert-alt .close:focus, .alert-dismissible.alert-alt .close:hover {
  opacity: 1;
  color: #9e9e9e;
}

.alert-icon {
  position: relative;
  padding-left: 45px;
}

.alert-icon > .icon {
  font-size: var(--edc-fs-body);
  position: absolute;
  top: 15px;
  left: 20px;
  width: 1em;
  text-align: center;
}

.alert-avatar {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 75px;
}

.alert-avatar > .avatar {
  position: absolute;
  top: 12px;
  left: 20px;
}

.page-alert .alert-wrap {
  overflow: hidden;
  max-height: 0;
  margin: 0;
  padding: 0;
  transition: max-height 0.7s linear 0s;
}

.page-alert .alert-wrap.in {
  max-height: 500px;
  transition: max-height 1s linear 0s;
}

.page-alert .alert-wrap .alert {
  margin: 0;
  text-align: left;
  border-radius: 0;
}

.alert-primary {
  color: #3f51b5;
  border-color: #c5cae9;
  background-color: rgba(197, 202, 233, 0.8);
}

.alert-primary .close {
  color: #3f51b5;
}

.alert-primary .close:focus, .alert-primary .close:hover {
  color: #3f51b5;
}

.alert-primary .alert-link {
  color: #3949ab;
}

.alert-alt.alert-primary {
  border-color: #3f51b5;
}

.alert-alt.alert-primary .alert-link, .alert-alt.alert-primary a {
  color: #3f51b5;
}

.alert-success .alert-link {
  color: #43a047;
}

.alert-alt.alert-success {
  border-color: #4caf50;
}

.alert-alt.alert-success .alert-link, .alert-alt.alert-success a {
  color: #4caf50;
}

.alert-info .alert-link {
  color: #00acc1;
}

.alert-alt.alert-info {
  border-color: #00bcd4;
}

.alert-alt.alert-info .alert-link, .alert-alt.alert-info a {
  color: #00bcd4;
}

.alert-warning .alert-link {
  color: #fb8c00;
}

.alert-alt.alert-warning {
  border-color: #ff9800;
}

.alert-alt.alert-warning .alert-link, .alert-alt.alert-warning a {
  color: #ff9800;
}

.alert-danger .alert-link {
  color: #e53935;
}

.alert-alt.alert-danger {
  border-color: #f44336;
}

.alert-alt.alert-danger .alert-link, .alert-alt.alert-danger a {
  color: #f44336;
}

.alert-social {
  position: relative;
  padding-left: 65px;
}

.alert-social > .icon {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  position: absolute;
  top: 12px;
  bottom: 0;
  left: 20px;
  width: 1em;
  text-align: center;
}

.alert-facebook {
  color: #fff;
  border-color: #3b5998;
  background-color: #3b5998;
}

.alert-facebook .close {
  color: #fff;
}

.alert-facebook .close:focus, .alert-facebook .close:hover {
  color: #fff;
}

.alert-facebook .alert-link {
  font-weight: 500;
  color: #fff;
}

.alert-twitter {
  color: #fff;
  border-color: #55acee;
  background-color: #55acee;
}

.alert-twitter .close {
  color: #fff;
}

.alert-twitter .close:focus, .alert-twitter .close:hover {
  color: #fff;
}

.alert-twitter .alert-link {
  font-weight: 500;
  color: #fff;
}

.alert-google-plus {
  color: #fff;
  border-color: #dd4b39;
  background-color: #dd4b39;
}

.alert-google-plus .close {
  color: #fff;
}

.alert-google-plus .close:focus, .alert-google-plus .close:hover {
  color: #fff;
}

.alert-google-plus .alert-link {
  font-weight: 500;
  color: #fff;
}

.alert-linkedin {
  color: #fff;
  border-color: #0976b4;
  background-color: #0976b4;
}

.alert-linkedin .close {
  color: #fff;
}

.alert-linkedin .close:focus, .alert-linkedin .close:hover {
  color: #fff;
}

.alert-linkedin .alert-link {
  font-weight: 500;
  color: #fff;
}

.alert-flickr {
  color: #fff;
  border-color: #ff0084;
  background-color: #ff0084;
}

.alert-flickr .close {
  color: #fff;
}

.alert-flickr .close:focus, .alert-flickr .close:hover {
  color: #fff;
}

.alert-flickr .alert-link {
  font-weight: 500;
  color: #fff;
}

.alert-tumblr {
  color: #fff;
  border-color: #35465c;
  background-color: #35465c;
}

.alert-tumblr .close {
  color: #fff;
}

.alert-tumblr .close:focus, .alert-tumblr .close:hover {
  color: #fff;
}

.alert-tumblr .alert-link {
  font-weight: 500;
  color: #fff;
}

.alert-github {
  color: #fff;
  border-color: #4183c4;
  background-color: #4183c4;
}

.alert-github .close {
  color: #fff;
}

.alert-github .close:focus, .alert-github .close:hover {
  color: #fff;
}

.alert-github .alert-link {
  font-weight: 500;
  color: #fff;
}

.alert-dribbble {
  color: #fff;
  border-color: #c32361;
  background-color: #c32361;
}

.alert-dribbble .close {
  color: #fff;
}

.alert-dribbble .close:focus, .alert-dribbble .close:hover {
  color: #fff;
}

.alert-dribbble .alert-link {
  font-weight: 500;
  color: #fff;
}

.alert-youtube {
  color: #fff;
  border-color: #b31217;
  background-color: #b31217;
}

.alert-youtube .close {
  color: #fff;
}

.alert-youtube .close:focus, .alert-youtube .close:hover {
  color: #fff;
}

.alert-youtube .alert-link {
  font-weight: 500;
  color: #fff;
}

.alert.dark .alert-link {
  font-weight: 500;
  color: #fff !important;
}

.alert.dark .alert-left-border {
  border: none;
  border-left: 3px solid transparent;
}

.alert.dark.alert-dismissible.alert-alt .close {
  color: #fff;
}

.alert.dark.alert-dismissible.alert-alt .close:focus, .alert.dark.alert-dismissible.alert-alt .close:hover {
  color: #fff;
}

.alert.dark.alert-primary {
  color: #fff;
  border-color: #3f51b5;
  background-color: #3f51b5;
}

.alert.dark.alert-primary .close {
  color: #fff;
}

.alert.dark.alert-primary .close:focus, .alert.dark.alert-primary .close:hover {
  color: #fff;
}

.alert.dark.alert-primary.alert-alt {
  border-color: #263172;
}

.alert.dark.alert-primary.alert-alt .alert-link, .alert.dark.alert-primary.alert-alt a {
  color: #fff;
}

.alert.dark.alert-success {
  color: #fff;
  border-color: #4caf50;
  background-color: #4caf50;
}

.alert.dark.alert-success .close {
  color: #fff;
}

.alert.dark.alert-success .close:focus, .alert.dark.alert-success .close:hover {
  color: #fff;
}

.alert.dark.alert-success.alert-alt {
  border-color: #2c6a2f;
}

.alert.dark.alert-success.alert-alt .alert-link, .alert.dark.alert-success.alert-alt a {
  color: #fff;
}

.alert.dark.alert-info {
  color: #fff;
  border-color: #00bcd4;
  background-color: #00bcd4;
}

.alert.dark.alert-info .close {
  color: #fff;
}

.alert.dark.alert-info .close:focus, .alert.dark.alert-info .close:hover {
  color: #fff;
}

.alert.dark.alert-info.alert-alt {
  border-color: #006875;
}

.alert.dark.alert-info.alert-alt .alert-link, .alert.dark.alert-info.alert-alt a {
  color: #fff;
}

.alert.dark.alert-warning {
  color: #fff;
  border-color: #ff9800;
  background-color: #ff9800;
}

.alert.dark.alert-warning .close {
  color: #fff;
}

.alert.dark.alert-warning .close:focus, .alert.dark.alert-warning .close:hover {
  color: #fff;
}

.alert.dark.alert-warning.alert-alt {
  border-color: #af6100;
}

.alert.dark.alert-warning.alert-alt .alert-link, .alert.dark.alert-warning.alert-alt a {
  color: #fff;
}

.alert.dark.alert-danger {
  color: #fff;
  border-color: #f44336;
  background-color: #f44336;
}

.alert.dark.alert-danger .close {
  color: #fff;
}

.alert.dark.alert-danger .close:focus, .alert.dark.alert-danger .close:hover {
  color: #fff;
}

.alert.dark.alert-danger.alert-alt {
  border-color: #b61b17;
}

.alert.dark.alert-danger.alert-alt .alert-link, .alert.dark.alert-danger.alert-alt a {
  color: #fff;
}

.progress {
  overflow: hidden;
  height: 15px;
  margin-bottom: 22px;
  border-radius: 0.215rem;
  background-color: #e0e0e0;
}

.progress-bar {
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  line-height: 15px;
  float: left;
  width: 0;
  height: 100%;
  transition: width 0.6s ease;
  text-align: center;
  color: #fff;
  background-color: #3f51b5;
}

.progress-bar-success {
  background-color: #4caf50;
}

.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #00bcd4;
}

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #ff9800;
}

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #f44336;
}

.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-striped, .progress-striped .progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress-bar.active, .progress.active .progress-bar {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-square {
  border-radius: 0;
}

.progress-circle {
  border-radius: 1000px;
}

.progress-vertical {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 250px;
  min-height: 250px;
  margin-right: 30px;
  margin-bottom: 0;
}

.progress-vertical .progress-bar {
  width: 100%;
}

.progress-bar-indicating.active {
  position: relative;
  animation: none;
}

.progress-bar-indicating.active:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  animation: progress-active 3s ease 0s infinite;
  opacity: 0;
  border-radius: inherit;
  background-color: #fff;
}

.progress-vertical .progress-bar-indicating.active:before {
  animation-name: progress-vertical-active;
}

.progress-skill {
  position: relative;
}

.progress-skill .progress-bar > span {
  position: absolute;
  top: 0;
  right: 10px;
  color: #616161;
}

.progress-lg {
  height: 22px;
}

.progress-lg.progress-vertical {
  width: 25px;
}

.progress-lg .progress-bar {
  line-height: 22px;
}

.progress-sm {
  height: 10px;
}

.progress-sm.progress-vertical {
  width: 10px;
}

.progress-sm .progress-bar {
  line-height: 10px;
}

.progress-xs {
  height: 4px;
  border-radius: 1px;
}

.progress-xs.progress-vertical {
  width: 4px;
}

.progress-xs .progress-bar {
  line-height: 4px;
}

.contextual-progress {
  margin: 20px 0;
}

.contextual-progress .progress-title {
  float: left;
}

.contextual-progress .progress-label {
  position: relative;
  float: right;
}

.contextual-progress .progress {
  height: 2px;
  margin: 5px 0;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-active {
  0% {
    width: 0;
    opacity: 0.4;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes progress-vertical-active {
  0% {
    top: 0;
    opacity: 0;
  }
  100% {
    top: 175px;
    opacity: 0.4;
  }
}
.media .media {
  padding-bottom: 0;
  border-bottom: none;
}

.media-body {
  overflow: auto;
}

.media-meta {
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  margin-bottom: 3px;
  color: #616161;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.media-list > .media {
  margin-top: 15px;
}

.media-list > .media:first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .media-body {
    overflow: hidden;
  }
  .media .media {
    margin-left: 0;
  }
}
@media (max-width: 479px) {
  .media {
    flex-direction: column;
  }
  .media > div:first-child {
    margin-bottom: 5px;
  }
  .media .media {
    padding-left: 15px;
  }
}
.list-group {
  margin-bottom: 20px;
}

.list-group-item > .media:only-child {
  margin: 0;
}

.list-group .media {
  width: 100%;
  padding: 2px 0;
  border-bottom: 0;
}

.list-group .media-heading {
  font-size: var(--edc-fs-body);
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-full > .list-group-item {
  padding-right: 0;
  padding-left: 0;
}

a.list-group-item {
  color: #252525;
  border-radius: 0.215rem;
}

a.list-group-item:focus, a.list-group-item:hover {
  text-decoration: none;
  color: #252525;
  background-color: #eee;
}

a.list-group-item.disabled, a.list-group-item.disabled:focus, a.list-group-item.disabled:hover {
  color: #bdbdbd;
  background-color: #eee;
}

a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover {
  color: #fff;
  background-color: #3f51b5;
}

.list-group-item .icon {
  margin-right: 10px;
}

.list-group.bg-inherit {
  border-radius: 0.215rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.list-group.bg-inherit .list-group-item {
  border-bottom-color: rgba(0, 0, 0, 0.075);
  background-color: transparent;
}

.list-group.bg-inherit .list-group-item:last-child {
  border-bottom-color: transparent;
}

.list-group.bg-inherit .list-group-item:hover {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.075);
}

.list-group-bordered {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.list-group-bordered .list-group-item {
  border-color: #e0e0e0;
}

.list-group-bordered .list-group-item.active, .list-group-bordered .list-group-item.active:focus, .list-group-bordered .list-group-item.active:hover {
  color: #fff;
  border-color: #303f9f;
  background-color: #303f9f;
}

.list-group-dividered .list-group-item {
  border-top-color: #e0e0e0;
}

.list-group-dividered .list-group-item.active:hover {
  border-top-color: #e0e0e0;
}

.list-group-dividered .list-group-item:last-child {
  border-bottom-color: #e0e0e0;
}

.list-group-dividered .list-group-item:first-child {
  border-top-color: transparent;
}

.list-group-dividered .list-group-item:first-child.active:hover {
  border-top-color: transparent;
}

.list-group-gap .list-group-item {
  margin-bottom: 2px;
  border-radius: 0.215rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.list-group-full .list-group-item {
  padding-right: 0;
  padding-left: 0;
}

.list-group-item {
  border: 1px solid transparent;
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
  color: #bdbdbd;
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
  color: inherit;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
  color: #d1d6ef;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  line-height: 1.3;
  margin-bottom: 0;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  color: #3f51b5;
  border-color: transparent;
  background-color: transparent;
}

.list-group-item.active .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading {
  color: inherit;
}

.list-group-item-dark {
  color: #fff;
  background-color: #616161;
}

a.list-group-item-dark, button.list-group-item-dark {
  color: #fff;
}

a.list-group-item-dark:focus, a.list-group-item-dark:hover, button.list-group-item-dark:focus, button.list-group-item-dark:hover {
  color: #fff;
  background-color: #545454;
}

a.list-group-item-dark.active, button.list-group-item-dark.active {
  color: #fff;
  border-color: #fff;
  background-color: #fff;
}

.list-group-hover .list-group-item:hover {
  background-color: #eee;
}

.list-group-hover .list-group-item-success, .list-group-hover a.list-group-item-success, .list-group-hover button.list-group-item-success {
  color: #fff;
}

.list-group-hover .list-group-item-success:focus, .list-group-hover .list-group-item-success:hover, .list-group-hover a.list-group-item-success:focus, .list-group-hover a.list-group-item-success:hover, .list-group-hover button.list-group-item-success:focus, .list-group-hover button.list-group-item-success:hover {
  color: #fff;
  background-color: #449d48;
}

.list-group-hover .list-group-item-success.active, .list-group-hover a.list-group-item-success.active, .list-group-hover button.list-group-item-success.active {
  color: #fff;
  border-color: #fff;
  background-color: #fff;
}

.list-group-hover .list-group-item-info, .list-group-hover a.list-group-item-info, .list-group-hover button.list-group-item-info {
  color: #fff;
}

.list-group-hover .list-group-item-info:focus, .list-group-hover .list-group-item-info:hover, .list-group-hover a.list-group-item-info:focus, .list-group-hover a.list-group-item-info:hover, .list-group-hover button.list-group-item-info:focus, .list-group-hover button.list-group-item-info:hover {
  color: #fff;
  background-color: #00a5bb;
}

.list-group-hover .list-group-item-info.active, .list-group-hover a.list-group-item-info.active, .list-group-hover button.list-group-item-info.active {
  color: #fff;
  border-color: #fff;
  background-color: #fff;
}

.list-group-hover .list-group-item-warning, .list-group-hover a.list-group-item-warning, .list-group-hover button.list-group-item-warning {
  color: #fff;
}

.list-group-hover .list-group-item-warning:focus, .list-group-hover .list-group-item-warning:hover, .list-group-hover a.list-group-item-warning:focus, .list-group-hover a.list-group-item-warning:hover, .list-group-hover button.list-group-item-warning:focus, .list-group-hover button.list-group-item-warning:hover {
  color: #fff;
  background-color: #e68900;
}

.list-group-hover .list-group-item-warning.active, .list-group-hover a.list-group-item-warning.active, .list-group-hover button.list-group-item-warning.active {
  color: #fff;
  border-color: #fff;
  background-color: #fff;
}

.list-group-hover .list-group-item-danger, .list-group-hover a.list-group-item-danger, .list-group-hover button.list-group-item-danger {
  color: #fff;
}

.list-group-hover .list-group-item-danger:focus, .list-group-hover .list-group-item-danger:hover, .list-group-hover a.list-group-item-danger:focus, .list-group-hover a.list-group-item-danger:hover, .list-group-hover button.list-group-item-danger:focus, .list-group-hover button.list-group-item-danger:hover {
  color: #fff;
  background-color: #f32c1e;
}

.list-group-hover .list-group-item-danger.active, .list-group-hover a.list-group-item-danger.active, .list-group-hover button.list-group-item-danger.active {
  color: #fff;
  border-color: #fff;
  background-color: #fff;
}

.list-group-hover .list-group-item-dark, .list-group-hover a.list-group-item-dark, .list-group-hover button.list-group-item-dark {
  color: #fff;
}

.list-group-hover .list-group-item-dark:focus, .list-group-hover .list-group-item-dark:hover, .list-group-hover a.list-group-item-dark:focus, .list-group-hover a.list-group-item-dark:hover, .list-group-hover button.list-group-item-dark:focus, .list-group-hover button.list-group-item-dark:hover {
  color: #fff;
  background-color: #545454;
}

.list-group-hover .list-group-item-dark.active, .list-group-hover a.list-group-item-dark.active, .list-group-hover button.list-group-item-dark.active {
  color: #fff;
  border-color: #fff;
  background-color: #fff;
}

.close.icon {
  font-size: inherit;
}

button.close {
  cursor: pointer;
}

.card {
  margin-bottom: 2.143rem;
  border: none;
  box-shadow: none;
}

.card .cover {
  width: 100%;
  padding: 0;
  border-bottom: none;
}

[class*=blocks-] > li > .card {
  margin-bottom: 0;
}

.card-title {
  margin-top: 0;
}

.card-footer, .card-header {
  border: none;
  box-shadow: none;
}

.card-bordered {
  border: 1px solid #e0e0e0;
}

.card-header-bordered {
  border-bottom: 1px solid #e0e0e0;
}

.card-footer-bordered {
  border-top: 1px solid #e0e0e0;
}

.card-transparent {
  background-color: transparent;
}

.card-header-transparent {
  background-color: transparent;
}

.card-footer-transparent {
  background-color: transparent;
}

.card-shadow {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.card-block {
  position: relative;
}

.card-text.type-link a {
  position: relative;
  display: inline-block;
  padding: 3px 5px;
  color: #9e9e9e;
}

.card-text.type-link a:first-child {
  padding-left: 0;
}

.card-text.type-link a:hover {
  color: #bdbdbd;
}

.card-text.type-link a + a:before {
  position: absolute;
  top: 10px;
  left: -2px;
  width: 3px;
  height: 3px;
  content: "";
  border-radius: 50%;
  background-color: #9e9e9e;
}

.card-watermark {
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.1;
}

.card-watermark.darker {
  color: #000;
}

.card-watermark.lighter {
  color: #fff;
}

.card-divider:after {
  display: block;
  width: 20px;
  height: 2px;
  margin: 15px auto;
  content: "";
  background-color: #fff;
}

.card-actions {
  margin-top: 10px;
  text-align: right;
}

.card-actions a {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  color: #9e9e9e;
}

.card-actions a .icon, .card-actions a.icon {
  text-decoration: none;
}

.card-actions a .icon + span, .card-actions a.icon + span {
  margin-left: 2px;
}

.card-actions a.active, .card-actions a:focus, .card-actions a:hover {
  text-decoration: none;
  color: #bdbdbd;
}

.card-actions a:last-child {
  margin-right: 0;
}

.card-actions-sidebar {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 60px;
}

.card-actions-sidebar a {
  display: inline-block;
  width: 100%;
  height: 60px;
  margin-right: 0;
  text-align: center;
  border-right: 1px solid #e0e0e0;
}

.card-actions-sidebar a:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.card-actions-sidebar a + a {
  border-top: 1px solid #e0e0e0;
}

.card-actions-sidebar + .card-content {
  margin-left: 80px;
}

.card-img {
  border-radius: 0;
}

.card-img-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  border-radius: calc(0.215rem - 1px) 0 0 calc(0.215rem - 1px);
}

.card-img-left ~ .card-block {
  width: 60%;
  margin-left: 40%;
}

@media (max-width: 767px) {
  .card-img-left {
    position: relative;
    width: 100%;
    height: 320px;
  }
  .card-img-left ~ .card-block {
    width: 100%;
    margin-left: 0;
  }
}
.card-default {
  background-color: #e0e0e0;
}

.card-default .card-footer-bordered, .card-default .card-header-bordered, .card-default.card-bordered {
  border-color: #e0e0e0;
}

.card-columns .card {
  margin-bottom: 2.143rem;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.card-sm .card-header {
  padding: 0.858rem 1.072rem;
}

.card-sm .card-block {
  padding: 1.072rem;
}

.card-sm .card-footer {
  padding: 0.858rem 1.072rem;
}

.card-md .card-header {
  padding: 1.786rem 2.143rem;
}

.card-md .card-block {
  padding: 1.786rem;
}

.card-md .card-footer {
  padding: 2.143rem 1.786rem;
}

.card-lg .card-header {
  padding: 2.143rem;
}

.card-lg .card-block {
  padding: 2.143rem;
}

.card-lg .card-footer {
  padding: 2.143rem;
}

.card-header-actions {
  float: right;
  margin: 0;
}

.card > .list-group:not(:first-child) > .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card > .list-group:not(:last-child) > .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.card .card-block + .card-block {
  padding-top: 0;
}

body {
  font-weight: 300;
}

th {
  font-weight: 400;
}

b, strong {
  font-weight: 500;
}

optgroup {
  font-weight: 500;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  font-weight: 300;
}

.lead {
  font-weight: 100;
}

dt {
  font-weight: 500;
}

kbd kbd {
  font-weight: 500;
}

label {
  font-weight: 300;
}

.checkbox label, .radio label {
  font-weight: 300;
}

.checkbox-inline, .radio-inline {
  font-weight: 300;
}

.btn-link {
  font-weight: 300;
}

.dropdown-menu > li > a {
  font-weight: 300;
}

.input-group-addon {
  font-weight: 300;
}

.badge {
  font-weight: 500;
}

.popover {
  font-weight: 300;
}

.tooltip {
  font-weight: 300;
}

.modal-content {
  border: none;
  border-radius: 0.286rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.modal-header {
  padding: 15px 20px;
  border-bottom: none;
}

.modal-simple .modal-header + .modal-body {
  padding-top: 0;
}

.modal-header .modal-title {
  margin-top: 0;
  order: 1;
}

.modal-header .close {
  margin-top: 1px;
  order: 2;
}

.modal-footer {
  padding: 6px 20px 20px;
  border-top: none;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

@media (min-width: 480px) {
  .modal-dialog {
    margin: 30px;
  }
}
@media (min-width: 768px) {
  .modal-dialog {
    width: auto;
    margin: 30px auto;
  }
  .modal-sm {
    width: 300px;
  }
}
.modal-top {
  margin: 0 auto;
}

.modal-center {
  display: flex;
  height: 100%;
  margin: 0 auto;
  justify-content: center;
  flex-flow: column nowrap;
  align-content: center;
}

.modal-bottom {
  display: flex;
  height: 100%;
  margin: 0 auto;
  justify-content: flex-end;
  flex-flow: column nowrap;
  align-content: center;
}

.modal-sidebar {
  position: absolute;
  right: 0;
  display: flex;
  height: 100%;
  margin: 0;
  background-color: #fff;
  justify-content: center;
  flex-flow: column nowrap;
  align-content: center;
}

.modal-sidebar .modal-content {
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}

.modal-sidebar .modal-header {
  border-bottom: none;
}

.modal-sidebar .modal-footer {
  border-top: none;
  flex-wrap: wrap;
}

.modal-sidebar button.close {
  position: fixed;
  z-index: 1;
  top: 20px;
  right: 20px;
}

.modal.fade .modal-dialog.modal-sidebar {
  transform: translate(25%, 0);
}

.modal.show .modal-dialog.modal-sidebar {
  transform: translate(0, 0);
}

.modal-fill-in {
  background-color: transparent;
}

.modal-fill-in.show {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.95);
}

.modal-fill-in .modal-dialog {
  display: flex;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  justify-content: center;
  flex-flow: column nowrap;
  align-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .modal-fill-in .modal-dialog > * {
    width: 600px;
  }
  .modal-fill-in .modal-dialog.modal-sm > * {
    width: 300px;
  }
  .modal-fill-in .modal-dialog button.close {
    font-size: calc(var(--edc-fs-display) * 28 / 24);
    position: fixed;
    z-index: 1;
    top: 20px;
    right: 40px;
    transform: translate(0, 0);
    opacity: 0.5;
  }
}
@media (min-width: 992px) {
  .modal-fill-in .modal-dialog.modal-lg > * {
    width: 900px;
  }
}
.modal-fill-in .modal-content {
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}

.modal-primary .modal-header {
  border-radius: 0.286rem 0.286rem 0 0;
  background-color: #3f51b5;
}

.modal-primary .modal-header * {
  color: #fff;
}

.modal-primary .modal-header .close {
  opacity: 0.6;
}

.modal-success .modal-header {
  border-radius: 0.286rem 0.286rem 0 0;
  background-color: #4caf50;
}

.modal-success .modal-header * {
  color: #fff;
}

.modal-success .modal-header .close {
  opacity: 0.6;
}

.modal-info .modal-header {
  border-radius: 0.286rem 0.286rem 0 0;
  background-color: #00bcd4;
}

.modal-info .modal-header * {
  color: #fff;
}

.modal-info .modal-header .close {
  opacity: 0.6;
}

.modal-warning .modal-header {
  border-radius: 0.286rem 0.286rem 0 0;
  background-color: #ff9800;
}

.modal-warning .modal-header * {
  color: #fff;
}

.modal-warning .modal-header .close {
  opacity: 0.6;
}

.modal-danger .modal-header {
  border-radius: 0.286rem 0.286rem 0 0;
  background-color: #f44336;
}

.modal-danger .modal-header * {
  color: #fff;
}

.modal-danger .modal-header .close {
  opacity: 0.6;
}

.modal.modal-fade-in-scale-up .modal-dialog {
  transition: all 0.3s ease 0s;
  transform: scale(0.7);
  opacity: 0;
}

.modal.modal-fade-in-scale-up.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}

.modal.modal-slide-in-right .modal-dialog {
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0s;
  transform: translate(20%, 0);
  opacity: 0;
}

.modal.modal-slide-in-right.show .modal-dialog {
  transform: translate(0, 0);
  opacity: 1;
}

.modal.modal-slide-from-bottom .modal-dialog {
  transition: all 0.3s ease 0s;
  transform: translate(0, 20%);
  opacity: 0;
}

.modal.modal-slide-from-bottom.show .modal-dialog {
  transform: translate(0, 0);
  opacity: 1;
}

.modal.modal-newspaper .modal-dialog {
  transition: all 0.5s ease 0s;
  transform: scale(0) rotate(720deg);
  opacity: 0;
}

.modal.modal-newspaper.show .modal-dialog {
  transform: scale(1) rotate(0);
  opacity: 1;
}

.modal.modal-fall {
  perspective: 1300px;
}

.modal.modal-fall .modal-dialog {
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0;
  transform-style: preserve-3d;
}

.modal.modal-fall.show .modal-dialog {
  transition: all 0.3s ease-in 0s;
  transform: translateZ(0) rotateX(0);
  opacity: 1;
}

.modal.modal-side-fall {
  perspective: 1300px;
}

.modal.modal-side-fall .modal-dialog {
  transform: translate(30%) translateZ(600px) rotate(10deg);
  transform-style: preserve-3d;
}

.modal.modal-side-fall.show .modal-dialog {
  transition: all 0.3s ease-in 0s;
  transform: translate(0) translateZ(0) rotate(0);
}

.modal.modal-3d-flip-horizontal {
  perspective: 1300px;
}

.modal.modal-3d-flip-horizontal .modal-dialog {
  transition: all 0.3s ease 0s;
  transform: rotateY(-70deg);
  transform-style: preserve-3d;
}

.modal.modal-3d-flip-horizontal.show .modal-dialog {
  transform: rotateY(0);
}

.modal.modal-3d-flip-vertical {
  perspective: 1300px;
}

.modal.modal-3d-flip-vertical .modal-dialog {
  transition: all 0.3s ease 0s;
  transform: rotateX(-70deg);
  transform-style: preserve-3d;
}

.modal.modal-3d-flip-vertical.show .modal-dialog {
  transform: rotateX(0);
}

.modal.modal-3d-sign {
  perspective: 1300px;
}

.modal.modal-3d-sign .modal-dialog {
  transition: all 0.3s ease 0s;
  transform: rotateX(-60deg);
  transform-origin: 50% 0 0;
  transform-style: preserve-3d;
}

.modal.modal-3d-sign.show .modal-dialog {
  transform: rotateX(0);
}

.modal.modal-super-scaled .modal-dialog {
  transition: all 0.3s ease 0s;
  transform: scale(2);
  opacity: 0;
}

.modal.modal-super-scaled.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}

.modal.modal-just-me .modal-dialog {
  transition: all 0.3s ease 0s;
  transform: scale(0.8);
  opacity: 0;
}

.modal.modal-just-me .modal-backdrop {
  background-color: #fff;
}

.modal.modal-just-me.show {
  background: #fff;
}

.modal.modal-just-me.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}

.modal.modal-just-me.show .modal-backdrop {
  opacity: 1;
}

.modal.modal-3d-slit {
  perspective: 1300px;
}

.modal.modal-3d-slit .modal-dialog {
  transition: all 0.5s ease 0s;
  transform: translateZ(-3000px) rotateY(90deg);
  opacity: 0;
  transform-style: preserve-3d;
}

.modal.modal-3d-slit.show .modal-dialog {
  animation: slit 0.7s ease-out forwards;
}

.modal.modal-rotate-from-bottom {
  perspective: 1300px;
}

.modal.modal-rotate-from-bottom .modal-dialog {
  transition: all 0.3s ease-out 0s;
  transform: translateY(100%) rotateX(90deg);
  transform-origin: 0 100% 0;
  transform-style: preserve-3d;
}

.modal.modal-rotate-from-bottom.show .modal-dialog {
  transform: translateY(0) rotateX(0);
}

.modal.modal-rotate-from-left {
  perspective: 1300px;
}

.modal.modal-rotate-from-left .modal-dialog {
  transition: all 0.3s ease-out 0s;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform-origin: 0 100% 0;
  transform-style: preserve-3d;
}

.modal.modal-rotate-from-left.show .modal-dialog {
  transform: translateZ(0) translateX(0) rotateY(0);
}
@keyframes slit {
  50% {
    transform: translateZ(-250px) rotateY(89deg);
    opacity: 0.5;
  }
  100% {
    transform: translateZ(0) rotateY(0);
    opacity: 1;
  }
}
.tooltip-inner {
  padding: 6px 12px;
}

.tooltip-primary .tooltip-inner {
  color: #fff;
  background-color: #3f51b5;
}

.tooltip-primary.bs-tether-element-attached-top .tooltip-inner::before, .tooltip-primary.tooltip-top .tooltip-inner::before {
  border-bottom-color: #3f51b5;
}

.tooltip-primary.bs-tether-element-attached-right .tooltip-inner::before, .tooltip-primary.tooltip-right .tooltip-inner::before {
  border-left-color: #3f51b5;
}

.tooltip-primary.bs-tether-element-attached-bottom .tooltip-inner::before, .tooltip-primary.tooltip-bottom .tooltip-inner::before {
  border-top-color: #3f51b5;
}

.tooltip-primary.bs-tether-element-attached-left .tooltip-inner::before, .tooltip-primary.tooltip-left .tooltip-inner::before {
  border-right-color: #3f51b5;
}

.tooltip-success .tooltip-inner {
  color: #fff;
  background-color: #4caf50;
}

.tooltip-success.bs-tether-element-attached-top .tooltip-inner::before, .tooltip-success.tooltip-top .tooltip-inner::before {
  border-bottom-color: #4caf50;
}

.tooltip-success.bs-tether-element-attached-right .tooltip-inner::before, .tooltip-success.tooltip-right .tooltip-inner::before {
  border-left-color: #4caf50;
}

.tooltip-success.bs-tether-element-attached-bottom .tooltip-inner::before, .tooltip-success.tooltip-bottom .tooltip-inner::before {
  border-top-color: #4caf50;
}

.tooltip-success.bs-tether-element-attached-left .tooltip-inner::before, .tooltip-success.tooltip-left .tooltip-inner::before {
  border-right-color: #4caf50;
}

.tooltip-info .tooltip-inner {
  color: #fff;
  background-color: #00bcd4;
}

.tooltip-info.bs-tether-element-attached-top .tooltip-inner::before, .tooltip-info.tooltip-top .tooltip-inner::before {
  border-bottom-color: #00bcd4;
}

.tooltip-info.bs-tether-element-attached-right .tooltip-inner::before, .tooltip-info.tooltip-right .tooltip-inner::before {
  border-left-color: #00bcd4;
}

.tooltip-info.bs-tether-element-attached-bottom .tooltip-inner::before, .tooltip-info.tooltip-bottom .tooltip-inner::before {
  border-top-color: #00bcd4;
}

.tooltip-info.bs-tether-element-attached-left .tooltip-inner::before, .tooltip-info.tooltip-left .tooltip-inner::before {
  border-right-color: #00bcd4;
}

.tooltip-warning .tooltip-inner {
  color: #fff;
  background-color: #ff9800;
}

.tooltip-warning.bs-tether-element-attached-top .tooltip-inner::before, .tooltip-warning.tooltip-top .tooltip-inner::before {
  border-bottom-color: #ff9800;
}

.tooltip-warning.bs-tether-element-attached-right .tooltip-inner::before, .tooltip-warning.tooltip-right .tooltip-inner::before {
  border-left-color: #ff9800;
}

.tooltip-warning.bs-tether-element-attached-bottom .tooltip-inner::before, .tooltip-warning.tooltip-bottom .tooltip-inner::before {
  border-top-color: #ff9800;
}

.tooltip-warning.bs-tether-element-attached-left .tooltip-inner::before, .tooltip-warning.tooltip-left .tooltip-inner::before {
  border-right-color: #ff9800;
}

.tooltip-danger .tooltip-inner {
  color: #fff;
  background-color: #f44336;
}

.tooltip-danger.bs-tether-element-attached-top .tooltip-inner::before, .tooltip-danger.tooltip-top .tooltip-inner::before {
  border-bottom-color: #f44336;
}

.tooltip-danger.bs-tether-element-attached-right .tooltip-inner::before, .tooltip-danger.tooltip-right .tooltip-inner::before {
  border-left-color: #f44336;
}

.tooltip-danger.bs-tether-element-attached-bottom .tooltip-inner::before, .tooltip-danger.tooltip-bottom .tooltip-inner::before {
  border-top-color: #f44336;
}

.tooltip-danger.bs-tether-element-attached-left .tooltip-inner::before, .tooltip-danger.tooltip-left .tooltip-inner::before {
  border-right-color: #f44336;
}

.popover {
  padding: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.popover.bs-tether-element-attached-top > .popover-arrow:after, .popover.popover-bottom > .popover-arrow:after {
  border-bottom-color: #eee;
}

.popover-content {
  padding: 20px;
}

.popover-title {
  margin: 0;
}

.popover-primary .popover-title {
  color: #fff;
  border-color: #3f51b5;
  background-color: #3f51b5;
}

.popover-primary.bs-tether-element-attached-top .popover-arrow, .popover-primary.popover-bottom .popover-arrow {
  border-bottom-color: #3f51b5;
}

.popover-primary.bs-tether-element-attached-top .popover-arrow:after, .popover-primary.popover-bottom .popover-arrow:after {
  border-bottom-color: #3f51b5;
}

.popover-success .popover-title {
  color: #fff;
  border-color: #4caf50;
  background-color: #4caf50;
}

.popover-success.bs-tether-element-attached-top .popover-arrow, .popover-success.popover-bottom .popover-arrow {
  border-bottom-color: #4caf50;
}

.popover-success.bs-tether-element-attached-top .popover-arrow:after, .popover-success.popover-bottom .popover-arrow:after {
  border-bottom-color: #4caf50;
}

.popover-info .popover-title {
  color: #fff;
  border-color: #00bcd4;
  background-color: #00bcd4;
}

.popover-info.bs-tether-element-attached-top .popover-arrow, .popover-info.popover-bottom .popover-arrow {
  border-bottom-color: #00bcd4;
}

.popover-info.bs-tether-element-attached-top .popover-arrow:after, .popover-info.popover-bottom .popover-arrow:after {
  border-bottom-color: #00bcd4;
}

.popover-warning .popover-title {
  color: #fff;
  border-color: #ff9800;
  background-color: #ff9800;
}

.popover-warning.bs-tether-element-attached-top .popover-arrow, .popover-warning.popover-bottom .popover-arrow {
  border-bottom-color: #ff9800;
}

.popover-warning.bs-tether-element-attached-top .popover-arrow:after, .popover-warning.popover-bottom .popover-arrow:after {
  border-bottom-color: #ff9800;
}

.popover-danger .popover-title {
  color: #fff;
  border-color: #f44336;
  background-color: #f44336;
}

.popover-danger.bs-tether-element-attached-top .popover-arrow, .popover-danger.popover-bottom .popover-arrow {
  border-bottom-color: #f44336;
}

.popover-danger.bs-tether-element-attached-top .popover-arrow:after, .popover-danger.popover-bottom .popover-arrow:after {
  border-bottom-color: #f44336;
}

.carousel-control-next, .carousel-control-prev {
  min-width: 50px;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  opacity: 0.4;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  font-size: calc(var(--edc-fs-display) * 30 / 24);
  z-index: 5;
  background-image: none;
}

.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
  color: inherit;
}

.carousel-indicators li {
  cursor: pointer;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.3);
}

.carousel-indicators-scaleup li {
  transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
  border: none;
}

.carousel-indicators-scaleup .active {
  transform: scale(1.5);
}

.carousel-indicators-fillin li {
  transition: box-shadow 0.3s ease 0s;
  background-color: transparent;
  box-shadow: 0 0 0 2px #fff inset;
}

.carousel-indicators-fillin .active {
  box-shadow: 0 0 0 8px #fff inset;
}

.carousel-indicators-fall li {
  position: relative;
  transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
}

.carousel-indicators-fall li:after {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
  transform: translate(0, -200%);
  opacity: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
}

.carousel-indicators-fall .active {
  transform: translate(0, 200%);
  background-color: transparent;
}

.carousel-indicators-fall .active:after {
  visibility: visible;
  transition: opacity 0.3s ease 0s;
  opacity: 1;
}

@media (min-width: 768px) {
  .carousel-control-next-icon, .carousel-control-prev-icon {
    font-size: calc(var(--edc-fs-display) * 48 / 24);
    width: 48px;
    height: 48px;
  }
}
.vertical-align {
  font-size: 0;
}

.vertical-align:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.vertical-align-bottom, .vertical-align-middle {
  font-size: var(--edc-fs-body);
  display: inline-block;
  max-width: 100%;
}

.vertical-align-middle {
  vertical-align: middle;
}

.vertical-align-bottom {
  vertical-align: bottom;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.block {
  display: block !important;
}

.text-break {
  white-space: normal;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  -ms-hyphens: auto;
}

.text-top {
  vertical-align: top !important;
}

.text-middle {
  vertical-align: middle !important;
}

.text-bottom {
  vertical-align: bottom !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.font-weight-unset {
  font-weight: unset !important;
}

.font-weight-100 {
  font-weight: 100 !important;
}

.font-weight-200 {
  font-weight: 200 !important;
}

.font-weight-300 {
  font-weight: 300 !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.font-weight-800 {
  font-weight: 800 !important;
}

.font-weight-900 {
  font-weight: 900 !important;
}

.font-weight-light {
  font-weight: 100 !important;
}

.font-weight-normal {
  font-weight: 300 !important;
}

.font-weight-medium {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 500 !important;
}

.font-size-0 {
  font-size: 0 !important;
}

.font-size-10 {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine)) !important;
}

.font-size-12 {
  font-size: var(--edc-fs-label) !important;
}

.font-size-14 {
  font-size: var(--edc-fs-body) !important;
}

.font-size-16 {
  font-size: var(--edc-fs-heading) !important;
}

.font-size-18 {
  font-size: var(--edc-fs-title) !important;
}

.font-size-20 {
  font-size: calc(var(--edc-fs-title) * 20 / 18) !important;
}

.font-size-24 {
  font-size: var(--edc-fs-display) !important;
}

.font-size-26 {
  font-size: calc(var(--edc-fs-display) * 26 / 24) !important;
}

.font-size-30 {
  font-size: calc(var(--edc-fs-display) * 30 / 24) !important;
}

.font-size-40 {
  font-size: calc(var(--edc-fs-display) * 40 / 24) !important;
}

.font-size-50 {
  font-size: calc(var(--edc-fs-display) * 50 / 24) !important;
}

.font-size-60 {
  font-size: calc(var(--edc-fs-display) * 60 / 24) !important;
}

.font-size-70 {
  font-size: calc(var(--edc-fs-display) * 70 / 24) !important;
}

.font-size-80 {
  font-size: calc(var(--edc-fs-display) * 80 / 24) !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-3 {
  margin: 3px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.mx-3 {
  margin-right: 3px !important;
  margin-left: 3px !important;
}

.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.m-5 {
  margin: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.mx-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mx-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mx-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mx-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.mx-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mx-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.mx-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.my-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.mx-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.m-45 {
  margin: 45px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.mx-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

.my-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.m-50 {
  margin: 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.mx-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.m-60 {
  margin: 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mx-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.m-70 {
  margin: 70px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.mx-70 {
  margin-right: 70px !important;
  margin-left: 70px !important;
}

.my-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.m-80 {
  margin: 80px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.mx-80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.m-100 {
  margin: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.mx-100 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-3 {
  padding: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.px-3 {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.p-5 {
  padding: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.px-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.px-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.px-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.px-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.px-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.px-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.px-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.px-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.p-45 {
  padding: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.px-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.p-50 {
  padding: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.px-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.p-60 {
  padding: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.px-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.p-70 {
  padding: 70px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.px-70 {
  padding-right: 70px !important;
  padding-left: 70px !important;
}

.py-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.p-80 {
  padding: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.px-80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.p-100 {
  padding: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.px-100 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}

.py-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.m--30 {
  margin: -30px !important;
}

.mt--30 {
  margin-top: -30px !important;
}

.mr--30 {
  margin-right: -30px !important;
}

.mb--30 {
  margin-bottom: -30px !important;
}

.ml--30 {
  margin-left: -30px !important;
}

.mx--30 {
  margin-right: -30px !important;
  margin-left: -30px !important;
}

.my--30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}

.m--25 {
  margin: -25px !important;
}

.mt--25 {
  margin-top: -25px !important;
}

.mr--25 {
  margin-right: -25px !important;
}

.mb--25 {
  margin-bottom: -25px !important;
}

.ml--25 {
  margin-left: -25px !important;
}

.mx--25 {
  margin-right: -25px !important;
  margin-left: -25px !important;
}

.my--25 {
  margin-top: -25px !important;
  margin-bottom: -25px !important;
}

.m--20 {
  margin: -20px !important;
}

.mt--20 {
  margin-top: -20px !important;
}

.mr--20 {
  margin-right: -20px !important;
}

.mb--20 {
  margin-bottom: -20px !important;
}

.ml--20 {
  margin-left: -20px !important;
}

.mx--20 {
  margin-right: -20px !important;
  margin-left: -20px !important;
}

.my--20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}

.m--15 {
  margin: -15px !important;
}

.mt--15 {
  margin-top: -15px !important;
}

.mr--15 {
  margin-right: -15px !important;
}

.mb--15 {
  margin-bottom: -15px !important;
}

.ml--15 {
  margin-left: -15px !important;
}

.mx--15 {
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.my--15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}

.m--10 {
  margin: -10px !important;
}

.mt--10 {
  margin-top: -10px !important;
}

.mr--10 {
  margin-right: -10px !important;
}

.mb--10 {
  margin-bottom: -10px !important;
}

.ml--10 {
  margin-left: -10px !important;
}

.mx--10 {
  margin-right: -10px !important;
  margin-left: -10px !important;
}

.my--10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}

.m--5 {
  margin: -5px !important;
}

.mt--5 {
  margin-top: -5px !important;
}

.mr--5 {
  margin-right: -5px !important;
}

.mb--5 {
  margin-bottom: -5px !important;
}

.ml--5 {
  margin-left: -5px !important;
}

.mx--5 {
  margin-right: -5px !important;
  margin-left: -5px !important;
}

.my--5 {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}

.m--3 {
  margin: -3px !important;
}

.mt--3 {
  margin-top: -3px !important;
}

.mr--3 {
  margin-right: -3px !important;
}

.mb--3 {
  margin-bottom: -3px !important;
}

.ml--3 {
  margin-left: -3px !important;
}

.mx--3 {
  margin-right: -3px !important;
  margin-left: -3px !important;
}

.my--3 {
  margin-top: -3px !important;
  margin-bottom: -3px !important;
}

.m--1 {
  margin: -1px !important;
}

.mt--1 {
  margin-top: -1px !important;
}

.mr--1 {
  margin-right: -1px !important;
}

.mb--1 {
  margin-bottom: -1px !important;
}

.ml--1 {
  margin-left: -1px !important;
}

.mx--1 {
  margin-right: -1px !important;
  margin-left: -1px !important;
}

.my--1 {
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (min-width: 480px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-sm-3 {
    margin: 3px !important;
  }
  .mt-sm-3 {
    margin-top: 3px !important;
  }
  .mr-sm-3 {
    margin-right: 3px !important;
  }
  .mb-sm-3 {
    margin-bottom: 3px !important;
  }
  .ml-sm-3 {
    margin-left: 3px !important;
  }
  .mx-sm-3 {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }
  .my-sm-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .m-sm-5 {
    margin: 5px !important;
  }
  .mt-sm-5 {
    margin-top: 5px !important;
  }
  .mr-sm-5 {
    margin-right: 5px !important;
  }
  .mb-sm-5 {
    margin-bottom: 5px !important;
  }
  .ml-sm-5 {
    margin-left: 5px !important;
  }
  .mx-sm-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .my-sm-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-sm-10 {
    margin: 10px !important;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .mr-sm-10 {
    margin-right: 10px !important;
  }
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .ml-sm-10 {
    margin-left: 10px !important;
  }
  .mx-sm-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .my-sm-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-sm-15 {
    margin: 15px !important;
  }
  .mt-sm-15 {
    margin-top: 15px !important;
  }
  .mr-sm-15 {
    margin-right: 15px !important;
  }
  .mb-sm-15 {
    margin-bottom: 15px !important;
  }
  .ml-sm-15 {
    margin-left: 15px !important;
  }
  .mx-sm-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .my-sm-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-sm-20 {
    margin: 20px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .mr-sm-20 {
    margin-right: 20px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .ml-sm-20 {
    margin-left: 20px !important;
  }
  .mx-sm-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-sm-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-sm-25 {
    margin: 25px !important;
  }
  .mt-sm-25 {
    margin-top: 25px !important;
  }
  .mr-sm-25 {
    margin-right: 25px !important;
  }
  .mb-sm-25 {
    margin-bottom: 25px !important;
  }
  .ml-sm-25 {
    margin-left: 25px !important;
  }
  .mx-sm-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .my-sm-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-sm-30 {
    margin: 30px !important;
  }
  .mt-sm-30 {
    margin-top: 30px !important;
  }
  .mr-sm-30 {
    margin-right: 30px !important;
  }
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .ml-sm-30 {
    margin-left: 30px !important;
  }
  .mx-sm-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .my-sm-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-sm-35 {
    margin: 35px !important;
  }
  .mt-sm-35 {
    margin-top: 35px !important;
  }
  .mr-sm-35 {
    margin-right: 35px !important;
  }
  .mb-sm-35 {
    margin-bottom: 35px !important;
  }
  .ml-sm-35 {
    margin-left: 35px !important;
  }
  .mx-sm-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .my-sm-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-sm-40 {
    margin: 40px !important;
  }
  .mt-sm-40 {
    margin-top: 40px !important;
  }
  .mr-sm-40 {
    margin-right: 40px !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .ml-sm-40 {
    margin-left: 40px !important;
  }
  .mx-sm-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-sm-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-sm-45 {
    margin: 45px !important;
  }
  .mt-sm-45 {
    margin-top: 45px !important;
  }
  .mr-sm-45 {
    margin-right: 45px !important;
  }
  .mb-sm-45 {
    margin-bottom: 45px !important;
  }
  .ml-sm-45 {
    margin-left: 45px !important;
  }
  .mx-sm-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .my-sm-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-sm-50 {
    margin: 50px !important;
  }
  .mt-sm-50 {
    margin-top: 50px !important;
  }
  .mr-sm-50 {
    margin-right: 50px !important;
  }
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .ml-sm-50 {
    margin-left: 50px !important;
  }
  .mx-sm-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .my-sm-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-sm-60 {
    margin: 60px !important;
  }
  .mt-sm-60 {
    margin-top: 60px !important;
  }
  .mr-sm-60 {
    margin-right: 60px !important;
  }
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
  .ml-sm-60 {
    margin-left: 60px !important;
  }
  .mx-sm-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-sm-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-sm-70 {
    margin: 70px !important;
  }
  .mt-sm-70 {
    margin-top: 70px !important;
  }
  .mr-sm-70 {
    margin-right: 70px !important;
  }
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
  .ml-sm-70 {
    margin-left: 70px !important;
  }
  .mx-sm-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .my-sm-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .m-sm-80 {
    margin: 80px !important;
  }
  .mt-sm-80 {
    margin-top: 80px !important;
  }
  .mr-sm-80 {
    margin-right: 80px !important;
  }
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
  .ml-sm-80 {
    margin-left: 80px !important;
  }
  .mx-sm-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-sm-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .m-sm-100 {
    margin: 100px !important;
  }
  .mt-sm-100 {
    margin-top: 100px !important;
  }
  .mr-sm-100 {
    margin-right: 100px !important;
  }
  .mb-sm-100 {
    margin-bottom: 100px !important;
  }
  .ml-sm-100 {
    margin-left: 100px !important;
  }
  .mx-sm-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .my-sm-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-sm-3 {
    padding: 3px !important;
  }
  .pt-sm-3 {
    padding-top: 3px !important;
  }
  .pr-sm-3 {
    padding-right: 3px !important;
  }
  .pb-sm-3 {
    padding-bottom: 3px !important;
  }
  .pl-sm-3 {
    padding-left: 3px !important;
  }
  .px-sm-3 {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .py-sm-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .p-sm-5 {
    padding: 5px !important;
  }
  .pt-sm-5 {
    padding-top: 5px !important;
  }
  .pr-sm-5 {
    padding-right: 5px !important;
  }
  .pb-sm-5 {
    padding-bottom: 5px !important;
  }
  .pl-sm-5 {
    padding-left: 5px !important;
  }
  .px-sm-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .py-sm-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .p-sm-10 {
    padding: 10px !important;
  }
  .pt-sm-10 {
    padding-top: 10px !important;
  }
  .pr-sm-10 {
    padding-right: 10px !important;
  }
  .pb-sm-10 {
    padding-bottom: 10px !important;
  }
  .pl-sm-10 {
    padding-left: 10px !important;
  }
  .px-sm-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .py-sm-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .p-sm-15 {
    padding: 15px !important;
  }
  .pt-sm-15 {
    padding-top: 15px !important;
  }
  .pr-sm-15 {
    padding-right: 15px !important;
  }
  .pb-sm-15 {
    padding-bottom: 15px !important;
  }
  .pl-sm-15 {
    padding-left: 15px !important;
  }
  .px-sm-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .py-sm-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .p-sm-20 {
    padding: 20px !important;
  }
  .pt-sm-20 {
    padding-top: 20px !important;
  }
  .pr-sm-20 {
    padding-right: 20px !important;
  }
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
  .pl-sm-20 {
    padding-left: 20px !important;
  }
  .px-sm-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-sm-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .p-sm-25 {
    padding: 25px !important;
  }
  .pt-sm-25 {
    padding-top: 25px !important;
  }
  .pr-sm-25 {
    padding-right: 25px !important;
  }
  .pb-sm-25 {
    padding-bottom: 25px !important;
  }
  .pl-sm-25 {
    padding-left: 25px !important;
  }
  .px-sm-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .py-sm-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .p-sm-30 {
    padding: 30px !important;
  }
  .pt-sm-30 {
    padding-top: 30px !important;
  }
  .pr-sm-30 {
    padding-right: 30px !important;
  }
  .pb-sm-30 {
    padding-bottom: 30px !important;
  }
  .pl-sm-30 {
    padding-left: 30px !important;
  }
  .px-sm-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .py-sm-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .p-sm-35 {
    padding: 35px !important;
  }
  .pt-sm-35 {
    padding-top: 35px !important;
  }
  .pr-sm-35 {
    padding-right: 35px !important;
  }
  .pb-sm-35 {
    padding-bottom: 35px !important;
  }
  .pl-sm-35 {
    padding-left: 35px !important;
  }
  .px-sm-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .py-sm-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .p-sm-40 {
    padding: 40px !important;
  }
  .pt-sm-40 {
    padding-top: 40px !important;
  }
  .pr-sm-40 {
    padding-right: 40px !important;
  }
  .pb-sm-40 {
    padding-bottom: 40px !important;
  }
  .pl-sm-40 {
    padding-left: 40px !important;
  }
  .px-sm-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-sm-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .p-sm-45 {
    padding: 45px !important;
  }
  .pt-sm-45 {
    padding-top: 45px !important;
  }
  .pr-sm-45 {
    padding-right: 45px !important;
  }
  .pb-sm-45 {
    padding-bottom: 45px !important;
  }
  .pl-sm-45 {
    padding-left: 45px !important;
  }
  .px-sm-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .py-sm-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .p-sm-50 {
    padding: 50px !important;
  }
  .pt-sm-50 {
    padding-top: 50px !important;
  }
  .pr-sm-50 {
    padding-right: 50px !important;
  }
  .pb-sm-50 {
    padding-bottom: 50px !important;
  }
  .pl-sm-50 {
    padding-left: 50px !important;
  }
  .px-sm-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .py-sm-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .p-sm-60 {
    padding: 60px !important;
  }
  .pt-sm-60 {
    padding-top: 60px !important;
  }
  .pr-sm-60 {
    padding-right: 60px !important;
  }
  .pb-sm-60 {
    padding-bottom: 60px !important;
  }
  .pl-sm-60 {
    padding-left: 60px !important;
  }
  .px-sm-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-sm-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .p-sm-70 {
    padding: 70px !important;
  }
  .pt-sm-70 {
    padding-top: 70px !important;
  }
  .pr-sm-70 {
    padding-right: 70px !important;
  }
  .pb-sm-70 {
    padding-bottom: 70px !important;
  }
  .pl-sm-70 {
    padding-left: 70px !important;
  }
  .px-sm-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .py-sm-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .p-sm-80 {
    padding: 80px !important;
  }
  .pt-sm-80 {
    padding-top: 80px !important;
  }
  .pr-sm-80 {
    padding-right: 80px !important;
  }
  .pb-sm-80 {
    padding-bottom: 80px !important;
  }
  .pl-sm-80 {
    padding-left: 80px !important;
  }
  .px-sm-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-sm-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .p-sm-100 {
    padding: 100px !important;
  }
  .pt-sm-100 {
    padding-top: 100px !important;
  }
  .pr-sm-100 {
    padding-right: 100px !important;
  }
  .pb-sm-100 {
    padding-bottom: 100px !important;
  }
  .pl-sm-100 {
    padding-left: 100px !important;
  }
  .px-sm-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-sm-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .m-sm--30 {
    margin: -30px !important;
  }
  .mt-sm--30 {
    margin-top: -30px !important;
  }
  .mr-sm--30 {
    margin-right: -30px !important;
  }
  .mb-sm--30 {
    margin-bottom: -30px !important;
  }
  .ml-sm--30 {
    margin-left: -30px !important;
  }
  .mx-sm--30 {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }
  .my-sm--30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .m-sm--25 {
    margin: -25px !important;
  }
  .mt-sm--25 {
    margin-top: -25px !important;
  }
  .mr-sm--25 {
    margin-right: -25px !important;
  }
  .mb-sm--25 {
    margin-bottom: -25px !important;
  }
  .ml-sm--25 {
    margin-left: -25px !important;
  }
  .mx-sm--25 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .my-sm--25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
  .m-sm--20 {
    margin: -20px !important;
  }
  .mt-sm--20 {
    margin-top: -20px !important;
  }
  .mr-sm--20 {
    margin-right: -20px !important;
  }
  .mb-sm--20 {
    margin-bottom: -20px !important;
  }
  .ml-sm--20 {
    margin-left: -20px !important;
  }
  .mx-sm--20 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .my-sm--20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .m-sm--15 {
    margin: -15px !important;
  }
  .mt-sm--15 {
    margin-top: -15px !important;
  }
  .mr-sm--15 {
    margin-right: -15px !important;
  }
  .mb-sm--15 {
    margin-bottom: -15px !important;
  }
  .ml-sm--15 {
    margin-left: -15px !important;
  }
  .mx-sm--15 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .my-sm--15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
  .m-sm--10 {
    margin: -10px !important;
  }
  .mt-sm--10 {
    margin-top: -10px !important;
  }
  .mr-sm--10 {
    margin-right: -10px !important;
  }
  .mb-sm--10 {
    margin-bottom: -10px !important;
  }
  .ml-sm--10 {
    margin-left: -10px !important;
  }
  .mx-sm--10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .my-sm--10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .m-sm--5 {
    margin: -5px !important;
  }
  .mt-sm--5 {
    margin-top: -5px !important;
  }
  .mr-sm--5 {
    margin-right: -5px !important;
  }
  .mb-sm--5 {
    margin-bottom: -5px !important;
  }
  .ml-sm--5 {
    margin-left: -5px !important;
  }
  .mx-sm--5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }
  .my-sm--5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
  .m-sm--3 {
    margin: -3px !important;
  }
  .mt-sm--3 {
    margin-top: -3px !important;
  }
  .mr-sm--3 {
    margin-right: -3px !important;
  }
  .mb-sm--3 {
    margin-bottom: -3px !important;
  }
  .ml-sm--3 {
    margin-left: -3px !important;
  }
  .mx-sm--3 {
    margin-right: -3px !important;
    margin-left: -3px !important;
  }
  .my-sm--3 {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }
  .m-sm--1 {
    margin: -1px !important;
  }
  .mt-sm--1 {
    margin-top: -1px !important;
  }
  .mr-sm--1 {
    margin-right: -1px !important;
  }
  .mb-sm--1 {
    margin-bottom: -1px !important;
  }
  .ml-sm--1 {
    margin-left: -1px !important;
  }
  .mx-sm--1 {
    margin-right: -1px !important;
    margin-left: -1px !important;
  }
  .my-sm--1 {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-md-3 {
    margin: 3px !important;
  }
  .mt-md-3 {
    margin-top: 3px !important;
  }
  .mr-md-3 {
    margin-right: 3px !important;
  }
  .mb-md-3 {
    margin-bottom: 3px !important;
  }
  .ml-md-3 {
    margin-left: 3px !important;
  }
  .mx-md-3 {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }
  .my-md-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .m-md-5 {
    margin: 5px !important;
  }
  .mt-md-5 {
    margin-top: 5px !important;
  }
  .mr-md-5 {
    margin-right: 5px !important;
  }
  .mb-md-5 {
    margin-bottom: 5px !important;
  }
  .ml-md-5 {
    margin-left: 5px !important;
  }
  .mx-md-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .my-md-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-md-10 {
    margin: 10px !important;
  }
  .mt-md-10 {
    margin-top: 10px !important;
  }
  .mr-md-10 {
    margin-right: 10px !important;
  }
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
  .ml-md-10 {
    margin-left: 10px !important;
  }
  .mx-md-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .my-md-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-md-15 {
    margin: 15px !important;
  }
  .mt-md-15 {
    margin-top: 15px !important;
  }
  .mr-md-15 {
    margin-right: 15px !important;
  }
  .mb-md-15 {
    margin-bottom: 15px !important;
  }
  .ml-md-15 {
    margin-left: 15px !important;
  }
  .mx-md-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .my-md-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-md-20 {
    margin: 20px !important;
  }
  .mt-md-20 {
    margin-top: 20px !important;
  }
  .mr-md-20 {
    margin-right: 20px !important;
  }
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
  .ml-md-20 {
    margin-left: 20px !important;
  }
  .mx-md-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-md-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-md-25 {
    margin: 25px !important;
  }
  .mt-md-25 {
    margin-top: 25px !important;
  }
  .mr-md-25 {
    margin-right: 25px !important;
  }
  .mb-md-25 {
    margin-bottom: 25px !important;
  }
  .ml-md-25 {
    margin-left: 25px !important;
  }
  .mx-md-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .my-md-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-md-30 {
    margin: 30px !important;
  }
  .mt-md-30 {
    margin-top: 30px !important;
  }
  .mr-md-30 {
    margin-right: 30px !important;
  }
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
  .ml-md-30 {
    margin-left: 30px !important;
  }
  .mx-md-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .my-md-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-md-35 {
    margin: 35px !important;
  }
  .mt-md-35 {
    margin-top: 35px !important;
  }
  .mr-md-35 {
    margin-right: 35px !important;
  }
  .mb-md-35 {
    margin-bottom: 35px !important;
  }
  .ml-md-35 {
    margin-left: 35px !important;
  }
  .mx-md-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .my-md-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-md-40 {
    margin: 40px !important;
  }
  .mt-md-40 {
    margin-top: 40px !important;
  }
  .mr-md-40 {
    margin-right: 40px !important;
  }
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
  .ml-md-40 {
    margin-left: 40px !important;
  }
  .mx-md-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-md-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-md-45 {
    margin: 45px !important;
  }
  .mt-md-45 {
    margin-top: 45px !important;
  }
  .mr-md-45 {
    margin-right: 45px !important;
  }
  .mb-md-45 {
    margin-bottom: 45px !important;
  }
  .ml-md-45 {
    margin-left: 45px !important;
  }
  .mx-md-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .my-md-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-md-50 {
    margin: 50px !important;
  }
  .mt-md-50 {
    margin-top: 50px !important;
  }
  .mr-md-50 {
    margin-right: 50px !important;
  }
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
  .ml-md-50 {
    margin-left: 50px !important;
  }
  .mx-md-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .my-md-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-md-60 {
    margin: 60px !important;
  }
  .mt-md-60 {
    margin-top: 60px !important;
  }
  .mr-md-60 {
    margin-right: 60px !important;
  }
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
  .ml-md-60 {
    margin-left: 60px !important;
  }
  .mx-md-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-md-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-md-70 {
    margin: 70px !important;
  }
  .mt-md-70 {
    margin-top: 70px !important;
  }
  .mr-md-70 {
    margin-right: 70px !important;
  }
  .mb-md-70 {
    margin-bottom: 70px !important;
  }
  .ml-md-70 {
    margin-left: 70px !important;
  }
  .mx-md-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .my-md-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .m-md-80 {
    margin: 80px !important;
  }
  .mt-md-80 {
    margin-top: 80px !important;
  }
  .mr-md-80 {
    margin-right: 80px !important;
  }
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
  .ml-md-80 {
    margin-left: 80px !important;
  }
  .mx-md-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-md-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .m-md-100 {
    margin: 100px !important;
  }
  .mt-md-100 {
    margin-top: 100px !important;
  }
  .mr-md-100 {
    margin-right: 100px !important;
  }
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
  .ml-md-100 {
    margin-left: 100px !important;
  }
  .mx-md-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .my-md-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-md-3 {
    padding: 3px !important;
  }
  .pt-md-3 {
    padding-top: 3px !important;
  }
  .pr-md-3 {
    padding-right: 3px !important;
  }
  .pb-md-3 {
    padding-bottom: 3px !important;
  }
  .pl-md-3 {
    padding-left: 3px !important;
  }
  .px-md-3 {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .py-md-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .p-md-5 {
    padding: 5px !important;
  }
  .pt-md-5 {
    padding-top: 5px !important;
  }
  .pr-md-5 {
    padding-right: 5px !important;
  }
  .pb-md-5 {
    padding-bottom: 5px !important;
  }
  .pl-md-5 {
    padding-left: 5px !important;
  }
  .px-md-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .py-md-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .p-md-10 {
    padding: 10px !important;
  }
  .pt-md-10 {
    padding-top: 10px !important;
  }
  .pr-md-10 {
    padding-right: 10px !important;
  }
  .pb-md-10 {
    padding-bottom: 10px !important;
  }
  .pl-md-10 {
    padding-left: 10px !important;
  }
  .px-md-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .py-md-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .p-md-15 {
    padding: 15px !important;
  }
  .pt-md-15 {
    padding-top: 15px !important;
  }
  .pr-md-15 {
    padding-right: 15px !important;
  }
  .pb-md-15 {
    padding-bottom: 15px !important;
  }
  .pl-md-15 {
    padding-left: 15px !important;
  }
  .px-md-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .py-md-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .p-md-20 {
    padding: 20px !important;
  }
  .pt-md-20 {
    padding-top: 20px !important;
  }
  .pr-md-20 {
    padding-right: 20px !important;
  }
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
  .pl-md-20 {
    padding-left: 20px !important;
  }
  .px-md-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-md-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .p-md-25 {
    padding: 25px !important;
  }
  .pt-md-25 {
    padding-top: 25px !important;
  }
  .pr-md-25 {
    padding-right: 25px !important;
  }
  .pb-md-25 {
    padding-bottom: 25px !important;
  }
  .pl-md-25 {
    padding-left: 25px !important;
  }
  .px-md-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .py-md-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .p-md-30 {
    padding: 30px !important;
  }
  .pt-md-30 {
    padding-top: 30px !important;
  }
  .pr-md-30 {
    padding-right: 30px !important;
  }
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
  .pl-md-30 {
    padding-left: 30px !important;
  }
  .px-md-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .py-md-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .p-md-35 {
    padding: 35px !important;
  }
  .pt-md-35 {
    padding-top: 35px !important;
  }
  .pr-md-35 {
    padding-right: 35px !important;
  }
  .pb-md-35 {
    padding-bottom: 35px !important;
  }
  .pl-md-35 {
    padding-left: 35px !important;
  }
  .px-md-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .py-md-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .p-md-40 {
    padding: 40px !important;
  }
  .pt-md-40 {
    padding-top: 40px !important;
  }
  .pr-md-40 {
    padding-right: 40px !important;
  }
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
  .pl-md-40 {
    padding-left: 40px !important;
  }
  .px-md-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-md-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .p-md-45 {
    padding: 45px !important;
  }
  .pt-md-45 {
    padding-top: 45px !important;
  }
  .pr-md-45 {
    padding-right: 45px !important;
  }
  .pb-md-45 {
    padding-bottom: 45px !important;
  }
  .pl-md-45 {
    padding-left: 45px !important;
  }
  .px-md-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .py-md-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .p-md-50 {
    padding: 50px !important;
  }
  .pt-md-50 {
    padding-top: 50px !important;
  }
  .pr-md-50 {
    padding-right: 50px !important;
  }
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
  .pl-md-50 {
    padding-left: 50px !important;
  }
  .px-md-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .py-md-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .p-md-60 {
    padding: 60px !important;
  }
  .pt-md-60 {
    padding-top: 60px !important;
  }
  .pr-md-60 {
    padding-right: 60px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
  .pl-md-60 {
    padding-left: 60px !important;
  }
  .px-md-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-md-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .p-md-70 {
    padding: 70px !important;
  }
  .pt-md-70 {
    padding-top: 70px !important;
  }
  .pr-md-70 {
    padding-right: 70px !important;
  }
  .pb-md-70 {
    padding-bottom: 70px !important;
  }
  .pl-md-70 {
    padding-left: 70px !important;
  }
  .px-md-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .py-md-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .p-md-80 {
    padding: 80px !important;
  }
  .pt-md-80 {
    padding-top: 80px !important;
  }
  .pr-md-80 {
    padding-right: 80px !important;
  }
  .pb-md-80 {
    padding-bottom: 80px !important;
  }
  .pl-md-80 {
    padding-left: 80px !important;
  }
  .px-md-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-md-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .p-md-100 {
    padding: 100px !important;
  }
  .pt-md-100 {
    padding-top: 100px !important;
  }
  .pr-md-100 {
    padding-right: 100px !important;
  }
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
  .pl-md-100 {
    padding-left: 100px !important;
  }
  .px-md-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-md-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .m-md--30 {
    margin: -30px !important;
  }
  .mt-md--30 {
    margin-top: -30px !important;
  }
  .mr-md--30 {
    margin-right: -30px !important;
  }
  .mb-md--30 {
    margin-bottom: -30px !important;
  }
  .ml-md--30 {
    margin-left: -30px !important;
  }
  .mx-md--30 {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }
  .my-md--30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .m-md--25 {
    margin: -25px !important;
  }
  .mt-md--25 {
    margin-top: -25px !important;
  }
  .mr-md--25 {
    margin-right: -25px !important;
  }
  .mb-md--25 {
    margin-bottom: -25px !important;
  }
  .ml-md--25 {
    margin-left: -25px !important;
  }
  .mx-md--25 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .my-md--25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
  .m-md--20 {
    margin: -20px !important;
  }
  .mt-md--20 {
    margin-top: -20px !important;
  }
  .mr-md--20 {
    margin-right: -20px !important;
  }
  .mb-md--20 {
    margin-bottom: -20px !important;
  }
  .ml-md--20 {
    margin-left: -20px !important;
  }
  .mx-md--20 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .my-md--20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .m-md--15 {
    margin: -15px !important;
  }
  .mt-md--15 {
    margin-top: -15px !important;
  }
  .mr-md--15 {
    margin-right: -15px !important;
  }
  .mb-md--15 {
    margin-bottom: -15px !important;
  }
  .ml-md--15 {
    margin-left: -15px !important;
  }
  .mx-md--15 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .my-md--15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
  .m-md--10 {
    margin: -10px !important;
  }
  .mt-md--10 {
    margin-top: -10px !important;
  }
  .mr-md--10 {
    margin-right: -10px !important;
  }
  .mb-md--10 {
    margin-bottom: -10px !important;
  }
  .ml-md--10 {
    margin-left: -10px !important;
  }
  .mx-md--10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .my-md--10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .m-md--5 {
    margin: -5px !important;
  }
  .mt-md--5 {
    margin-top: -5px !important;
  }
  .mr-md--5 {
    margin-right: -5px !important;
  }
  .mb-md--5 {
    margin-bottom: -5px !important;
  }
  .ml-md--5 {
    margin-left: -5px !important;
  }
  .mx-md--5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }
  .my-md--5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
  .m-md--3 {
    margin: -3px !important;
  }
  .mt-md--3 {
    margin-top: -3px !important;
  }
  .mr-md--3 {
    margin-right: -3px !important;
  }
  .mb-md--3 {
    margin-bottom: -3px !important;
  }
  .ml-md--3 {
    margin-left: -3px !important;
  }
  .mx-md--3 {
    margin-right: -3px !important;
    margin-left: -3px !important;
  }
  .my-md--3 {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }
  .m-md--1 {
    margin: -1px !important;
  }
  .mt-md--1 {
    margin-top: -1px !important;
  }
  .mr-md--1 {
    margin-right: -1px !important;
  }
  .mb-md--1 {
    margin-bottom: -1px !important;
  }
  .ml-md--1 {
    margin-left: -1px !important;
  }
  .mx-md--1 {
    margin-right: -1px !important;
    margin-left: -1px !important;
  }
  .my-md--1 {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-lg-3 {
    margin: 3px !important;
  }
  .mt-lg-3 {
    margin-top: 3px !important;
  }
  .mr-lg-3 {
    margin-right: 3px !important;
  }
  .mb-lg-3 {
    margin-bottom: 3px !important;
  }
  .ml-lg-3 {
    margin-left: 3px !important;
  }
  .mx-lg-3 {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }
  .my-lg-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .m-lg-5 {
    margin: 5px !important;
  }
  .mt-lg-5 {
    margin-top: 5px !important;
  }
  .mr-lg-5 {
    margin-right: 5px !important;
  }
  .mb-lg-5 {
    margin-bottom: 5px !important;
  }
  .ml-lg-5 {
    margin-left: 5px !important;
  }
  .mx-lg-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .my-lg-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-lg-10 {
    margin: 10px !important;
  }
  .mt-lg-10 {
    margin-top: 10px !important;
  }
  .mr-lg-10 {
    margin-right: 10px !important;
  }
  .mb-lg-10 {
    margin-bottom: 10px !important;
  }
  .ml-lg-10 {
    margin-left: 10px !important;
  }
  .mx-lg-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .my-lg-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-lg-15 {
    margin: 15px !important;
  }
  .mt-lg-15 {
    margin-top: 15px !important;
  }
  .mr-lg-15 {
    margin-right: 15px !important;
  }
  .mb-lg-15 {
    margin-bottom: 15px !important;
  }
  .ml-lg-15 {
    margin-left: 15px !important;
  }
  .mx-lg-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .my-lg-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-lg-20 {
    margin: 20px !important;
  }
  .mt-lg-20 {
    margin-top: 20px !important;
  }
  .mr-lg-20 {
    margin-right: 20px !important;
  }
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
  .ml-lg-20 {
    margin-left: 20px !important;
  }
  .mx-lg-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-lg-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-lg-25 {
    margin: 25px !important;
  }
  .mt-lg-25 {
    margin-top: 25px !important;
  }
  .mr-lg-25 {
    margin-right: 25px !important;
  }
  .mb-lg-25 {
    margin-bottom: 25px !important;
  }
  .ml-lg-25 {
    margin-left: 25px !important;
  }
  .mx-lg-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .my-lg-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-lg-30 {
    margin: 30px !important;
  }
  .mt-lg-30 {
    margin-top: 30px !important;
  }
  .mr-lg-30 {
    margin-right: 30px !important;
  }
  .mb-lg-30 {
    margin-bottom: 30px !important;
  }
  .ml-lg-30 {
    margin-left: 30px !important;
  }
  .mx-lg-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .my-lg-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-lg-35 {
    margin: 35px !important;
  }
  .mt-lg-35 {
    margin-top: 35px !important;
  }
  .mr-lg-35 {
    margin-right: 35px !important;
  }
  .mb-lg-35 {
    margin-bottom: 35px !important;
  }
  .ml-lg-35 {
    margin-left: 35px !important;
  }
  .mx-lg-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .my-lg-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-lg-40 {
    margin: 40px !important;
  }
  .mt-lg-40 {
    margin-top: 40px !important;
  }
  .mr-lg-40 {
    margin-right: 40px !important;
  }
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
  .ml-lg-40 {
    margin-left: 40px !important;
  }
  .mx-lg-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-lg-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-lg-45 {
    margin: 45px !important;
  }
  .mt-lg-45 {
    margin-top: 45px !important;
  }
  .mr-lg-45 {
    margin-right: 45px !important;
  }
  .mb-lg-45 {
    margin-bottom: 45px !important;
  }
  .ml-lg-45 {
    margin-left: 45px !important;
  }
  .mx-lg-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .my-lg-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-lg-50 {
    margin: 50px !important;
  }
  .mt-lg-50 {
    margin-top: 50px !important;
  }
  .mr-lg-50 {
    margin-right: 50px !important;
  }
  .mb-lg-50 {
    margin-bottom: 50px !important;
  }
  .ml-lg-50 {
    margin-left: 50px !important;
  }
  .mx-lg-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .my-lg-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-lg-60 {
    margin: 60px !important;
  }
  .mt-lg-60 {
    margin-top: 60px !important;
  }
  .mr-lg-60 {
    margin-right: 60px !important;
  }
  .mb-lg-60 {
    margin-bottom: 60px !important;
  }
  .ml-lg-60 {
    margin-left: 60px !important;
  }
  .mx-lg-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-lg-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-lg-70 {
    margin: 70px !important;
  }
  .mt-lg-70 {
    margin-top: 70px !important;
  }
  .mr-lg-70 {
    margin-right: 70px !important;
  }
  .mb-lg-70 {
    margin-bottom: 70px !important;
  }
  .ml-lg-70 {
    margin-left: 70px !important;
  }
  .mx-lg-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .my-lg-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .m-lg-80 {
    margin: 80px !important;
  }
  .mt-lg-80 {
    margin-top: 80px !important;
  }
  .mr-lg-80 {
    margin-right: 80px !important;
  }
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
  .ml-lg-80 {
    margin-left: 80px !important;
  }
  .mx-lg-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-lg-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .m-lg-100 {
    margin: 100px !important;
  }
  .mt-lg-100 {
    margin-top: 100px !important;
  }
  .mr-lg-100 {
    margin-right: 100px !important;
  }
  .mb-lg-100 {
    margin-bottom: 100px !important;
  }
  .ml-lg-100 {
    margin-left: 100px !important;
  }
  .mx-lg-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .my-lg-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-lg-3 {
    padding: 3px !important;
  }
  .pt-lg-3 {
    padding-top: 3px !important;
  }
  .pr-lg-3 {
    padding-right: 3px !important;
  }
  .pb-lg-3 {
    padding-bottom: 3px !important;
  }
  .pl-lg-3 {
    padding-left: 3px !important;
  }
  .px-lg-3 {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .py-lg-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .p-lg-5 {
    padding: 5px !important;
  }
  .pt-lg-5 {
    padding-top: 5px !important;
  }
  .pr-lg-5 {
    padding-right: 5px !important;
  }
  .pb-lg-5 {
    padding-bottom: 5px !important;
  }
  .pl-lg-5 {
    padding-left: 5px !important;
  }
  .px-lg-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .py-lg-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .p-lg-10 {
    padding: 10px !important;
  }
  .pt-lg-10 {
    padding-top: 10px !important;
  }
  .pr-lg-10 {
    padding-right: 10px !important;
  }
  .pb-lg-10 {
    padding-bottom: 10px !important;
  }
  .pl-lg-10 {
    padding-left: 10px !important;
  }
  .px-lg-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .py-lg-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .p-lg-15 {
    padding: 15px !important;
  }
  .pt-lg-15 {
    padding-top: 15px !important;
  }
  .pr-lg-15 {
    padding-right: 15px !important;
  }
  .pb-lg-15 {
    padding-bottom: 15px !important;
  }
  .pl-lg-15 {
    padding-left: 15px !important;
  }
  .px-lg-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .py-lg-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .p-lg-20 {
    padding: 20px !important;
  }
  .pt-lg-20 {
    padding-top: 20px !important;
  }
  .pr-lg-20 {
    padding-right: 20px !important;
  }
  .pb-lg-20 {
    padding-bottom: 20px !important;
  }
  .pl-lg-20 {
    padding-left: 20px !important;
  }
  .px-lg-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-lg-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .p-lg-25 {
    padding: 25px !important;
  }
  .pt-lg-25 {
    padding-top: 25px !important;
  }
  .pr-lg-25 {
    padding-right: 25px !important;
  }
  .pb-lg-25 {
    padding-bottom: 25px !important;
  }
  .pl-lg-25 {
    padding-left: 25px !important;
  }
  .px-lg-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .py-lg-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .p-lg-30 {
    padding: 30px !important;
  }
  .pt-lg-30 {
    padding-top: 30px !important;
  }
  .pr-lg-30 {
    padding-right: 30px !important;
  }
  .pb-lg-30 {
    padding-bottom: 30px !important;
  }
  .pl-lg-30 {
    padding-left: 30px !important;
  }
  .px-lg-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .py-lg-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .p-lg-35 {
    padding: 35px !important;
  }
  .pt-lg-35 {
    padding-top: 35px !important;
  }
  .pr-lg-35 {
    padding-right: 35px !important;
  }
  .pb-lg-35 {
    padding-bottom: 35px !important;
  }
  .pl-lg-35 {
    padding-left: 35px !important;
  }
  .px-lg-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .py-lg-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .p-lg-40 {
    padding: 40px !important;
  }
  .pt-lg-40 {
    padding-top: 40px !important;
  }
  .pr-lg-40 {
    padding-right: 40px !important;
  }
  .pb-lg-40 {
    padding-bottom: 40px !important;
  }
  .pl-lg-40 {
    padding-left: 40px !important;
  }
  .px-lg-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-lg-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .p-lg-45 {
    padding: 45px !important;
  }
  .pt-lg-45 {
    padding-top: 45px !important;
  }
  .pr-lg-45 {
    padding-right: 45px !important;
  }
  .pb-lg-45 {
    padding-bottom: 45px !important;
  }
  .pl-lg-45 {
    padding-left: 45px !important;
  }
  .px-lg-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .py-lg-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .p-lg-50 {
    padding: 50px !important;
  }
  .pt-lg-50 {
    padding-top: 50px !important;
  }
  .pr-lg-50 {
    padding-right: 50px !important;
  }
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
  .pl-lg-50 {
    padding-left: 50px !important;
  }
  .px-lg-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .py-lg-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .p-lg-60 {
    padding: 60px !important;
  }
  .pt-lg-60 {
    padding-top: 60px !important;
  }
  .pr-lg-60 {
    padding-right: 60px !important;
  }
  .pb-lg-60 {
    padding-bottom: 60px !important;
  }
  .pl-lg-60 {
    padding-left: 60px !important;
  }
  .px-lg-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-lg-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .p-lg-70 {
    padding: 70px !important;
  }
  .pt-lg-70 {
    padding-top: 70px !important;
  }
  .pr-lg-70 {
    padding-right: 70px !important;
  }
  .pb-lg-70 {
    padding-bottom: 70px !important;
  }
  .pl-lg-70 {
    padding-left: 70px !important;
  }
  .px-lg-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .py-lg-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .p-lg-80 {
    padding: 80px !important;
  }
  .pt-lg-80 {
    padding-top: 80px !important;
  }
  .pr-lg-80 {
    padding-right: 80px !important;
  }
  .pb-lg-80 {
    padding-bottom: 80px !important;
  }
  .pl-lg-80 {
    padding-left: 80px !important;
  }
  .px-lg-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-lg-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .p-lg-100 {
    padding: 100px !important;
  }
  .pt-lg-100 {
    padding-top: 100px !important;
  }
  .pr-lg-100 {
    padding-right: 100px !important;
  }
  .pb-lg-100 {
    padding-bottom: 100px !important;
  }
  .pl-lg-100 {
    padding-left: 100px !important;
  }
  .px-lg-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-lg-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .m-lg--30 {
    margin: -30px !important;
  }
  .mt-lg--30 {
    margin-top: -30px !important;
  }
  .mr-lg--30 {
    margin-right: -30px !important;
  }
  .mb-lg--30 {
    margin-bottom: -30px !important;
  }
  .ml-lg--30 {
    margin-left: -30px !important;
  }
  .mx-lg--30 {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }
  .my-lg--30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .m-lg--25 {
    margin: -25px !important;
  }
  .mt-lg--25 {
    margin-top: -25px !important;
  }
  .mr-lg--25 {
    margin-right: -25px !important;
  }
  .mb-lg--25 {
    margin-bottom: -25px !important;
  }
  .ml-lg--25 {
    margin-left: -25px !important;
  }
  .mx-lg--25 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .my-lg--25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
  .m-lg--20 {
    margin: -20px !important;
  }
  .mt-lg--20 {
    margin-top: -20px !important;
  }
  .mr-lg--20 {
    margin-right: -20px !important;
  }
  .mb-lg--20 {
    margin-bottom: -20px !important;
  }
  .ml-lg--20 {
    margin-left: -20px !important;
  }
  .mx-lg--20 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .my-lg--20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .m-lg--15 {
    margin: -15px !important;
  }
  .mt-lg--15 {
    margin-top: -15px !important;
  }
  .mr-lg--15 {
    margin-right: -15px !important;
  }
  .mb-lg--15 {
    margin-bottom: -15px !important;
  }
  .ml-lg--15 {
    margin-left: -15px !important;
  }
  .mx-lg--15 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .my-lg--15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
  .m-lg--10 {
    margin: -10px !important;
  }
  .mt-lg--10 {
    margin-top: -10px !important;
  }
  .mr-lg--10 {
    margin-right: -10px !important;
  }
  .mb-lg--10 {
    margin-bottom: -10px !important;
  }
  .ml-lg--10 {
    margin-left: -10px !important;
  }
  .mx-lg--10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .my-lg--10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .m-lg--5 {
    margin: -5px !important;
  }
  .mt-lg--5 {
    margin-top: -5px !important;
  }
  .mr-lg--5 {
    margin-right: -5px !important;
  }
  .mb-lg--5 {
    margin-bottom: -5px !important;
  }
  .ml-lg--5 {
    margin-left: -5px !important;
  }
  .mx-lg--5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }
  .my-lg--5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
  .m-lg--3 {
    margin: -3px !important;
  }
  .mt-lg--3 {
    margin-top: -3px !important;
  }
  .mr-lg--3 {
    margin-right: -3px !important;
  }
  .mb-lg--3 {
    margin-bottom: -3px !important;
  }
  .ml-lg--3 {
    margin-left: -3px !important;
  }
  .mx-lg--3 {
    margin-right: -3px !important;
    margin-left: -3px !important;
  }
  .my-lg--3 {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }
  .m-lg--1 {
    margin: -1px !important;
  }
  .mt-lg--1 {
    margin-top: -1px !important;
  }
  .mr-lg--1 {
    margin-right: -1px !important;
  }
  .mb-lg--1 {
    margin-bottom: -1px !important;
  }
  .ml-lg--1 {
    margin-left: -1px !important;
  }
  .mx-lg--1 {
    margin-right: -1px !important;
    margin-left: -1px !important;
  }
  .my-lg--1 {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-xl-3 {
    margin: 3px !important;
  }
  .mt-xl-3 {
    margin-top: 3px !important;
  }
  .mr-xl-3 {
    margin-right: 3px !important;
  }
  .mb-xl-3 {
    margin-bottom: 3px !important;
  }
  .ml-xl-3 {
    margin-left: 3px !important;
  }
  .mx-xl-3 {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }
  .my-xl-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .m-xl-5 {
    margin: 5px !important;
  }
  .mt-xl-5 {
    margin-top: 5px !important;
  }
  .mr-xl-5 {
    margin-right: 5px !important;
  }
  .mb-xl-5 {
    margin-bottom: 5px !important;
  }
  .ml-xl-5 {
    margin-left: 5px !important;
  }
  .mx-xl-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .my-xl-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-xl-10 {
    margin: 10px !important;
  }
  .mt-xl-10 {
    margin-top: 10px !important;
  }
  .mr-xl-10 {
    margin-right: 10px !important;
  }
  .mb-xl-10 {
    margin-bottom: 10px !important;
  }
  .ml-xl-10 {
    margin-left: 10px !important;
  }
  .mx-xl-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .my-xl-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-xl-15 {
    margin: 15px !important;
  }
  .mt-xl-15 {
    margin-top: 15px !important;
  }
  .mr-xl-15 {
    margin-right: 15px !important;
  }
  .mb-xl-15 {
    margin-bottom: 15px !important;
  }
  .ml-xl-15 {
    margin-left: 15px !important;
  }
  .mx-xl-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .my-xl-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-xl-20 {
    margin: 20px !important;
  }
  .mt-xl-20 {
    margin-top: 20px !important;
  }
  .mr-xl-20 {
    margin-right: 20px !important;
  }
  .mb-xl-20 {
    margin-bottom: 20px !important;
  }
  .ml-xl-20 {
    margin-left: 20px !important;
  }
  .mx-xl-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-xl-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-xl-25 {
    margin: 25px !important;
  }
  .mt-xl-25 {
    margin-top: 25px !important;
  }
  .mr-xl-25 {
    margin-right: 25px !important;
  }
  .mb-xl-25 {
    margin-bottom: 25px !important;
  }
  .ml-xl-25 {
    margin-left: 25px !important;
  }
  .mx-xl-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .my-xl-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-xl-30 {
    margin: 30px !important;
  }
  .mt-xl-30 {
    margin-top: 30px !important;
  }
  .mr-xl-30 {
    margin-right: 30px !important;
  }
  .mb-xl-30 {
    margin-bottom: 30px !important;
  }
  .ml-xl-30 {
    margin-left: 30px !important;
  }
  .mx-xl-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .my-xl-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-xl-35 {
    margin: 35px !important;
  }
  .mt-xl-35 {
    margin-top: 35px !important;
  }
  .mr-xl-35 {
    margin-right: 35px !important;
  }
  .mb-xl-35 {
    margin-bottom: 35px !important;
  }
  .ml-xl-35 {
    margin-left: 35px !important;
  }
  .mx-xl-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .my-xl-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-xl-40 {
    margin: 40px !important;
  }
  .mt-xl-40 {
    margin-top: 40px !important;
  }
  .mr-xl-40 {
    margin-right: 40px !important;
  }
  .mb-xl-40 {
    margin-bottom: 40px !important;
  }
  .ml-xl-40 {
    margin-left: 40px !important;
  }
  .mx-xl-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-xl-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-xl-45 {
    margin: 45px !important;
  }
  .mt-xl-45 {
    margin-top: 45px !important;
  }
  .mr-xl-45 {
    margin-right: 45px !important;
  }
  .mb-xl-45 {
    margin-bottom: 45px !important;
  }
  .ml-xl-45 {
    margin-left: 45px !important;
  }
  .mx-xl-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .my-xl-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-xl-50 {
    margin: 50px !important;
  }
  .mt-xl-50 {
    margin-top: 50px !important;
  }
  .mr-xl-50 {
    margin-right: 50px !important;
  }
  .mb-xl-50 {
    margin-bottom: 50px !important;
  }
  .ml-xl-50 {
    margin-left: 50px !important;
  }
  .mx-xl-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .my-xl-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-xl-60 {
    margin: 60px !important;
  }
  .mt-xl-60 {
    margin-top: 60px !important;
  }
  .mr-xl-60 {
    margin-right: 60px !important;
  }
  .mb-xl-60 {
    margin-bottom: 60px !important;
  }
  .ml-xl-60 {
    margin-left: 60px !important;
  }
  .mx-xl-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-xl-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-xl-70 {
    margin: 70px !important;
  }
  .mt-xl-70 {
    margin-top: 70px !important;
  }
  .mr-xl-70 {
    margin-right: 70px !important;
  }
  .mb-xl-70 {
    margin-bottom: 70px !important;
  }
  .ml-xl-70 {
    margin-left: 70px !important;
  }
  .mx-xl-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .my-xl-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .m-xl-80 {
    margin: 80px !important;
  }
  .mt-xl-80 {
    margin-top: 80px !important;
  }
  .mr-xl-80 {
    margin-right: 80px !important;
  }
  .mb-xl-80 {
    margin-bottom: 80px !important;
  }
  .ml-xl-80 {
    margin-left: 80px !important;
  }
  .mx-xl-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-xl-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .m-xl-100 {
    margin: 100px !important;
  }
  .mt-xl-100 {
    margin-top: 100px !important;
  }
  .mr-xl-100 {
    margin-right: 100px !important;
  }
  .mb-xl-100 {
    margin-bottom: 100px !important;
  }
  .ml-xl-100 {
    margin-left: 100px !important;
  }
  .mx-xl-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .my-xl-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-xl-3 {
    padding: 3px !important;
  }
  .pt-xl-3 {
    padding-top: 3px !important;
  }
  .pr-xl-3 {
    padding-right: 3px !important;
  }
  .pb-xl-3 {
    padding-bottom: 3px !important;
  }
  .pl-xl-3 {
    padding-left: 3px !important;
  }
  .px-xl-3 {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .py-xl-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .p-xl-5 {
    padding: 5px !important;
  }
  .pt-xl-5 {
    padding-top: 5px !important;
  }
  .pr-xl-5 {
    padding-right: 5px !important;
  }
  .pb-xl-5 {
    padding-bottom: 5px !important;
  }
  .pl-xl-5 {
    padding-left: 5px !important;
  }
  .px-xl-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .py-xl-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .p-xl-10 {
    padding: 10px !important;
  }
  .pt-xl-10 {
    padding-top: 10px !important;
  }
  .pr-xl-10 {
    padding-right: 10px !important;
  }
  .pb-xl-10 {
    padding-bottom: 10px !important;
  }
  .pl-xl-10 {
    padding-left: 10px !important;
  }
  .px-xl-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .py-xl-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .p-xl-15 {
    padding: 15px !important;
  }
  .pt-xl-15 {
    padding-top: 15px !important;
  }
  .pr-xl-15 {
    padding-right: 15px !important;
  }
  .pb-xl-15 {
    padding-bottom: 15px !important;
  }
  .pl-xl-15 {
    padding-left: 15px !important;
  }
  .px-xl-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .py-xl-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .p-xl-20 {
    padding: 20px !important;
  }
  .pt-xl-20 {
    padding-top: 20px !important;
  }
  .pr-xl-20 {
    padding-right: 20px !important;
  }
  .pb-xl-20 {
    padding-bottom: 20px !important;
  }
  .pl-xl-20 {
    padding-left: 20px !important;
  }
  .px-xl-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-xl-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .p-xl-25 {
    padding: 25px !important;
  }
  .pt-xl-25 {
    padding-top: 25px !important;
  }
  .pr-xl-25 {
    padding-right: 25px !important;
  }
  .pb-xl-25 {
    padding-bottom: 25px !important;
  }
  .pl-xl-25 {
    padding-left: 25px !important;
  }
  .px-xl-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .py-xl-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .p-xl-30 {
    padding: 30px !important;
  }
  .pt-xl-30 {
    padding-top: 30px !important;
  }
  .pr-xl-30 {
    padding-right: 30px !important;
  }
  .pb-xl-30 {
    padding-bottom: 30px !important;
  }
  .pl-xl-30 {
    padding-left: 30px !important;
  }
  .px-xl-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .py-xl-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .p-xl-35 {
    padding: 35px !important;
  }
  .pt-xl-35 {
    padding-top: 35px !important;
  }
  .pr-xl-35 {
    padding-right: 35px !important;
  }
  .pb-xl-35 {
    padding-bottom: 35px !important;
  }
  .pl-xl-35 {
    padding-left: 35px !important;
  }
  .px-xl-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .py-xl-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .p-xl-40 {
    padding: 40px !important;
  }
  .pt-xl-40 {
    padding-top: 40px !important;
  }
  .pr-xl-40 {
    padding-right: 40px !important;
  }
  .pb-xl-40 {
    padding-bottom: 40px !important;
  }
  .pl-xl-40 {
    padding-left: 40px !important;
  }
  .px-xl-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-xl-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .p-xl-45 {
    padding: 45px !important;
  }
  .pt-xl-45 {
    padding-top: 45px !important;
  }
  .pr-xl-45 {
    padding-right: 45px !important;
  }
  .pb-xl-45 {
    padding-bottom: 45px !important;
  }
  .pl-xl-45 {
    padding-left: 45px !important;
  }
  .px-xl-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .py-xl-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .p-xl-50 {
    padding: 50px !important;
  }
  .pt-xl-50 {
    padding-top: 50px !important;
  }
  .pr-xl-50 {
    padding-right: 50px !important;
  }
  .pb-xl-50 {
    padding-bottom: 50px !important;
  }
  .pl-xl-50 {
    padding-left: 50px !important;
  }
  .px-xl-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .py-xl-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .p-xl-60 {
    padding: 60px !important;
  }
  .pt-xl-60 {
    padding-top: 60px !important;
  }
  .pr-xl-60 {
    padding-right: 60px !important;
  }
  .pb-xl-60 {
    padding-bottom: 60px !important;
  }
  .pl-xl-60 {
    padding-left: 60px !important;
  }
  .px-xl-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-xl-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .p-xl-70 {
    padding: 70px !important;
  }
  .pt-xl-70 {
    padding-top: 70px !important;
  }
  .pr-xl-70 {
    padding-right: 70px !important;
  }
  .pb-xl-70 {
    padding-bottom: 70px !important;
  }
  .pl-xl-70 {
    padding-left: 70px !important;
  }
  .px-xl-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .py-xl-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .p-xl-80 {
    padding: 80px !important;
  }
  .pt-xl-80 {
    padding-top: 80px !important;
  }
  .pr-xl-80 {
    padding-right: 80px !important;
  }
  .pb-xl-80 {
    padding-bottom: 80px !important;
  }
  .pl-xl-80 {
    padding-left: 80px !important;
  }
  .px-xl-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-xl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .p-xl-100 {
    padding: 100px !important;
  }
  .pt-xl-100 {
    padding-top: 100px !important;
  }
  .pr-xl-100 {
    padding-right: 100px !important;
  }
  .pb-xl-100 {
    padding-bottom: 100px !important;
  }
  .pl-xl-100 {
    padding-left: 100px !important;
  }
  .px-xl-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-xl-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .m-xl--30 {
    margin: -30px !important;
  }
  .mt-xl--30 {
    margin-top: -30px !important;
  }
  .mr-xl--30 {
    margin-right: -30px !important;
  }
  .mb-xl--30 {
    margin-bottom: -30px !important;
  }
  .ml-xl--30 {
    margin-left: -30px !important;
  }
  .mx-xl--30 {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }
  .my-xl--30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .m-xl--25 {
    margin: -25px !important;
  }
  .mt-xl--25 {
    margin-top: -25px !important;
  }
  .mr-xl--25 {
    margin-right: -25px !important;
  }
  .mb-xl--25 {
    margin-bottom: -25px !important;
  }
  .ml-xl--25 {
    margin-left: -25px !important;
  }
  .mx-xl--25 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .my-xl--25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
  .m-xl--20 {
    margin: -20px !important;
  }
  .mt-xl--20 {
    margin-top: -20px !important;
  }
  .mr-xl--20 {
    margin-right: -20px !important;
  }
  .mb-xl--20 {
    margin-bottom: -20px !important;
  }
  .ml-xl--20 {
    margin-left: -20px !important;
  }
  .mx-xl--20 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .my-xl--20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .m-xl--15 {
    margin: -15px !important;
  }
  .mt-xl--15 {
    margin-top: -15px !important;
  }
  .mr-xl--15 {
    margin-right: -15px !important;
  }
  .mb-xl--15 {
    margin-bottom: -15px !important;
  }
  .ml-xl--15 {
    margin-left: -15px !important;
  }
  .mx-xl--15 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .my-xl--15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
  .m-xl--10 {
    margin: -10px !important;
  }
  .mt-xl--10 {
    margin-top: -10px !important;
  }
  .mr-xl--10 {
    margin-right: -10px !important;
  }
  .mb-xl--10 {
    margin-bottom: -10px !important;
  }
  .ml-xl--10 {
    margin-left: -10px !important;
  }
  .mx-xl--10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .my-xl--10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .m-xl--5 {
    margin: -5px !important;
  }
  .mt-xl--5 {
    margin-top: -5px !important;
  }
  .mr-xl--5 {
    margin-right: -5px !important;
  }
  .mb-xl--5 {
    margin-bottom: -5px !important;
  }
  .ml-xl--5 {
    margin-left: -5px !important;
  }
  .mx-xl--5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }
  .my-xl--5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
  .m-xl--3 {
    margin: -3px !important;
  }
  .mt-xl--3 {
    margin-top: -3px !important;
  }
  .mr-xl--3 {
    margin-right: -3px !important;
  }
  .mb-xl--3 {
    margin-bottom: -3px !important;
  }
  .ml-xl--3 {
    margin-left: -3px !important;
  }
  .mx-xl--3 {
    margin-right: -3px !important;
    margin-left: -3px !important;
  }
  .my-xl--3 {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }
  .m-xl--1 {
    margin: -1px !important;
  }
  .mt-xl--1 {
    margin-top: -1px !important;
  }
  .mr-xl--1 {
    margin-right: -1px !important;
  }
  .mb-xl--1 {
    margin-bottom: -1px !important;
  }
  .ml-xl--1 {
    margin-left: -1px !important;
  }
  .mx-xl--1 {
    margin-right: -1px !important;
    margin-left: -1px !important;
  }
  .my-xl--1 {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1600px) {
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0 {
    margin-left: 0 !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-xxl-3 {
    margin: 3px !important;
  }
  .mt-xxl-3 {
    margin-top: 3px !important;
  }
  .mr-xxl-3 {
    margin-right: 3px !important;
  }
  .mb-xxl-3 {
    margin-bottom: 3px !important;
  }
  .ml-xxl-3 {
    margin-left: 3px !important;
  }
  .mx-xxl-3 {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }
  .my-xxl-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .m-xxl-5 {
    margin: 5px !important;
  }
  .mt-xxl-5 {
    margin-top: 5px !important;
  }
  .mr-xxl-5 {
    margin-right: 5px !important;
  }
  .mb-xxl-5 {
    margin-bottom: 5px !important;
  }
  .ml-xxl-5 {
    margin-left: 5px !important;
  }
  .mx-xxl-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .my-xxl-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-xxl-10 {
    margin: 10px !important;
  }
  .mt-xxl-10 {
    margin-top: 10px !important;
  }
  .mr-xxl-10 {
    margin-right: 10px !important;
  }
  .mb-xxl-10 {
    margin-bottom: 10px !important;
  }
  .ml-xxl-10 {
    margin-left: 10px !important;
  }
  .mx-xxl-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .my-xxl-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-xxl-15 {
    margin: 15px !important;
  }
  .mt-xxl-15 {
    margin-top: 15px !important;
  }
  .mr-xxl-15 {
    margin-right: 15px !important;
  }
  .mb-xxl-15 {
    margin-bottom: 15px !important;
  }
  .ml-xxl-15 {
    margin-left: 15px !important;
  }
  .mx-xxl-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .my-xxl-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-xxl-20 {
    margin: 20px !important;
  }
  .mt-xxl-20 {
    margin-top: 20px !important;
  }
  .mr-xxl-20 {
    margin-right: 20px !important;
  }
  .mb-xxl-20 {
    margin-bottom: 20px !important;
  }
  .ml-xxl-20 {
    margin-left: 20px !important;
  }
  .mx-xxl-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .my-xxl-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-xxl-25 {
    margin: 25px !important;
  }
  .mt-xxl-25 {
    margin-top: 25px !important;
  }
  .mr-xxl-25 {
    margin-right: 25px !important;
  }
  .mb-xxl-25 {
    margin-bottom: 25px !important;
  }
  .ml-xxl-25 {
    margin-left: 25px !important;
  }
  .mx-xxl-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .my-xxl-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-xxl-30 {
    margin: 30px !important;
  }
  .mt-xxl-30 {
    margin-top: 30px !important;
  }
  .mr-xxl-30 {
    margin-right: 30px !important;
  }
  .mb-xxl-30 {
    margin-bottom: 30px !important;
  }
  .ml-xxl-30 {
    margin-left: 30px !important;
  }
  .mx-xxl-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .my-xxl-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-xxl-35 {
    margin: 35px !important;
  }
  .mt-xxl-35 {
    margin-top: 35px !important;
  }
  .mr-xxl-35 {
    margin-right: 35px !important;
  }
  .mb-xxl-35 {
    margin-bottom: 35px !important;
  }
  .ml-xxl-35 {
    margin-left: 35px !important;
  }
  .mx-xxl-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .my-xxl-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-xxl-40 {
    margin: 40px !important;
  }
  .mt-xxl-40 {
    margin-top: 40px !important;
  }
  .mr-xxl-40 {
    margin-right: 40px !important;
  }
  .mb-xxl-40 {
    margin-bottom: 40px !important;
  }
  .ml-xxl-40 {
    margin-left: 40px !important;
  }
  .mx-xxl-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .my-xxl-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-xxl-45 {
    margin: 45px !important;
  }
  .mt-xxl-45 {
    margin-top: 45px !important;
  }
  .mr-xxl-45 {
    margin-right: 45px !important;
  }
  .mb-xxl-45 {
    margin-bottom: 45px !important;
  }
  .ml-xxl-45 {
    margin-left: 45px !important;
  }
  .mx-xxl-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .my-xxl-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-xxl-50 {
    margin: 50px !important;
  }
  .mt-xxl-50 {
    margin-top: 50px !important;
  }
  .mr-xxl-50 {
    margin-right: 50px !important;
  }
  .mb-xxl-50 {
    margin-bottom: 50px !important;
  }
  .ml-xxl-50 {
    margin-left: 50px !important;
  }
  .mx-xxl-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .my-xxl-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-xxl-60 {
    margin: 60px !important;
  }
  .mt-xxl-60 {
    margin-top: 60px !important;
  }
  .mr-xxl-60 {
    margin-right: 60px !important;
  }
  .mb-xxl-60 {
    margin-bottom: 60px !important;
  }
  .ml-xxl-60 {
    margin-left: 60px !important;
  }
  .mx-xxl-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-xxl-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-xxl-70 {
    margin: 70px !important;
  }
  .mt-xxl-70 {
    margin-top: 70px !important;
  }
  .mr-xxl-70 {
    margin-right: 70px !important;
  }
  .mb-xxl-70 {
    margin-bottom: 70px !important;
  }
  .ml-xxl-70 {
    margin-left: 70px !important;
  }
  .mx-xxl-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .my-xxl-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .m-xxl-80 {
    margin: 80px !important;
  }
  .mt-xxl-80 {
    margin-top: 80px !important;
  }
  .mr-xxl-80 {
    margin-right: 80px !important;
  }
  .mb-xxl-80 {
    margin-bottom: 80px !important;
  }
  .ml-xxl-80 {
    margin-left: 80px !important;
  }
  .mx-xxl-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .my-xxl-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .m-xxl-100 {
    margin: 100px !important;
  }
  .mt-xxl-100 {
    margin-top: 100px !important;
  }
  .mr-xxl-100 {
    margin-right: 100px !important;
  }
  .mb-xxl-100 {
    margin-bottom: 100px !important;
  }
  .ml-xxl-100 {
    margin-left: 100px !important;
  }
  .mx-xxl-100 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .my-xxl-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0 {
    padding-left: 0 !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-xxl-3 {
    padding: 3px !important;
  }
  .pt-xxl-3 {
    padding-top: 3px !important;
  }
  .pr-xxl-3 {
    padding-right: 3px !important;
  }
  .pb-xxl-3 {
    padding-bottom: 3px !important;
  }
  .pl-xxl-3 {
    padding-left: 3px !important;
  }
  .px-xxl-3 {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .py-xxl-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .p-xxl-5 {
    padding: 5px !important;
  }
  .pt-xxl-5 {
    padding-top: 5px !important;
  }
  .pr-xxl-5 {
    padding-right: 5px !important;
  }
  .pb-xxl-5 {
    padding-bottom: 5px !important;
  }
  .pl-xxl-5 {
    padding-left: 5px !important;
  }
  .px-xxl-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .py-xxl-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .p-xxl-10 {
    padding: 10px !important;
  }
  .pt-xxl-10 {
    padding-top: 10px !important;
  }
  .pr-xxl-10 {
    padding-right: 10px !important;
  }
  .pb-xxl-10 {
    padding-bottom: 10px !important;
  }
  .pl-xxl-10 {
    padding-left: 10px !important;
  }
  .px-xxl-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .py-xxl-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .p-xxl-15 {
    padding: 15px !important;
  }
  .pt-xxl-15 {
    padding-top: 15px !important;
  }
  .pr-xxl-15 {
    padding-right: 15px !important;
  }
  .pb-xxl-15 {
    padding-bottom: 15px !important;
  }
  .pl-xxl-15 {
    padding-left: 15px !important;
  }
  .px-xxl-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .py-xxl-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .p-xxl-20 {
    padding: 20px !important;
  }
  .pt-xxl-20 {
    padding-top: 20px !important;
  }
  .pr-xxl-20 {
    padding-right: 20px !important;
  }
  .pb-xxl-20 {
    padding-bottom: 20px !important;
  }
  .pl-xxl-20 {
    padding-left: 20px !important;
  }
  .px-xxl-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .py-xxl-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .p-xxl-25 {
    padding: 25px !important;
  }
  .pt-xxl-25 {
    padding-top: 25px !important;
  }
  .pr-xxl-25 {
    padding-right: 25px !important;
  }
  .pb-xxl-25 {
    padding-bottom: 25px !important;
  }
  .pl-xxl-25 {
    padding-left: 25px !important;
  }
  .px-xxl-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .py-xxl-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .p-xxl-30 {
    padding: 30px !important;
  }
  .pt-xxl-30 {
    padding-top: 30px !important;
  }
  .pr-xxl-30 {
    padding-right: 30px !important;
  }
  .pb-xxl-30 {
    padding-bottom: 30px !important;
  }
  .pl-xxl-30 {
    padding-left: 30px !important;
  }
  .px-xxl-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .py-xxl-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .p-xxl-35 {
    padding: 35px !important;
  }
  .pt-xxl-35 {
    padding-top: 35px !important;
  }
  .pr-xxl-35 {
    padding-right: 35px !important;
  }
  .pb-xxl-35 {
    padding-bottom: 35px !important;
  }
  .pl-xxl-35 {
    padding-left: 35px !important;
  }
  .px-xxl-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .py-xxl-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .p-xxl-40 {
    padding: 40px !important;
  }
  .pt-xxl-40 {
    padding-top: 40px !important;
  }
  .pr-xxl-40 {
    padding-right: 40px !important;
  }
  .pb-xxl-40 {
    padding-bottom: 40px !important;
  }
  .pl-xxl-40 {
    padding-left: 40px !important;
  }
  .px-xxl-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .py-xxl-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .p-xxl-45 {
    padding: 45px !important;
  }
  .pt-xxl-45 {
    padding-top: 45px !important;
  }
  .pr-xxl-45 {
    padding-right: 45px !important;
  }
  .pb-xxl-45 {
    padding-bottom: 45px !important;
  }
  .pl-xxl-45 {
    padding-left: 45px !important;
  }
  .px-xxl-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .py-xxl-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .p-xxl-50 {
    padding: 50px !important;
  }
  .pt-xxl-50 {
    padding-top: 50px !important;
  }
  .pr-xxl-50 {
    padding-right: 50px !important;
  }
  .pb-xxl-50 {
    padding-bottom: 50px !important;
  }
  .pl-xxl-50 {
    padding-left: 50px !important;
  }
  .px-xxl-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .py-xxl-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .p-xxl-60 {
    padding: 60px !important;
  }
  .pt-xxl-60 {
    padding-top: 60px !important;
  }
  .pr-xxl-60 {
    padding-right: 60px !important;
  }
  .pb-xxl-60 {
    padding-bottom: 60px !important;
  }
  .pl-xxl-60 {
    padding-left: 60px !important;
  }
  .px-xxl-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-xxl-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .p-xxl-70 {
    padding: 70px !important;
  }
  .pt-xxl-70 {
    padding-top: 70px !important;
  }
  .pr-xxl-70 {
    padding-right: 70px !important;
  }
  .pb-xxl-70 {
    padding-bottom: 70px !important;
  }
  .pl-xxl-70 {
    padding-left: 70px !important;
  }
  .px-xxl-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .py-xxl-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .p-xxl-80 {
    padding: 80px !important;
  }
  .pt-xxl-80 {
    padding-top: 80px !important;
  }
  .pr-xxl-80 {
    padding-right: 80px !important;
  }
  .pb-xxl-80 {
    padding-bottom: 80px !important;
  }
  .pl-xxl-80 {
    padding-left: 80px !important;
  }
  .px-xxl-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .py-xxl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .p-xxl-100 {
    padding: 100px !important;
  }
  .pt-xxl-100 {
    padding-top: 100px !important;
  }
  .pr-xxl-100 {
    padding-right: 100px !important;
  }
  .pb-xxl-100 {
    padding-bottom: 100px !important;
  }
  .pl-xxl-100 {
    padding-left: 100px !important;
  }
  .px-xxl-100 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py-xxl-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .m-xxl--30 {
    margin: -30px !important;
  }
  .mt-xxl--30 {
    margin-top: -30px !important;
  }
  .mr-xxl--30 {
    margin-right: -30px !important;
  }
  .mb-xxl--30 {
    margin-bottom: -30px !important;
  }
  .ml-xxl--30 {
    margin-left: -30px !important;
  }
  .mx-xxl--30 {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }
  .my-xxl--30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .m-xxl--25 {
    margin: -25px !important;
  }
  .mt-xxl--25 {
    margin-top: -25px !important;
  }
  .mr-xxl--25 {
    margin-right: -25px !important;
  }
  .mb-xxl--25 {
    margin-bottom: -25px !important;
  }
  .ml-xxl--25 {
    margin-left: -25px !important;
  }
  .mx-xxl--25 {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }
  .my-xxl--25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }
  .m-xxl--20 {
    margin: -20px !important;
  }
  .mt-xxl--20 {
    margin-top: -20px !important;
  }
  .mr-xxl--20 {
    margin-right: -20px !important;
  }
  .mb-xxl--20 {
    margin-bottom: -20px !important;
  }
  .ml-xxl--20 {
    margin-left: -20px !important;
  }
  .mx-xxl--20 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .my-xxl--20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .m-xxl--15 {
    margin: -15px !important;
  }
  .mt-xxl--15 {
    margin-top: -15px !important;
  }
  .mr-xxl--15 {
    margin-right: -15px !important;
  }
  .mb-xxl--15 {
    margin-bottom: -15px !important;
  }
  .ml-xxl--15 {
    margin-left: -15px !important;
  }
  .mx-xxl--15 {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .my-xxl--15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }
  .m-xxl--10 {
    margin: -10px !important;
  }
  .mt-xxl--10 {
    margin-top: -10px !important;
  }
  .mr-xxl--10 {
    margin-right: -10px !important;
  }
  .mb-xxl--10 {
    margin-bottom: -10px !important;
  }
  .ml-xxl--10 {
    margin-left: -10px !important;
  }
  .mx-xxl--10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .my-xxl--10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .m-xxl--5 {
    margin: -5px !important;
  }
  .mt-xxl--5 {
    margin-top: -5px !important;
  }
  .mr-xxl--5 {
    margin-right: -5px !important;
  }
  .mb-xxl--5 {
    margin-bottom: -5px !important;
  }
  .ml-xxl--5 {
    margin-left: -5px !important;
  }
  .mx-xxl--5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }
  .my-xxl--5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
  .m-xxl--3 {
    margin: -3px !important;
  }
  .mt-xxl--3 {
    margin-top: -3px !important;
  }
  .mr-xxl--3 {
    margin-right: -3px !important;
  }
  .mb-xxl--3 {
    margin-bottom: -3px !important;
  }
  .ml-xxl--3 {
    margin-left: -3px !important;
  }
  .mx-xxl--3 {
    margin-right: -3px !important;
    margin-left: -3px !important;
  }
  .my-xxl--3 {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }
  .m-xxl--1 {
    margin: -1px !important;
  }
  .mt-xxl--1 {
    margin-top: -1px !important;
  }
  .mr-xxl--1 {
    margin-right: -1px !important;
  }
  .mb-xxl--1 {
    margin-bottom: -1px !important;
  }
  .ml-xxl--1 {
    margin-left: -1px !important;
  }
  .mx-xxl--1 {
    margin-right: -1px !important;
    margin-left: -1px !important;
  }
  .my-xxl--1 {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.w-20 {
  width: 20px !important;
}

.w-30 {
  width: 30px !important;
}

.w-40 {
  width: 40px !important;
}

.w-50 {
  width: 50px !important;
}

.w-60 {
  width: 60px !important;
}

.w-80 {
  width: 80px !important;
}

.w-100 {
  width: 100px !important;
}

.w-120 {
  width: 120px !important;
}

.w-150 {
  width: 150px !important;
}

.w-160 {
  width: 160px !important;
}

.w-200 {
  width: 200px !important;
}

.w-250 {
  width: 250px !important;
}

.w-300 {
  width: 300px !important;
}

.w-350 {
  width: 350px !important;
}

.w-400 {
  width: 400px !important;
}

.w-450 {
  width: 450px !important;
}

.w-500 {
  width: 500px !important;
}

.w-p5 {
  width: 5% !important;
}

.w-p10 {
  width: 10% !important;
}

.w-p15 {
  width: 15% !important;
}

.w-p20 {
  width: 20% !important;
}

.w-p25 {
  width: 25% !important;
}

.w-p30 {
  width: 30% !important;
}

.w-p33 {
  width: 33.3333% !important;
}

.w-p50 {
  width: 50% !important;
}

.w-p75 {
  width: 75% !important;
}

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

.h-20 {
  height: 20px !important;
}

.h-30 {
  height: 30px !important;
}

.h-40 {
  height: 40px !important;
}

.h-50 {
  height: 50px !important;
}

.h-60 {
  height: 60px !important;
}

.h-80 {
  height: 80px !important;
}

.h-100 {
  height: 100px !important;
}

.h-120 {
  height: 120px !important;
}

.h-150 {
  height: 150px !important;
}

.h-160 {
  height: 160px !important;
}

.h-200 {
  height: 200px !important;
}

.h-250 {
  height: 250px !important;
}

.h-300 {
  height: 300px !important;
}

.h-350 {
  height: 350px !important;
}

.h-400 {
  height: 400px !important;
}

.h-450 {
  height: 450px !important;
}

.h-500 {
  height: 500px !important;
}

.h-p5 {
  height: 5% !important;
}

.h-p10 {
  height: 10% !important;
}

.h-p15 {
  height: 15% !important;
}

.h-p20 {
  height: 20% !important;
}

.h-p25 {
  height: 25% !important;
}

.h-p30 {
  height: 30% !important;
}

.h-p33 {
  height: 33.3333% !important;
}

.h-p50 {
  height: 50% !important;
}

.h-p75 {
  height: 75% !important;
}

.h-p100 {
  height: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-auto {
  height: auto !important;
}

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

.h-full {
  height: 100% !important;
}

@media (min-width: 480px) {
  .w-sm-20 {
    width: 20px !important;
  }
  .w-sm-30 {
    width: 30px !important;
  }
  .w-sm-40 {
    width: 40px !important;
  }
  .w-sm-50 {
    width: 50px !important;
  }
  .w-sm-60 {
    width: 60px !important;
  }
  .w-sm-80 {
    width: 80px !important;
  }
  .w-sm-100 {
    width: 100px !important;
  }
  .w-sm-120 {
    width: 120px !important;
  }
  .w-sm-150 {
    width: 150px !important;
  }
  .w-sm-160 {
    width: 160px !important;
  }
  .w-sm-200 {
    width: 200px !important;
  }
  .w-sm-250 {
    width: 250px !important;
  }
  .w-sm-300 {
    width: 300px !important;
  }
  .w-sm-350 {
    width: 350px !important;
  }
  .w-sm-400 {
    width: 400px !important;
  }
  .w-sm-450 {
    width: 450px !important;
  }
  .w-sm-500 {
    width: 500px !important;
  }
  .w-sm-p5 {
    width: 5% !important;
  }
  .w-sm-p10 {
    width: 10% !important;
  }
  .w-sm-p15 {
    width: 15% !important;
  }
  .w-sm-p20 {
    width: 20% !important;
  }
  .w-sm-p25 {
    width: 25% !important;
  }
  .w-sm-p30 {
    width: 30% !important;
  }
  .w-sm-p33 {
    width: 33.3333% !important;
  }
  .w-sm-p50 {
    width: 50% !important;
  }
  .w-sm-p75 {
    width: 75% !important;
  }
  .w-sm-p100 {
    width: 100% !important;
  }
  .h-sm-20 {
    height: 20px !important;
  }
  .h-sm-30 {
    height: 30px !important;
  }
  .h-sm-40 {
    height: 40px !important;
  }
  .h-sm-50 {
    height: 50px !important;
  }
  .h-sm-60 {
    height: 60px !important;
  }
  .h-sm-80 {
    height: 80px !important;
  }
  .h-sm-100 {
    height: 100px !important;
  }
  .h-sm-120 {
    height: 120px !important;
  }
  .h-sm-150 {
    height: 150px !important;
  }
  .h-sm-160 {
    height: 160px !important;
  }
  .h-sm-200 {
    height: 200px !important;
  }
  .h-sm-250 {
    height: 250px !important;
  }
  .h-sm-300 {
    height: 300px !important;
  }
  .h-sm-350 {
    height: 350px !important;
  }
  .h-sm-400 {
    height: 400px !important;
  }
  .h-sm-450 {
    height: 450px !important;
  }
  .h-sm-500 {
    height: 500px !important;
  }
  .h-sm-p5 {
    height: 5% !important;
  }
  .h-sm-p10 {
    height: 10% !important;
  }
  .h-sm-p15 {
    height: 15% !important;
  }
  .h-sm-p20 {
    height: 20% !important;
  }
  .h-sm-p25 {
    height: 25% !important;
  }
  .h-sm-p30 {
    height: 30% !important;
  }
  .h-sm-p33 {
    height: 33.3333% !important;
  }
  .h-sm-p50 {
    height: 50% !important;
  }
  .h-sm-p75 {
    height: 75% !important;
  }
  .h-sm-p100 {
    height: 100% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .h-sm-auto {
    height: auto !important;
  }
  .w-sm-full {
    width: 100% !important;
  }
  .h-sm-full {
    height: 100% !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .w-only-sm-20 {
    width: 20px !important;
  }
  .w-only-sm-30 {
    width: 30px !important;
  }
  .w-only-sm-40 {
    width: 40px !important;
  }
  .w-only-sm-50 {
    width: 50px !important;
  }
  .w-only-sm-60 {
    width: 60px !important;
  }
  .w-only-sm-80 {
    width: 80px !important;
  }
  .w-only-sm-100 {
    width: 100px !important;
  }
  .w-only-sm-120 {
    width: 120px !important;
  }
  .w-only-sm-150 {
    width: 150px !important;
  }
  .w-only-sm-160 {
    width: 160px !important;
  }
  .w-only-sm-200 {
    width: 200px !important;
  }
  .w-only-sm-250 {
    width: 250px !important;
  }
  .w-only-sm-300 {
    width: 300px !important;
  }
  .w-only-sm-350 {
    width: 350px !important;
  }
  .w-only-sm-400 {
    width: 400px !important;
  }
  .w-only-sm-450 {
    width: 450px !important;
  }
  .w-only-sm-500 {
    width: 500px !important;
  }
  .w-only-sm-p5 {
    width: 5% !important;
  }
  .w-only-sm-p10 {
    width: 10% !important;
  }
  .w-only-sm-p15 {
    width: 15% !important;
  }
  .w-only-sm-p20 {
    width: 20% !important;
  }
  .w-only-sm-p25 {
    width: 25% !important;
  }
  .w-only-sm-p30 {
    width: 30% !important;
  }
  .w-only-sm-p33 {
    width: 33.3333% !important;
  }
  .w-only-sm-p50 {
    width: 50% !important;
  }
  .w-only-sm-p75 {
    width: 75% !important;
  }
  .w-only-sm-p100 {
    width: 100% !important;
  }
  .h-only-sm-20 {
    height: 20px !important;
  }
  .h-only-sm-30 {
    height: 30px !important;
  }
  .h-only-sm-40 {
    height: 40px !important;
  }
  .h-only-sm-50 {
    height: 50px !important;
  }
  .h-only-sm-60 {
    height: 60px !important;
  }
  .h-only-sm-80 {
    height: 80px !important;
  }
  .h-only-sm-100 {
    height: 100px !important;
  }
  .h-only-sm-120 {
    height: 120px !important;
  }
  .h-only-sm-150 {
    height: 150px !important;
  }
  .h-only-sm-160 {
    height: 160px !important;
  }
  .h-only-sm-200 {
    height: 200px !important;
  }
  .h-only-sm-250 {
    height: 250px !important;
  }
  .h-only-sm-300 {
    height: 300px !important;
  }
  .h-only-sm-350 {
    height: 350px !important;
  }
  .h-only-sm-400 {
    height: 400px !important;
  }
  .h-only-sm-450 {
    height: 450px !important;
  }
  .h-only-sm-500 {
    height: 500px !important;
  }
  .h-only-sm-p5 {
    height: 5% !important;
  }
  .h-only-sm-p10 {
    height: 10% !important;
  }
  .h-only-sm-p15 {
    height: 15% !important;
  }
  .h-only-sm-p20 {
    height: 20% !important;
  }
  .h-only-sm-p25 {
    height: 25% !important;
  }
  .h-only-sm-p30 {
    height: 30% !important;
  }
  .h-only-sm-p33 {
    height: 33.3333% !important;
  }
  .h-only-sm-p50 {
    height: 50% !important;
  }
  .h-only-sm-p75 {
    height: 75% !important;
  }
  .h-only-sm-p100 {
    height: 100% !important;
  }
  .w-only-sm-auto {
    width: auto !important;
  }
  .h-only-sm-auto {
    height: auto !important;
  }
  .w-only-sm-full {
    width: 100% !important;
  }
  .h-only-sm-full {
    height: 100% !important;
  }
}
@media (min-width: 768px) {
  .w-md-20 {
    width: 20px !important;
  }
  .w-md-30 {
    width: 30px !important;
  }
  .w-md-40 {
    width: 40px !important;
  }
  .w-md-50 {
    width: 50px !important;
  }
  .w-md-60 {
    width: 60px !important;
  }
  .w-md-80 {
    width: 80px !important;
  }
  .w-md-100 {
    width: 100px !important;
  }
  .w-md-120 {
    width: 120px !important;
  }
  .w-md-150 {
    width: 150px !important;
  }
  .w-md-160 {
    width: 160px !important;
  }
  .w-md-200 {
    width: 200px !important;
  }
  .w-md-250 {
    width: 250px !important;
  }
  .w-md-300 {
    width: 300px !important;
  }
  .w-md-350 {
    width: 350px !important;
  }
  .w-md-400 {
    width: 400px !important;
  }
  .w-md-450 {
    width: 450px !important;
  }
  .w-md-500 {
    width: 500px !important;
  }
  .w-md-p5 {
    width: 5% !important;
  }
  .w-md-p10 {
    width: 10% !important;
  }
  .w-md-p15 {
    width: 15% !important;
  }
  .w-md-p20 {
    width: 20% !important;
  }
  .w-md-p25 {
    width: 25% !important;
  }
  .w-md-p30 {
    width: 30% !important;
  }
  .w-md-p33 {
    width: 33.3333% !important;
  }
  .w-md-p50 {
    width: 50% !important;
  }
  .w-md-p75 {
    width: 75% !important;
  }
  .w-md-p100 {
    width: 100% !important;
  }
  .h-md-20 {
    height: 20px !important;
  }
  .h-md-30 {
    height: 30px !important;
  }
  .h-md-40 {
    height: 40px !important;
  }
  .h-md-50 {
    height: 50px !important;
  }
  .h-md-60 {
    height: 60px !important;
  }
  .h-md-80 {
    height: 80px !important;
  }
  .h-md-100 {
    height: 100px !important;
  }
  .h-md-120 {
    height: 120px !important;
  }
  .h-md-150 {
    height: 150px !important;
  }
  .h-md-160 {
    height: 160px !important;
  }
  .h-md-200 {
    height: 200px !important;
  }
  .h-md-250 {
    height: 250px !important;
  }
  .h-md-300 {
    height: 300px !important;
  }
  .h-md-350 {
    height: 350px !important;
  }
  .h-md-400 {
    height: 400px !important;
  }
  .h-md-450 {
    height: 450px !important;
  }
  .h-md-500 {
    height: 500px !important;
  }
  .h-md-p5 {
    height: 5% !important;
  }
  .h-md-p10 {
    height: 10% !important;
  }
  .h-md-p15 {
    height: 15% !important;
  }
  .h-md-p20 {
    height: 20% !important;
  }
  .h-md-p25 {
    height: 25% !important;
  }
  .h-md-p30 {
    height: 30% !important;
  }
  .h-md-p33 {
    height: 33.3333% !important;
  }
  .h-md-p50 {
    height: 50% !important;
  }
  .h-md-p75 {
    height: 75% !important;
  }
  .h-md-p100 {
    height: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .h-md-auto {
    height: auto !important;
  }
  .w-md-full {
    width: 100% !important;
  }
  .h-md-full {
    height: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .w-only-md-20 {
    width: 20px !important;
  }
  .w-only-md-30 {
    width: 30px !important;
  }
  .w-only-md-40 {
    width: 40px !important;
  }
  .w-only-md-50 {
    width: 50px !important;
  }
  .w-only-md-60 {
    width: 60px !important;
  }
  .w-only-md-80 {
    width: 80px !important;
  }
  .w-only-md-100 {
    width: 100px !important;
  }
  .w-only-md-120 {
    width: 120px !important;
  }
  .w-only-md-150 {
    width: 150px !important;
  }
  .w-only-md-160 {
    width: 160px !important;
  }
  .w-only-md-200 {
    width: 200px !important;
  }
  .w-only-md-250 {
    width: 250px !important;
  }
  .w-only-md-300 {
    width: 300px !important;
  }
  .w-only-md-350 {
    width: 350px !important;
  }
  .w-only-md-400 {
    width: 400px !important;
  }
  .w-only-md-450 {
    width: 450px !important;
  }
  .w-only-md-500 {
    width: 500px !important;
  }
  .w-only-md-p5 {
    width: 5% !important;
  }
  .w-only-md-p10 {
    width: 10% !important;
  }
  .w-only-md-p15 {
    width: 15% !important;
  }
  .w-only-md-p20 {
    width: 20% !important;
  }
  .w-only-md-p25 {
    width: 25% !important;
  }
  .w-only-md-p30 {
    width: 30% !important;
  }
  .w-only-md-p33 {
    width: 33.3333% !important;
  }
  .w-only-md-p50 {
    width: 50% !important;
  }
  .w-only-md-p75 {
    width: 75% !important;
  }
  .w-only-md-p100 {
    width: 100% !important;
  }
  .h-only-md-20 {
    height: 20px !important;
  }
  .h-only-md-30 {
    height: 30px !important;
  }
  .h-only-md-40 {
    height: 40px !important;
  }
  .h-only-md-50 {
    height: 50px !important;
  }
  .h-only-md-60 {
    height: 60px !important;
  }
  .h-only-md-80 {
    height: 80px !important;
  }
  .h-only-md-100 {
    height: 100px !important;
  }
  .h-only-md-120 {
    height: 120px !important;
  }
  .h-only-md-150 {
    height: 150px !important;
  }
  .h-only-md-160 {
    height: 160px !important;
  }
  .h-only-md-200 {
    height: 200px !important;
  }
  .h-only-md-250 {
    height: 250px !important;
  }
  .h-only-md-300 {
    height: 300px !important;
  }
  .h-only-md-350 {
    height: 350px !important;
  }
  .h-only-md-400 {
    height: 400px !important;
  }
  .h-only-md-450 {
    height: 450px !important;
  }
  .h-only-md-500 {
    height: 500px !important;
  }
  .h-only-md-p5 {
    height: 5% !important;
  }
  .h-only-md-p10 {
    height: 10% !important;
  }
  .h-only-md-p15 {
    height: 15% !important;
  }
  .h-only-md-p20 {
    height: 20% !important;
  }
  .h-only-md-p25 {
    height: 25% !important;
  }
  .h-only-md-p30 {
    height: 30% !important;
  }
  .h-only-md-p33 {
    height: 33.3333% !important;
  }
  .h-only-md-p50 {
    height: 50% !important;
  }
  .h-only-md-p75 {
    height: 75% !important;
  }
  .h-only-md-p100 {
    height: 100% !important;
  }
  .w-only-md-auto {
    width: auto !important;
  }
  .h-only-md-auto {
    height: auto !important;
  }
  .w-only-md-full {
    width: 100% !important;
  }
  .h-only-md-full {
    height: 100% !important;
  }
}
@media (min-width: 992px) {
  .w-lg-20 {
    width: 20px !important;
  }
  .w-lg-30 {
    width: 30px !important;
  }
  .w-lg-40 {
    width: 40px !important;
  }
  .w-lg-50 {
    width: 50px !important;
  }
  .w-lg-60 {
    width: 60px !important;
  }
  .w-lg-80 {
    width: 80px !important;
  }
  .w-lg-100 {
    width: 100px !important;
  }
  .w-lg-120 {
    width: 120px !important;
  }
  .w-lg-150 {
    width: 150px !important;
  }
  .w-lg-160 {
    width: 160px !important;
  }
  .w-lg-200 {
    width: 200px !important;
  }
  .w-lg-250 {
    width: 250px !important;
  }
  .w-lg-300 {
    width: 300px !important;
  }
  .w-lg-350 {
    width: 350px !important;
  }
  .w-lg-400 {
    width: 400px !important;
  }
  .w-lg-450 {
    width: 450px !important;
  }
  .w-lg-500 {
    width: 500px !important;
  }
  .w-lg-p5 {
    width: 5% !important;
  }
  .w-lg-p10 {
    width: 10% !important;
  }
  .w-lg-p15 {
    width: 15% !important;
  }
  .w-lg-p20 {
    width: 20% !important;
  }
  .w-lg-p25 {
    width: 25% !important;
  }
  .w-lg-p30 {
    width: 30% !important;
  }
  .w-lg-p33 {
    width: 33.3333% !important;
  }
  .w-lg-p50 {
    width: 50% !important;
  }
  .w-lg-p75 {
    width: 75% !important;
  }
  .w-lg-p100 {
    width: 100% !important;
  }
  .h-lg-20 {
    height: 20px !important;
  }
  .h-lg-30 {
    height: 30px !important;
  }
  .h-lg-40 {
    height: 40px !important;
  }
  .h-lg-50 {
    height: 50px !important;
  }
  .h-lg-60 {
    height: 60px !important;
  }
  .h-lg-80 {
    height: 80px !important;
  }
  .h-lg-100 {
    height: 100px !important;
  }
  .h-lg-120 {
    height: 120px !important;
  }
  .h-lg-150 {
    height: 150px !important;
  }
  .h-lg-160 {
    height: 160px !important;
  }
  .h-lg-200 {
    height: 200px !important;
  }
  .h-lg-250 {
    height: 250px !important;
  }
  .h-lg-300 {
    height: 300px !important;
  }
  .h-lg-350 {
    height: 350px !important;
  }
  .h-lg-400 {
    height: 400px !important;
  }
  .h-lg-450 {
    height: 450px !important;
  }
  .h-lg-500 {
    height: 500px !important;
  }
  .h-lg-p5 {
    height: 5% !important;
  }
  .h-lg-p10 {
    height: 10% !important;
  }
  .h-lg-p15 {
    height: 15% !important;
  }
  .h-lg-p20 {
    height: 20% !important;
  }
  .h-lg-p25 {
    height: 25% !important;
  }
  .h-lg-p30 {
    height: 30% !important;
  }
  .h-lg-p33 {
    height: 33.3333% !important;
  }
  .h-lg-p50 {
    height: 50% !important;
  }
  .h-lg-p75 {
    height: 75% !important;
  }
  .h-lg-p100 {
    height: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .h-lg-auto {
    height: auto !important;
  }
  .w-lg-full {
    width: 100% !important;
  }
  .h-lg-full {
    height: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .w-only-lg-20 {
    width: 20px !important;
  }
  .w-only-lg-30 {
    width: 30px !important;
  }
  .w-only-lg-40 {
    width: 40px !important;
  }
  .w-only-lg-50 {
    width: 50px !important;
  }
  .w-only-lg-60 {
    width: 60px !important;
  }
  .w-only-lg-80 {
    width: 80px !important;
  }
  .w-only-lg-100 {
    width: 100px !important;
  }
  .w-only-lg-120 {
    width: 120px !important;
  }
  .w-only-lg-150 {
    width: 150px !important;
  }
  .w-only-lg-160 {
    width: 160px !important;
  }
  .w-only-lg-200 {
    width: 200px !important;
  }
  .w-only-lg-250 {
    width: 250px !important;
  }
  .w-only-lg-300 {
    width: 300px !important;
  }
  .w-only-lg-350 {
    width: 350px !important;
  }
  .w-only-lg-400 {
    width: 400px !important;
  }
  .w-only-lg-450 {
    width: 450px !important;
  }
  .w-only-lg-500 {
    width: 500px !important;
  }
  .w-only-lg-p5 {
    width: 5% !important;
  }
  .w-only-lg-p10 {
    width: 10% !important;
  }
  .w-only-lg-p15 {
    width: 15% !important;
  }
  .w-only-lg-p20 {
    width: 20% !important;
  }
  .w-only-lg-p25 {
    width: 25% !important;
  }
  .w-only-lg-p30 {
    width: 30% !important;
  }
  .w-only-lg-p33 {
    width: 33.3333% !important;
  }
  .w-only-lg-p50 {
    width: 50% !important;
  }
  .w-only-lg-p75 {
    width: 75% !important;
  }
  .w-only-lg-p100 {
    width: 100% !important;
  }
  .h-only-lg-20 {
    height: 20px !important;
  }
  .h-only-lg-30 {
    height: 30px !important;
  }
  .h-only-lg-40 {
    height: 40px !important;
  }
  .h-only-lg-50 {
    height: 50px !important;
  }
  .h-only-lg-60 {
    height: 60px !important;
  }
  .h-only-lg-80 {
    height: 80px !important;
  }
  .h-only-lg-100 {
    height: 100px !important;
  }
  .h-only-lg-120 {
    height: 120px !important;
  }
  .h-only-lg-150 {
    height: 150px !important;
  }
  .h-only-lg-160 {
    height: 160px !important;
  }
  .h-only-lg-200 {
    height: 200px !important;
  }
  .h-only-lg-250 {
    height: 250px !important;
  }
  .h-only-lg-300 {
    height: 300px !important;
  }
  .h-only-lg-350 {
    height: 350px !important;
  }
  .h-only-lg-400 {
    height: 400px !important;
  }
  .h-only-lg-450 {
    height: 450px !important;
  }
  .h-only-lg-500 {
    height: 500px !important;
  }
  .h-only-lg-p5 {
    height: 5% !important;
  }
  .h-only-lg-p10 {
    height: 10% !important;
  }
  .h-only-lg-p15 {
    height: 15% !important;
  }
  .h-only-lg-p20 {
    height: 20% !important;
  }
  .h-only-lg-p25 {
    height: 25% !important;
  }
  .h-only-lg-p30 {
    height: 30% !important;
  }
  .h-only-lg-p33 {
    height: 33.3333% !important;
  }
  .h-only-lg-p50 {
    height: 50% !important;
  }
  .h-only-lg-p75 {
    height: 75% !important;
  }
  .h-only-lg-p100 {
    height: 100% !important;
  }
  .w-only-lg-auto {
    width: auto !important;
  }
  .h-only-lg-auto {
    height: auto !important;
  }
  .w-only-lg-full {
    width: 100% !important;
  }
  .h-only-lg-full {
    height: 100% !important;
  }
}
@media (min-width: 1200px) {
  .w-xl-20 {
    width: 20px !important;
  }
  .w-xl-30 {
    width: 30px !important;
  }
  .w-xl-40 {
    width: 40px !important;
  }
  .w-xl-50 {
    width: 50px !important;
  }
  .w-xl-60 {
    width: 60px !important;
  }
  .w-xl-80 {
    width: 80px !important;
  }
  .w-xl-100 {
    width: 100px !important;
  }
  .w-xl-120 {
    width: 120px !important;
  }
  .w-xl-150 {
    width: 150px !important;
  }
  .w-xl-160 {
    width: 160px !important;
  }
  .w-xl-200 {
    width: 200px !important;
  }
  .w-xl-250 {
    width: 250px !important;
  }
  .w-xl-300 {
    width: 300px !important;
  }
  .w-xl-350 {
    width: 350px !important;
  }
  .w-xl-400 {
    width: 400px !important;
  }
  .w-xl-450 {
    width: 450px !important;
  }
  .w-xl-500 {
    width: 500px !important;
  }
  .w-xl-p5 {
    width: 5% !important;
  }
  .w-xl-p10 {
    width: 10% !important;
  }
  .w-xl-p15 {
    width: 15% !important;
  }
  .w-xl-p20 {
    width: 20% !important;
  }
  .w-xl-p25 {
    width: 25% !important;
  }
  .w-xl-p30 {
    width: 30% !important;
  }
  .w-xl-p33 {
    width: 33.3333% !important;
  }
  .w-xl-p50 {
    width: 50% !important;
  }
  .w-xl-p75 {
    width: 75% !important;
  }
  .w-xl-p100 {
    width: 100% !important;
  }
  .h-xl-20 {
    height: 20px !important;
  }
  .h-xl-30 {
    height: 30px !important;
  }
  .h-xl-40 {
    height: 40px !important;
  }
  .h-xl-50 {
    height: 50px !important;
  }
  .h-xl-60 {
    height: 60px !important;
  }
  .h-xl-80 {
    height: 80px !important;
  }
  .h-xl-100 {
    height: 100px !important;
  }
  .h-xl-120 {
    height: 120px !important;
  }
  .h-xl-150 {
    height: 150px !important;
  }
  .h-xl-160 {
    height: 160px !important;
  }
  .h-xl-200 {
    height: 200px !important;
  }
  .h-xl-250 {
    height: 250px !important;
  }
  .h-xl-300 {
    height: 300px !important;
  }
  .h-xl-350 {
    height: 350px !important;
  }
  .h-xl-400 {
    height: 400px !important;
  }
  .h-xl-450 {
    height: 450px !important;
  }
  .h-xl-500 {
    height: 500px !important;
  }
  .h-xl-p5 {
    height: 5% !important;
  }
  .h-xl-p10 {
    height: 10% !important;
  }
  .h-xl-p15 {
    height: 15% !important;
  }
  .h-xl-p20 {
    height: 20% !important;
  }
  .h-xl-p25 {
    height: 25% !important;
  }
  .h-xl-p30 {
    height: 30% !important;
  }
  .h-xl-p33 {
    height: 33.3333% !important;
  }
  .h-xl-p50 {
    height: 50% !important;
  }
  .h-xl-p75 {
    height: 75% !important;
  }
  .h-xl-p100 {
    height: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .h-xl-auto {
    height: auto !important;
  }
  .w-xl-full {
    width: 100% !important;
  }
  .h-xl-full {
    height: 100% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .w-only-xl-20 {
    width: 20px !important;
  }
  .w-only-xl-30 {
    width: 30px !important;
  }
  .w-only-xl-40 {
    width: 40px !important;
  }
  .w-only-xl-50 {
    width: 50px !important;
  }
  .w-only-xl-60 {
    width: 60px !important;
  }
  .w-only-xl-80 {
    width: 80px !important;
  }
  .w-only-xl-100 {
    width: 100px !important;
  }
  .w-only-xl-120 {
    width: 120px !important;
  }
  .w-only-xl-150 {
    width: 150px !important;
  }
  .w-only-xl-160 {
    width: 160px !important;
  }
  .w-only-xl-200 {
    width: 200px !important;
  }
  .w-only-xl-250 {
    width: 250px !important;
  }
  .w-only-xl-300 {
    width: 300px !important;
  }
  .w-only-xl-350 {
    width: 350px !important;
  }
  .w-only-xl-400 {
    width: 400px !important;
  }
  .w-only-xl-450 {
    width: 450px !important;
  }
  .w-only-xl-500 {
    width: 500px !important;
  }
  .w-only-xl-p5 {
    width: 5% !important;
  }
  .w-only-xl-p10 {
    width: 10% !important;
  }
  .w-only-xl-p15 {
    width: 15% !important;
  }
  .w-only-xl-p20 {
    width: 20% !important;
  }
  .w-only-xl-p25 {
    width: 25% !important;
  }
  .w-only-xl-p30 {
    width: 30% !important;
  }
  .w-only-xl-p33 {
    width: 33.3333% !important;
  }
  .w-only-xl-p50 {
    width: 50% !important;
  }
  .w-only-xl-p75 {
    width: 75% !important;
  }
  .w-only-xl-p100 {
    width: 100% !important;
  }
  .h-only-xl-20 {
    height: 20px !important;
  }
  .h-only-xl-30 {
    height: 30px !important;
  }
  .h-only-xl-40 {
    height: 40px !important;
  }
  .h-only-xl-50 {
    height: 50px !important;
  }
  .h-only-xl-60 {
    height: 60px !important;
  }
  .h-only-xl-80 {
    height: 80px !important;
  }
  .h-only-xl-100 {
    height: 100px !important;
  }
  .h-only-xl-120 {
    height: 120px !important;
  }
  .h-only-xl-150 {
    height: 150px !important;
  }
  .h-only-xl-160 {
    height: 160px !important;
  }
  .h-only-xl-200 {
    height: 200px !important;
  }
  .h-only-xl-250 {
    height: 250px !important;
  }
  .h-only-xl-300 {
    height: 300px !important;
  }
  .h-only-xl-350 {
    height: 350px !important;
  }
  .h-only-xl-400 {
    height: 400px !important;
  }
  .h-only-xl-450 {
    height: 450px !important;
  }
  .h-only-xl-500 {
    height: 500px !important;
  }
  .h-only-xl-p5 {
    height: 5% !important;
  }
  .h-only-xl-p10 {
    height: 10% !important;
  }
  .h-only-xl-p15 {
    height: 15% !important;
  }
  .h-only-xl-p20 {
    height: 20% !important;
  }
  .h-only-xl-p25 {
    height: 25% !important;
  }
  .h-only-xl-p30 {
    height: 30% !important;
  }
  .h-only-xl-p33 {
    height: 33.3333% !important;
  }
  .h-only-xl-p50 {
    height: 50% !important;
  }
  .h-only-xl-p75 {
    height: 75% !important;
  }
  .h-only-xl-p100 {
    height: 100% !important;
  }
  .w-only-xl-auto {
    width: auto !important;
  }
  .h-only-xl-auto {
    height: auto !important;
  }
  .w-only-xl-full {
    width: 100% !important;
  }
  .h-only-xl-full {
    height: 100% !important;
  }
}
@media (min-width: 1600px) {
  .w-xxl-20 {
    width: 20px !important;
  }
  .w-xxl-30 {
    width: 30px !important;
  }
  .w-xxl-40 {
    width: 40px !important;
  }
  .w-xxl-50 {
    width: 50px !important;
  }
  .w-xxl-60 {
    width: 60px !important;
  }
  .w-xxl-80 {
    width: 80px !important;
  }
  .w-xxl-100 {
    width: 100px !important;
  }
  .w-xxl-120 {
    width: 120px !important;
  }
  .w-xxl-150 {
    width: 150px !important;
  }
  .w-xxl-160 {
    width: 160px !important;
  }
  .w-xxl-200 {
    width: 200px !important;
  }
  .w-xxl-250 {
    width: 250px !important;
  }
  .w-xxl-300 {
    width: 300px !important;
  }
  .w-xxl-350 {
    width: 350px !important;
  }
  .w-xxl-400 {
    width: 400px !important;
  }
  .w-xxl-450 {
    width: 450px !important;
  }
  .w-xxl-500 {
    width: 500px !important;
  }
  .w-xxl-p5 {
    width: 5% !important;
  }
  .w-xxl-p10 {
    width: 10% !important;
  }
  .w-xxl-p15 {
    width: 15% !important;
  }
  .w-xxl-p20 {
    width: 20% !important;
  }
  .w-xxl-p25 {
    width: 25% !important;
  }
  .w-xxl-p30 {
    width: 30% !important;
  }
  .w-xxl-p33 {
    width: 33.3333% !important;
  }
  .w-xxl-p50 {
    width: 50% !important;
  }
  .w-xxl-p75 {
    width: 75% !important;
  }
  .w-xxl-p100 {
    width: 100% !important;
  }
  .h-xxl-20 {
    height: 20px !important;
  }
  .h-xxl-30 {
    height: 30px !important;
  }
  .h-xxl-40 {
    height: 40px !important;
  }
  .h-xxl-50 {
    height: 50px !important;
  }
  .h-xxl-60 {
    height: 60px !important;
  }
  .h-xxl-80 {
    height: 80px !important;
  }
  .h-xxl-100 {
    height: 100px !important;
  }
  .h-xxl-120 {
    height: 120px !important;
  }
  .h-xxl-150 {
    height: 150px !important;
  }
  .h-xxl-160 {
    height: 160px !important;
  }
  .h-xxl-200 {
    height: 200px !important;
  }
  .h-xxl-250 {
    height: 250px !important;
  }
  .h-xxl-300 {
    height: 300px !important;
  }
  .h-xxl-350 {
    height: 350px !important;
  }
  .h-xxl-400 {
    height: 400px !important;
  }
  .h-xxl-450 {
    height: 450px !important;
  }
  .h-xxl-500 {
    height: 500px !important;
  }
  .h-xxl-p5 {
    height: 5% !important;
  }
  .h-xxl-p10 {
    height: 10% !important;
  }
  .h-xxl-p15 {
    height: 15% !important;
  }
  .h-xxl-p20 {
    height: 20% !important;
  }
  .h-xxl-p25 {
    height: 25% !important;
  }
  .h-xxl-p30 {
    height: 30% !important;
  }
  .h-xxl-p33 {
    height: 33.3333% !important;
  }
  .h-xxl-p50 {
    height: 50% !important;
  }
  .h-xxl-p75 {
    height: 75% !important;
  }
  .h-xxl-p100 {
    height: 100% !important;
  }
  .w-xxl-auto {
    width: auto !important;
  }
  .h-xxl-auto {
    height: auto !important;
  }
  .w-xxl-full {
    width: 100% !important;
  }
  .h-xxl-full {
    height: 100% !important;
  }
}
.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 479px) {
  .hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .hidden-sm-up {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}
@media (max-width: 1599px) {
  .hidden-xl-down {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  .hidden-xxl-up {
    display: none !important;
  }
}
.hidden-xxl-down {
  display: none !important;
}

:root {
  --dt-row-selected: 13, 110, 253;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
  --dt-header-align-items: center;
  --dt-html-background: white;
}

:root.dark {
  --dt-html-background: rgb(33, 37, 41);
}

table.dataTable tbody td.dt-control {
  text-align: center;
  cursor: pointer;
}

table.dataTable tbody td.dt-control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable tbody tr.dt-hasChild td.dt-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

table.dataTable tfoot:empty {
  display: none;
}

html.dark table.dataTable td.dt-control:before, :root[data-bs-theme=dark] table.dataTable td.dt-control:before, :root[data-theme=dark] table.dataTable td.dt-control:before {
  border-left-color: rgba(255, 255, 255, 0.5);
}

html.dark table.dataTable tr.dt-hasChild td.dt-control:before, :root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before, :root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-left-color: transparent;
}

div.dt-scroll {
  width: 100%;
}

div.dt-scroll-body thead tr, div.dt-scroll-body tfoot tr {
  height: 0;
}

div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td, div.dt-scroll-body tfoot tr th, div.dt-scroll-body tfoot tr td {
  height: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}

div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing, div.dt-scroll-body tfoot tr th div.dt-scroll-sizing, div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
  height: 0 !important;
  overflow: hidden !important;
}

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  position: absolute;
  display: block;
  bottom: 50%;
  content: "▲";
  content: "▲"/"";
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  position: absolute;
  display: block;
  top: 50%;
  content: "▼";
  content: "▼"/"";
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  position: relative;
  width: 12px;
  height: 20px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  left: 0;
  opacity: 0.125;
  line-height: 9px;
  font-size: 0.8em;
}

table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc {
  cursor: pointer;
}

table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(0, 0, 0, 0.05);
  outline-offset: -2px;
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 0.6;
}

table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before, table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
  display: none;
}

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead > tr > th div.dt-column-header, table.dataTable thead > tr > th div.dt-column-footer, table.dataTable thead > tr > td div.dt-column-header, table.dataTable thead > tr > td div.dt-column-footer, table.dataTable tfoot > tr > th div.dt-column-header, table.dataTable tfoot > tr > th div.dt-column-footer, table.dataTable tfoot > tr > td div.dt-column-header, table.dataTable tfoot > tr > td div.dt-column-footer {
  display: flex;
  justify-content: space-between;
  align-items: var(--dt-header-align-items);
  gap: 4px;
}

table.dataTable thead > tr > th div.dt-column-header span.dt-column-title, table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title, table.dataTable thead > tr > td div.dt-column-header span.dt-column-title, table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title, table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title, table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title, table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title, table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title {
  flex-grow: 1;
}

table.dataTable thead > tr > th div.dt-column-header span.dt-column-title:empty, table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title:empty, table.dataTable thead > tr > td div.dt-column-header span.dt-column-title:empty, table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title:empty, table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title:empty, table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title:empty, table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title:empty, table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title:empty {
  display: none;
}

div.dt-scroll-body > table.dataTable > thead > tr > th, div.dt-scroll-body > table.dataTable > thead > tr > td {
  overflow: hidden;
}

:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover, :root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(255, 255, 255, 0.05);
}

div.dt-processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -22px;
  text-align: center;
  padding: 2px;
  z-index: 10;
}

div.dt-processing > div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}

div.dt-processing > div:last-child > div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(13, 110, 253);
  background: rgb(var(--dt-row-selected));
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

div.dt-processing > div:last-child > div:nth-child(1) {
  left: 8px;
  animation: datatables-loader-1 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(2) {
  left: 8px;
  animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(3) {
  left: 32px;
  animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(4) {
  left: 56px;
  animation: datatables-loader-3 0.6s infinite;
}

@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable th, table.dataTable td {
  box-sizing: border-box;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
  text-align: right;
}

table.dataTable th.dt-type-numeric div.dt-column-header, table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header, table.dataTable th.dt-type-date div.dt-column-footer, table.dataTable td.dt-type-numeric div.dt-column-header, table.dataTable td.dt-type-numeric div.dt-column-footer, table.dataTable td.dt-type-date div.dt-column-header, table.dataTable td.dt-type-date div.dt-column-footer {
  flex-direction: row-reverse;
}

table.dataTable th.dt-left, table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-left div.dt-column-header, table.dataTable th.dt-left div.dt-column-footer, table.dataTable td.dt-left div.dt-column-header, table.dataTable td.dt-left div.dt-column-footer {
  flex-direction: row;
}

table.dataTable th.dt-center, table.dataTable td.dt-center {
  text-align: center;
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-right div.dt-column-header, table.dataTable th.dt-right div.dt-column-footer, table.dataTable td.dt-right div.dt-column-header, table.dataTable td.dt-right div.dt-column-footer {
  flex-direction: row-reverse;
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-justify div.dt-column-header, table.dataTable th.dt-justify div.dt-column-footer, table.dataTable td.dt-justify div.dt-column-header, table.dataTable td.dt-justify div.dt-column-footer {
  flex-direction: row;
}

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable th.dt-empty, table.dataTable td.dt-empty {
  text-align: center;
  vertical-align: top;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
  text-align: left;
}

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-left div.dt-column-header, table.dataTable thead th.dt-head-left div.dt-column-footer, table.dataTable thead td.dt-head-left div.dt-column-header, table.dataTable thead td.dt-head-left div.dt-column-footer, table.dataTable tfoot th.dt-head-left div.dt-column-header, table.dataTable tfoot th.dt-head-left div.dt-column-footer, table.dataTable tfoot td.dt-head-left div.dt-column-header, table.dataTable tfoot td.dt-head-left div.dt-column-footer {
  flex-direction: row;
}

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-right div.dt-column-header, table.dataTable thead th.dt-head-right div.dt-column-footer, table.dataTable thead td.dt-head-right div.dt-column-header, table.dataTable thead td.dt-head-right div.dt-column-footer, table.dataTable tfoot th.dt-head-right div.dt-column-header, table.dataTable tfoot th.dt-head-right div.dt-column-footer, table.dataTable tfoot td.dt-head-right div.dt-column-header, table.dataTable tfoot td.dt-head-right div.dt-column-footer {
  flex-direction: row-reverse;
}

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-justify div.dt-column-header, table.dataTable thead th.dt-head-justify div.dt-column-footer, table.dataTable thead td.dt-head-justify div.dt-column-header, table.dataTable thead td.dt-head-justify div.dt-column-footer, table.dataTable tfoot th.dt-head-justify div.dt-column-header, table.dataTable tfoot th.dt-head-justify div.dt-column-footer, table.dataTable tfoot td.dt-head-justify div.dt-column-header, table.dataTable tfoot td.dt-head-justify div.dt-column-footer {
  flex-direction: row;
}

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

:root {
  --dt-header-align-items: flex-end;
} /*! Bootstrap 5 integration for DataTables
*
* ©2020 SpryMedia Ltd, all rights reserved.
* License: MIT datatables.net/license/mit
*/
table.table.dataTable {
  clear: both;
  margin-bottom: 0;
  max-width: none;
  border-spacing: 0;
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: none;
}

table.table.dataTable > :not(caption) > * > * {
  background-color: var(--bs-table-bg);
}

table.table.dataTable > tbody > tr {
  background-color: transparent;
}

table.table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgb(13, 110, 253);
  box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
  color: rgb(255, 255, 255);
  color: rgb(var(--dt-row-selected-text));
}

table.table.dataTable > tbody > tr.selected a {
  color: rgb(9, 10, 11);
  color: rgb(var(--dt-row-selected-link));
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.95);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
}

table.table.dataTable.table-hover > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
}

table.table.dataTable.table-hover > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.975);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
}

div.dt-container div.dt-layout-start > *:not(:last-child) {
  margin-right: 1em;
}

div.dt-container div.dt-layout-end > *:not(:first-child) {
  margin-left: 1em;
}

div.dt-container div.dt-layout-full {
  width: 100%;
}

div.dt-container div.dt-layout-full > *:only-child {
  margin-left: auto;
  margin-right: auto;
}

div.dt-container div.dt-layout-table > div {
  display: block !important;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-start > *:not(:last-child) {
    margin-right: 0;
  }
  div.dt-container div.dt-layout-end > *:not(:first-child) {
    margin-left: 0;
  }
}
div.dt-container {
  position: relative;
}

div.dt-container div.dt-length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

div.dt-container div.dt-length select {
  width: auto;
  display: inline-block;
  margin-right: 0.5em;
}

div.dt-container div.dt-search {
  text-align: right;
}

div.dt-container div.dt-search label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}

div.dt-container div.dt-search input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dt-container div.dt-paging {
  margin: 0;
}

div.dt-container div.dt-paging ul.pagination {
  margin: 2px 0;
  flex-wrap: wrap;
}

div.dt-container div.dt-row {
  position: relative;
}

div.dt-scroll-head table.dataTable {
  margin-bottom: 0 !important;
}

div.dt-scroll-body {
  border-bottom-color: var(--bs-border-color);
  border-bottom-width: var(--bs-border-width);
  border-bottom-style: solid;
}

div.dt-scroll-body > table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dt-scroll-body > table > tbody > tr:first-child {
  border-top-width: 0;
}

div.dt-scroll-body > table > thead > tr {
  border-width: 0 !important;
}

div.dt-scroll-body > table > tbody > tr:last-child > * {
  border-bottom: none;
}

div.dt-scroll-foot > .dt-scroll-footInner {
  box-sizing: content-box;
}

div.dt-scroll-foot > .dt-scroll-footInner > table {
  margin-top: 0 !important;
  border-top: none;
}

div.dt-scroll-foot > .dt-scroll-footInner > table > tfoot > tr:first-child {
  border-top-width: 0 !important;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-length, div.dt-container div.dt-search, div.dt-container div.dt-info, div.dt-container div.dt-paging {
    text-align: center;
  }
  div.dt-container .row {
    --bs-gutter-y: 0.5rem;
  }
  div.dt-container div.dt-paging ul.pagination {
    justify-content: center !important;
  }
}
table.dataTable.table-sm > thead > tr th.dt-orderable-asc, table.dataTable.table-sm > thead > tr th.dt-orderable-desc, table.dataTable.table-sm > thead > tr th.dt-ordering-asc, table.dataTable.table-sm > thead > tr th.dt-ordering-desc, table.dataTable.table-sm > thead > tr td.dt-orderable-asc, table.dataTable.table-sm > thead > tr td.dt-orderable-desc, table.dataTable.table-sm > thead > tr td.dt-ordering-asc, table.dataTable.table-sm > thead > tr td.dt-ordering-desc {
  padding-right: 0.25rem;
}

table.dataTable.table-sm > thead > tr th.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-desc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-ordering-desc span.dt-column-order {
  right: 0.25rem;
}

table.dataTable.table-sm > thead > tr th.dt-type-date span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-type-numeric span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-type-date span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-type-numeric span.dt-column-order {
  left: 0.25rem;
}

div.dt-scroll-head table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dt-container > div.row {
  margin: 0;
}

div.table-responsive > div.dt-container > div.row > div[class^=col-]:first-child {
  padding-left: 0;
}

div.table-responsive > div.dt-container > div.row > div[class^=col-]:last-child {
  padding-right: 0;
}

:root[data-bs-theme=dark] {
  --dt-row-hover: 255, 255, 255;
  --dt-row-stripe: 255, 255, 255;
  --dt-column-ordering: 255, 255, 255;
}

@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
div.dataTables_wrapper {
  position: relative;
}

div.dt-buttons {
  position: initial;
}

div.dt-buttons .dt-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border-radius: 0.75em;
  box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 2003;
  overflow: hidden;
}

div.dt-button-info h2 {
  padding: 2rem 2rem 1rem 2rem;
  margin: 0;
  font-weight: normal;
}

div.dt-button-info > div {
  padding: 1em 2em 2em 2em;
}

div.dtb-popover-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 2003;
}

button.dtb-hide-drop {
  display: none !important;
}

div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0.5em 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.dt-button-collection-title:empty {
  display: none;
}

span.dt-button-spacer {
  display: inline-block;
  margin: 0.5em;
  white-space: nowrap;
}

span.dt-button-spacer.bar {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  vertical-align: middle;
  padding-left: 0.5em;
}

span.dt-button-spacer.bar:empty {
  height: 1em;
  width: 1px;
  padding-left: 0;
}

div.dt-button-collection .dt-button-active {
  padding-right: 3em;
}

div.dt-button-collection .dt-button-active:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 1em;
  display: inline-block;
  content: "✓";
  color: inherit;
}

div.dt-button-collection .dt-button-active.dt-button-split {
  padding-right: 0;
}

div.dt-button-collection .dt-button-active.dt-button-split:after {
  display: none;
}

div.dt-button-collection .dt-button-active.dt-button-split > *:first-child {
  padding-right: 3em;
}

div.dt-button-collection .dt-button-active.dt-button-split > *:first-child:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 1em;
  display: inline-block;
  content: "✓";
  color: inherit;
}

div.dt-button-collection .dt-button-active-a a {
  padding-right: 3em;
}

div.dt-button-collection .dt-button-active-a a:after {
  position: absolute;
  right: 1em;
  display: inline-block;
  content: "✓";
  color: inherit;
}

div.dt-button-collection span.dt-button-spacer {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
  margin: 0.5em 0;
}

div.dt-button-collection span.dt-button-spacer:empty {
  height: 0;
  width: 100%;
}

div.dt-button-collection span.dt-button-spacer.bar {
  border-left: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 0;
}

@media print {
  table.dataTable tr > * {
    box-shadow: none !important;
  }
}
div.dt-buttons div.btn-group {
  position: initial;
}

div.dt-buttons span.dt-button-spacer.empty {
  margin: 1px;
}

div.dt-buttons span.dt-button-spacer.bar:empty {
  height: inherit;
}

div.dt-buttons .btn.processing {
  color: rgba(0, 0, 0, 0.2);
}

div.dt-buttons .btn.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid rgb(40, 40, 40);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

div.dropdown-menu.dt-button-collection {
  margin-top: 4px;
  width: 200px;
}

div.dropdown-menu.dt-button-collection .dt-button {
  position: relative;
}

div.dropdown-menu.dt-button-collection .dt-button.dropdown-toggle::after {
  position: absolute;
  right: 12px;
  top: 14px;
}

div.dropdown-menu.dt-button-collection div.dt-button-split {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}

div.dropdown-menu.dt-button-collection div.dt-button-split a:first-child {
  min-width: auto;
  flex: 1 0 50px;
  padding-right: 0;
}

div.dropdown-menu.dt-button-collection div.dt-button-split button:last-child {
  min-width: 33px;
  flex: 0;
  background: transparent;
  border: none;
  line-height: 1rem;
  color: var(--bs-dropdown-link-color);
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  overflow: visible;
}

div.dropdown-menu.dt-button-collection div.dt-button-split button:last-child:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

div.dropdown-menu.dt-button-collection.fixed {
  position: fixed;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 5px;
  background-color: white;
  padding: 0.5em;
}

div.dropdown-menu.dt-button-collection.fixed.two-column {
  margin-left: -200px;
}

div.dropdown-menu.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}

div.dropdown-menu.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}

div.dropdown-menu.dt-button-collection.fixed.columns {
  margin-left: -409px;
}

@media screen and (max-width: 1024px) {
  div.dropdown-menu.dt-button-collection.fixed.columns {
    margin-left: -308px;
  }
}
@media screen and (max-width: 640px) {
  div.dropdown-menu.dt-button-collection.fixed.columns {
    margin-left: -203px;
  }
}
@media screen and (max-width: 460px) {
  div.dropdown-menu.dt-button-collection.fixed.columns {
    margin-left: -100px;
  }
}
div.dropdown-menu.dt-button-collection.fixed > :last-child {
  max-height: 100vh;
  overflow: auto;
}

div.dropdown-menu.dt-button-collection.two-column > :last-child, div.dropdown-menu.dt-button-collection.three-column > :last-child, div.dropdown-menu.dt-button-collection.four-column > :last-child {
  display: block !important;
  -moz-column-gap: 8px;
       column-gap: 8px;
}

div.dropdown-menu.dt-button-collection.two-column > :last-child > *, div.dropdown-menu.dt-button-collection.three-column > :last-child > *, div.dropdown-menu.dt-button-collection.four-column > :last-child > * {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

div.dropdown-menu.dt-button-collection.two-column {
  width: 400px;
}

div.dropdown-menu.dt-button-collection.two-column > :last-child {
  padding-bottom: 1px;
  -moz-column-count: 2;
       column-count: 2;
}

div.dropdown-menu.dt-button-collection.three-column {
  width: 450px;
}

div.dropdown-menu.dt-button-collection.three-column > :last-child {
  padding-bottom: 1px;
  -moz-column-count: 3;
       column-count: 3;
}

div.dropdown-menu.dt-button-collection.four-column {
  width: 600px;
}

div.dropdown-menu.dt-button-collection.four-column > :last-child {
  padding-bottom: 1px;
  -moz-column-count: 4;
       column-count: 4;
}

div.dropdown-menu.dt-button-collection .dt-button {
  border-radius: 0;
}

div.dropdown-menu.dt-button-collection.columns {
  width: auto;
}

div.dropdown-menu.dt-button-collection.columns > :last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  width: 818px;
  padding-bottom: 1px;
}

div.dropdown-menu.dt-button-collection.columns > :last-child .dt-button {
  min-width: 200px;
  flex: 0 1;
  margin: 0;
}

div.dropdown-menu.dt-button-collection.columns.dtb-b3 > :last-child, div.dropdown-menu.dt-button-collection.columns.dtb-b2 > :last-child, div.dropdown-menu.dt-button-collection.columns.dtb-b1 > :last-child {
  justify-content: space-between;
}

div.dropdown-menu.dt-button-collection.columns.dtb-b3 .dt-button {
  flex: 1 1 32%;
}

div.dropdown-menu.dt-button-collection.columns.dtb-b2 .dt-button {
  flex: 1 1 48%;
}

div.dropdown-menu.dt-button-collection.columns.dtb-b1 .dt-button {
  flex: 1 1 100%;
}

@media screen and (max-width: 1024px) {
  div.dropdown-menu.dt-button-collection.columns > :last-child {
    width: 612px;
  }
}
@media screen and (max-width: 640px) {
  div.dropdown-menu.dt-button-collection.columns > :last-child {
    width: 406px;
  }
  div.dropdown-menu.dt-button-collection.columns.dtb-b3 .dt-button {
    flex: 0 1 32%;
  }
}
@media screen and (max-width: 460px) {
  div.dropdown-menu.dt-button-collection.columns > :last-child {
    width: 200px;
  }
}
div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

@media screen and (max-width: 767px) {
  div.dt-buttons {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
  }
  div.dt-buttons a.btn {
    float: none;
  }
}
div.dt-button-info {
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color-translucent);
}

:root[data-bs-theme=dark] div.dropdown-menu.dt-button-collection.fixed {
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color-translucent);
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  margin-right: 0.5em;
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}

table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 0.333em;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control, table.dataTable.dtr-column > tbody > tr > th.dtr-control, table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
  cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right::before, table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right::before, table.dataTable.dtr-column > tbody > tr > td.control.arrow-right::before, table.dataTable.dtr-column > tbody > tr > th.control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}

table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}

div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 75%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}

div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 2.5em;
}

div.dtr-modal div.dtr-modal-content h2 {
  margin-top: 0;
}

div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
html.dark table.dataTable > tbody > tr > td.dtr-control:before, html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control:before {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}

html.dark table.dataTable > tbody > tr > td.dtr-control.arrow-right::before, html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control.arrow-right::before {
  border-right-color: rgba(255, 255, 255, 0.5) !important;
}

html.dark table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before, html.dark table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before, html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before, html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top-color: rgba(255, 255, 255, 0.5) !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

html.dark table.dataTable > tbody > tr.child ul.dtr-details > li, html[data-bs-theme=dark] table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom-color: rgb(64, 67, 70);
}

html.dark div.dtr-modal div.dtr-modal-display, html[data-bs-theme=dark] div.dtr-modal div.dtr-modal-display {
  background-color: rgb(33, 37, 41);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

div.dtr-bs-modal table.table tr:first-child td {
  border-top: none;
}

table.dataTable.table-bordered th.dtr-control.dtr-hidden + *, table.dataTable.table-bordered td.dtr-control.dtr-hidden + * {
  border-left-width: 1px;
}

body.dtcr-dragging {
  overflow-x: hidden;
}

table.dtcr-cloned.dataTable {
  position: absolute !important;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 202;
  border-radius: 4px;
}

table.dataTable tbody tr td.dtcr-moving {
  background-color: rgba(127, 127, 127, 0.15);
}

table.dataTable tbody tr td.dtcr-moving-first {
  border-left: 1px solid #0d6efd;
}

table.dataTable tbody tr td.dtcr-moving-last {
  border-right: 1px solid #0d6efd;
}

html.dark table.dtcr-cloned.dataTable {
  background-color: rgba(33, 33, 33, 0.9);
}

/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
  background: transparent;
}
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container img.leaflet-tile {
  /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(/images/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(/images/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
  background-image: url(/images/marker-icon.png);
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}

.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

/* Printing */
@media print {
  /* Prevent printers from removing background-images of controls. */
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.gis-page {
  padding-top: 16px;
}

.gis-surface .gis-prompt {
  padding-right: 64px;
}
.gis-surface .gis-search .form-label,
.gis-surface .gis-prompt .form-label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475467;
  margin-bottom: 4px;
}
.gis-surface .gis-search {
  gap: 10px 12px;
}
.gis-surface .gis-search .form-control,
.gis-surface .gis-search .form-select {
  min-height: 36px;
  font-size: var(--edc-fs-secondary);
}
.gis-surface .gis-search .btn[type=submit] {
  min-height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.gis-surface .gis-search .gis-search__action {
  margin-left: auto;
}

.gis-surface .gis-suggest,
.gis-filters .gis-suggest {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 1100;
  min-width: 100%;
  width: -moz-max-content;
  width: max-content;
  max-width: 400px;
  margin: 0;
  padding: 4px;
  list-style: none;
  background: #fff;
  border: 1px solid #d6dbe1;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 30, 60, 0.16);
}
.gis-surface .gis-suggest .gis-suggest__item,
.gis-filters .gis-suggest .gis-suggest__item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 7px 10px;
  border-radius: 6px;
  font-size: var(--edc-fs-secondary);
  color: #212529;
  cursor: pointer;
}
.gis-surface .gis-suggest .gis-suggest__item:hover, .gis-surface .gis-suggest .gis-suggest__item.is-active,
.gis-filters .gis-suggest .gis-suggest__item:hover,
.gis-filters .gis-suggest .gis-suggest__item.is-active {
  background: #eef4ff;
}
.gis-surface .gis-suggest .gis-suggest__label,
.gis-filters .gis-suggest .gis-suggest__label {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.gis-surface .gis-suggest .gis-suggest__type,
.gis-filters .gis-suggest .gis-suggest__type {
  flex: 0 0 auto;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #6c757d;
}

.gis-surface .gis-popover {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 1300;
  width: 300px;
  max-width: calc(100vw - 32px);
  padding: 12px;
  background: #fff;
  border: 1px solid #d6dbe1;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 30, 60, 0.18);
  font-size: var(--edc-fs-secondary);
  text-align: left;
}
.gis-surface .gis-popover ul {
  margin-bottom: 8px;
}
.gis-surface .gis-popover li {
  border-radius: 6px;
  padding: 2px 6px;
}
.gis-surface .gis-popover li:hover {
  background: #f6f8fb;
}
.gis-surface .gis-popover .btn-link {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #0b5ed7;
  text-decoration: none;
}
.gis-surface .gis-popover .btn-link:hover {
  text-decoration: underline;
}
.gis-surface .gis-popover .btn-link.text-muted {
  font-weight: 400;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  line-height: 1;
}
.gis-surface .gis-popover form {
  gap: 8px !important;
}
.gis-surface .gis-popover .form-control {
  flex: 1 1 auto;
  width: auto;
  min-height: 34px;
  font-size: var(--edc-fs-secondary);
}
.gis-surface .gis-popover form .btn {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.gis-map {
  position: relative;
  height: 560px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #dee2e6;
}
.gis-map .leaflet-container {
  font: inherit;
}
.gis-results-panel {
  height: 560px;
  display: flex;
  flex-direction: column;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.gis-results-panel .gis-results-header {
  padding: 10px 14px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475467;
  border-bottom: 1px solid #e9ecef;
  background: #f8f9fa;
}

.gis-results {
  flex: 1;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gis-result-row {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 14px;
  border: 0;
  border-bottom: 1px solid #f1f3f5;
  border-left: 3px solid transparent;
  background: #fff;
  cursor: pointer;
  transition: background-color 0.12s ease;
}
.gis-result-row:hover, .gis-result-row.is-hovered {
  background: #f6f8fb;
}
.gis-result-row:focus-visible {
  outline: 2px solid #0d6efd;
  outline-offset: -2px;
}
.gis-result-row .gis-result-name {
  display: block;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
  color: #212529;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gis-result-row .gis-result-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  font-size: var(--edc-fs-label);
  color: #6c757d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gis-result-row .gis-result-type {
  flex: 0 0 auto;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 1px 6px;
  border-radius: 10px;
}
.gis-result-row .gis-result-type.gis-type-companies {
  color: #0b5ed7;
  background: rgba(13, 110, 253, 0.12);
}
.gis-result-row .gis-result-type.gis-type-sites {
  color: #146c43;
  background: rgba(25, 135, 84, 0.14);
}
.gis-result-row .gis-result-type.gis-type-projects {
  color: #59359a;
  background: rgba(111, 66, 193, 0.14);
}
.gis-result-row .gis-result-type.gis-type-contacts {
  color: #b35900;
  background: rgba(253, 126, 20, 0.14);
}
.gis-result-row .gis-result-facts {
  flex: 0 0 auto;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #3f4650;
  white-space: nowrap;
}
.gis-result-row .gis-result-status {
  flex: 0 0 auto;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #52514e;
}
.gis-result-row .gis-result-address {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gis-result-row.is-selected {
  background: #eef4ff;
  border-left-color: #0d6efd;
}
.gis-result-row.is-selected .gis-result-name {
  color: #0b5ed7;
}

.gis-status-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: baseline;
}

.gis-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  font-size: var(--edc-fs-secondary);
  color: #343a40;
}
.gis-legend .gis-legend-title {
  font-weight: 600;
}
.gis-legend .gis-shade-swatch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1px solid rgba(11, 11, 11, 0.15);
  margin-right: 4px;
}
.gis-legend .gis-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.gis-surface .gis-control-label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #495057;
  white-space: nowrap;
}
.gis-surface .gis-control-select,
.gis-surface .gis-control-input {
  width: auto;
  min-height: 34px;
  padding: 4px 28px 4px 10px;
  font-size: var(--edc-fs-secondary);
  border-radius: 6px;
  border-color: #ced4da;
}
.gis-surface .gis-control-input {
  padding-right: 8px;
  width: 6.5rem;
}
.gis-surface .gis-size-input {
  width: 7rem;
}

.gis-toolbar .btn,
.gis-toolbar .form-control {
  font-size: var(--edc-fs-secondary);
}

.gis-surface .gis-colorshade {
  gap: 12px;
}
.gis-surface .gis-colorshade:empty {
  display: none;
}

.gis-surface .gis-layer-chips {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.gis-surface .gis-chip.gis-chip--on {
  background: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}

.gis-surface .gis-chip.gis-chip--split {
  gap: 6px;
  padding-right: 4px;
}

.gis-surface .gis-chip__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  font-size: var(--edc-fs-heading);
  line-height: 1;
}
.gis-surface .gis-chip__remove:hover {
  background: rgba(255, 255, 255, 0.38);
}
.gis-surface .gis-chip__remove:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 1px;
}

.gis-surface .gis-chip {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  border: 1px solid #ced4da;
  background: #fff;
  color: #495057;
  border-radius: 999px;
  padding: 4px 14px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  transition: all 0.12s ease;
}
.gis-surface .gis-chip .gis-chip-count {
  font-weight: 400;
  /* Inherit the chip's own text color at full opacity — the previous
     0.75 opacity dropped the count below AA contrast on the active
     (blue) chip (sites-inventory a11y audit). Weight carries the
     hierarchy instead. */
  color: inherit;
  margin-left: 2px;
}
.gis-surface .gis-chip:focus-visible {
  outline: 2px solid #0d6efd;
  outline-offset: 2px;
}
.gis-surface .gis-chip[aria-pressed=true] {
  background: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}

.gis-inspector {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 320px;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-left: 1px solid #dee2e6;
  border-radius: 8px 0 0 8px;
  box-shadow: -8px 0 24px rgba(15, 30, 60, 0.14);
  font-size: var(--edc-fs-secondary);
}
.gis-inspector .gis-inspector__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px 12px;
  border-bottom: 1px solid #e9ecef;
  background: #f8f9fa;
  border-radius: 8px 0 0 0;
}
.gis-inspector .gis-inspector__header .btn-close {
  flex: 0 0 auto;
  margin-top: 2px;
  font-size: var(--edc-fs-label);
}
.gis-inspector .gis-inspector__heading {
  min-width: 0;
}
.gis-inspector .gis-inspector__type {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  margin-bottom: 2px;
}
.gis-inspector .gis-inspector__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  line-height: 1.3;
  color: #212529;
  margin: 0;
}
.gis-inspector .gis-inspector__address {
  font-size: var(--edc-fs-label);
  color: #52514e;
  margin: 4px 0 0;
}
.gis-inspector .gis-inspector__address .fa {
  color: #94a3b8;
}
.gis-inspector .gis-inspector__body {
  flex: 1;
  overflow-y: auto;
  padding: 14px 16px;
}
.gis-inspector .gis-inspector__facts {
  margin: 0 0 4px;
}
.gis-inspector .gis-inspector__fact {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 5px 0;
}
.gis-inspector .gis-inspector__fact + .gis-inspector__fact {
  border-top: 1px solid #f1f3f5;
}
.gis-inspector .gis-inspector__fact dt {
  font-weight: 400;
  font-size: var(--edc-fs-label);
  color: #6c757d;
}
.gis-inspector .gis-inspector__fact dd {
  margin: 0;
  font-weight: 600;
  color: #212529;
  text-align: right;
}
.gis-inspector .gis-inspector__section {
  margin-top: 14px;
}
.gis-inspector .gis-inspector__section-title {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  margin: 0 0 6px;
}
.gis-inspector .gis-inspector__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gis-inspector .gis-inspector__list li {
  padding: 4px 0;
}
.gis-inspector .gis-inspector__list li + li {
  border-top: 1px solid #f1f3f5;
}
.gis-inspector .gis-inspector__date {
  display: inline-block;
  min-width: 78px;
  color: #6c757d;
  font-size: var(--edc-fs-label);
  margin-right: 6px;
}
.gis-inspector .gis-inspector__error {
  margin: 0 0 12px;
  color: #b02a37;
  font-size: var(--edc-fs-secondary);
}
.gis-inspector .gis-inspector__footer {
  flex: 0 0 auto;
  padding: 12px 16px;
  border-top: 1px solid #e9ecef;
  background: #fff;
  border-radius: 0 0 0 8px;
}
.gis-inspector .gis-inspector__footer .btn {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .gis-inspector {
    position: fixed !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 45vh !important;
    border-radius: 12px 12px 0 0 !important;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.2) !important;
  }
  .gis-map {
    height: 50vh !important;
  }
  .gis-results-panel {
    height: auto;
    max-height: 40vh;
    margin-top: 12px;
  }
  .gis-surface .gis-prompt {
    padding-right: 0;
  }
}
.gis-cluster-icon {
  background: transparent;
  border: 0;
}

.gis-cluster {
  background: rgba(13, 110, 253, 0.85);
  border: 2.5px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: var(--edc-fs-label);
  text-align: center;
  box-shadow: 0 1px 6px rgba(15, 30, 60, 0.35);
  cursor: pointer;
}

.gis-chip--context[aria-pressed=true] {
  background: #e8f8ef;
  color: #15803d;
  border-color: #b7e6c7;
}

.gis-draw-controls {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  display: flex;
  gap: 8px;
}
.gis-draw-controls .btn {
  box-shadow: 0 1px 6px rgba(15, 30, 60, 0.3);
}

.gis-controls .btn-sm {
  border-radius: 999px;
}

.gis-surface .gis-chip--danger {
  color: #b02a22;
  border-color: #ecc8c5;
}
.gis-surface .gis-chip--danger:hover {
  background: #fdf0ef;
  border-color: #d9a19c;
}

.gis-legend .gis-legend-toggle {
  border: 1px solid transparent;
  background: transparent;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: var(--edc-fs-secondary);
  cursor: pointer;
}
.gis-legend .gis-legend-toggle:hover {
  background: #f1f3f5;
}
.gis-legend .gis-legend-toggle.is-focused {
  border-color: #0d6efd;
  background: #e7f1ff;
}
.gis-legend .gis-legend-toggle.gis-legend-clear {
  color: #0d6efd;
  font-weight: 600;
}

.gis-unmapped-note {
  font-size: var(--edc-fs-secondary);
  color: #5f6772;
  margin: 2px 2px 12px;
}
.gis-unmapped-note a {
  color: #0b5ed7;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dashed rgba(11, 94, 215, 0.45);
}
.gis-unmapped-note a:hover {
  border-bottom-style: solid;
}

.mapping-early-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border: 1px solid #cfe2ff;
  background: #f5f9ff;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: var(--edc-fs-secondary);
  color: #1f2d3d;
  margin-bottom: 14px;
}
.mapping-early-note--compact {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: var(--edc-fs-label);
  padding: 7px 12px;
  color: #3f4650;
}
.mapping-early-note .mapping-early-note__dismiss {
  margin-left: auto;
  border: 0;
  background: transparent;
  font-size: var(--edc-fs-title);
  line-height: 1;
  color: #6c757d;
  cursor: pointer;
  padding: 0 2px;
}
.mapping-early-note .mapping-early-note__dismiss:hover {
  color: #212529;
}

.project-sites-fit {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}
.project-sites-fit__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #111827;
}
.project-sites-fit__lead {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #374151;
}
.project-sites-fit__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.project-sites-fit__list li {
  font-size: var(--edc-fs-secondary);
}
.project-sites-fit__meta {
  display: block;
  font-size: var(--edc-fs-label);
  color: #4b5563;
}

.gis-readiness {
  border: 1px solid #e7dcc2;
  background: #fffaf0;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: var(--edc-fs-secondary);
  color: #3d3426;
  margin-bottom: 14px;
}
.gis-readiness__title {
  display: block;
  font-weight: 600;
  margin-bottom: 4px;
}
.gis-readiness__list {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 2px;
}

.gis-header-slot {
  display: contents;
}

.gis-page--compact {
  padding-top: 0;
}

.gis-hsearch {
  position: relative;
  flex: 1 1 220px;
  min-width: 180px;
  max-width: 360px;
}
.gis-hsearch .gis-hsearch__list {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 1300;
}
.gis-hsearch .gis-hsearch__group {
  padding: 6px 10px 2px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
  cursor: default;
}

.gis-filters__panel {
  max-height: 70vh;
  overflow: auto;
}

.gis-filters__list {
  margin: 0 0 14px;
  padding: 0 0 12px;
  border-bottom: 1px solid #dfe4ea;
}

.gis-filters__title,
.gis-views__title {
  margin: 0 0 6px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
  text-shadow: none;
}

.gis-filters__carried {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
}
.gis-filters__carried li {
  padding: 4px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #f5f7fa;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.gis-filters__carried li strong {
  font-weight: 600;
  color: #556070;
}

.gis-filters__note {
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}

.gis-filters__label {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c2531;
}

.gis-filters__live {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.gis-filters__live:empty {
  margin: 0;
}

.gis-filters__link {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
}

.gis-filters__value {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}

.gis-filters__x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #556070;
}
.gis-filters__x::before {
  content: "×";
  font-size: var(--edc-fs-title);
  line-height: 1;
}
.gis-filters__x:hover {
  background: #eef2f7;
  color: #1c2531;
}
.gis-filters__x:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.mvbar-chips ul li.mvbar-chip.gis-chip--carried {
  padding-right: 12px;
}

.gis-mapnote {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 0;
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.gis-mapnote:empty {
  margin: 0;
}
.gis-mapnote__clear {
  padding: 0;
  border: 0;
  background: none;
  font-weight: 600;
  color: #1c3f75;
  text-decoration: underline;
}

.gis-selbar:not(.has-selection) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.gis-selbar.has-selection {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin: 0 0 10px;
  padding: 8px 10px 8px 14px;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  background: #f5f7fa;
}
.gis-selbar__text {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}
.gis-selbar__sub {
  font-weight: 400;
  color: #556070;
}
.gis-selbar__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.gis-selbar .mvbar-btn,
.gis-selbar .mvbar-icon {
  height: 40px;
}
.gis-selbar .mvbar-icon {
  width: 40px;
}
.gis-selbar__n {
  font-weight: 400;
  color: #556070;
}
.gis-selbar__form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.gis-selbar__form label {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c2531;
}
.gis-selbar__form .form-control {
  width: 260px;
  height: 40px;
  font-size: var(--edc-fs-body);
}
.gis-selbar__form .gis-selbar__date {
  width: 160px;
}
.gis-selbar__save {
  height: 40px;
  min-width: 0;
  margin: 0;
  padding: 0 16px;
  border-radius: 10px;
  font-weight: 600;
}

.gis-surface--compact .gis-map {
  height: 600px;
}

.gis-tools {
  position: absolute;
  top: 84px;
  left: 10px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background: #fff;
}
.gis-tools > .position-relative {
  display: block !important;
}

.gis-tool {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #dfe4ea;
  background: #fff;
  color: #1c2531;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  cursor: pointer;
}
.gis-tool:hover {
  background: #f5f7fa;
}
.gis-tool.is-on, .gis-tool[aria-expanded=true] {
  background: #e8eef7;
  color: #1c3f75;
}
.gis-tool:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}

.gis-tools > :last-child .gis-tool,
.gis-tools > .gis-tool:last-child {
  border-bottom: 0;
}

.gis-tools .gis-popover--beside {
  top: 0;
  left: calc(100% + 8px);
}

.gis-map-corner {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1000;
  display: flex;
  gap: 8px;
}
.gis-map-corner > .position-relative,
.gis-map-corner > .gis-layers {
  position: relative;
}

.gis-overlay-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  min-width: 0;
  padding: 0 12px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background: #fff;
  background-clip: padding-box;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
  cursor: pointer;
}
.gis-overlay-btn:hover {
  background: #f5f7fa;
}
.gis-overlay-btn[aria-expanded=true] {
  color: #1c3f75;
  background: #e8eef7;
}
.gis-overlay-btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.gis-surface .gis-popover.gis-popover--under-end {
  left: auto;
  right: 0;
  width: 320px;
  max-height: 520px;
  overflow: auto;
}

.gis-views__ready {
  margin: 0 0 12px;
  padding: 0 0 10px;
  border-bottom: 1px solid #dfe4ea;
}

.gis-surface .gis-popover .gis-views__ready li {
  padding: 0;
}

.gis-views__ready-btn {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  min-height: 44px;
  padding: 6px 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  text-align: left;
}
.gis-views__ready-btn:hover {
  background: #f5f7fa;
}
.gis-views__ready-btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}

.gis-views__ready-name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}

.gis-views__ready-note {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.gis-surface .gis-popover.gis-views .text-muted {
  font-size: var(--edc-fs-secondary);
  color: #556070 !important;
}

.gis-layers__group {
  margin: 0 0 10px;
  padding: 0;
  border: 0;
}

.gis-layers__legend {
  float: none;
  width: auto;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
}

.gis-surface .gis-popover .gis-layers__row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 4px;
}
.gis-surface .gis-popover .gis-layers__row input {
  width: 18px;
  height: 18px;
  margin: 0;
}
.gis-surface .gis-popover .gis-layers__row label {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}

.gis-layers__count {
  color: #556070;
}

.gis-layers__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 0 10px;
}
.gis-layers__field label {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c2531;
}
.gis-layers__field .form-control {
  width: 100%;
  height: 38px;
  font-size: var(--edc-fs-body);
}

.gis-legend-overlay {
  position: absolute;
  left: 10px;
  bottom: 24px;
  z-index: 1000;
  max-width: calc(100% - 20px);
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 10px rgba(15, 30, 60, 0.16);
}
.gis-legend-overlay .gis-legend {
  margin: 0;
}

.gis-results-note {
  margin: 0;
  padding: 6px 12px 8px;
  border-bottom: 1px solid #dfe4ea;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.gis-results-note a {
  color: #1c3f75;
}

.gis-results-big {
  font-size: calc(var(--edc-fs-body) * 19.6 / 14);
  font-weight: 700;
}

.mapping-early-note.mapping-early-note--tag {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding: 0 2px 0 10px;
  min-height: 28px;
  border: 1px solid #b6cff5;
  border-radius: 999px;
  background: #eef4ff;
}
.mapping-early-note.mapping-early-note--tag[hidden] {
  display: none;
}
.mapping-early-note.mapping-early-note--tag .mapping-early-note__tag {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #1d3f7a;
}
.mapping-early-note.mapping-early-note--tag .mapping-early-note__dismiss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0;
  font-size: var(--edc-fs-title);
  color: #1d3f7a;
}

.mvbar-more__slot {
  padding: 0;
}

@media (max-width: 991px) {
  .gis-surface--compact .gis-map {
    height: 60vh;
  }
}
.dha {
  max-width: 1040px;
  margin: 0 auto;
  padding: 24px 8px 48px;
  font-size: var(--edc-fs-secondary);
  color: #212529;
}
.dha .dha-title {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  margin: 0 0 6px;
}
.dha .dha-sub {
  font-size: var(--edc-fs-secondary);
  color: #52514e;
  margin: 0 0 20px;
  max-width: 640px;
}
.dha .dha-tabs {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid #e1e0d9;
  margin-bottom: 20px;
}
.dha .dha-tabs a {
  display: inline-block;
  padding: 8px 16px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #52514e;
  border: 1px solid transparent;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  text-decoration: none;
}
.dha .dha-tabs a.is-active {
  color: #0b5ed7;
  background: #fff;
  border-color: #e1e0d9;
  margin-bottom: -1px;
  border-bottom: 1px solid #fff;
}
.dha .dha-tabs a:hover:not(.is-active) {
  background: #f6f8fb;
}
.dha .dha-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
@media (max-width: 900px) {
  .dha .dha-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
.dha .dha-stat {
  border: 1px solid #e1e0d9;
  border-radius: 8px;
  background: #fff;
  padding: 12px 14px;
}
.dha .dha-stat .dha-stat-num {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  line-height: 1.2;
}
.dha .dha-stat .dha-stat-label {
  font-size: var(--edc-fs-label);
  color: #52514e;
  margin-top: 2px;
}
.dha .dha-stat.dha-stat--action .dha-stat-num {
  color: #0b5ed7;
}
.dha .dha-stat.dha-stat--warn .dha-stat-num {
  color: #b02a37;
}
.dha .dha-action {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #cfe2ff;
  background: #f5f9ff;
  border-radius: 8px;
  margin-bottom: 20px;
}
.dha .dha-action .dha-action-note {
  font-size: var(--edc-fs-secondary);
  color: #3f4650;
}
.dha .dha-check-btn {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 6px;
  border: 1px solid #0d6efd;
  background: #0d6efd;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
}
.dha .dha-check-btn:hover {
  background: #0b5ed7;
}
.dha .dha-check-btn:disabled {
  opacity: 0.65;
  cursor: default;
}
.dha .dha-status {
  font-size: var(--edc-fs-secondary);
  margin-bottom: 12px;
  min-height: 18px;
}
.dha .dha-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #e1e0d9;
  border-radius: 8px;
  overflow: hidden;
}
.dha .dha-table th {
  text-align: left;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  background: #f8f9fa;
  padding: 10px 16px;
  border-bottom: 1px solid #e1e0d9;
}
.dha .dha-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #f1f3f5;
  font-size: var(--edc-fs-secondary);
  vertical-align: middle;
}
.dha .dha-table tr:last-child td {
  border-bottom: none;
}
.dha .dha-table a {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #0b5ed7;
  text-decoration: none;
}
.dha .dha-table a:hover {
  text-decoration: underline;
}
.dha .dha-pill {
  display: inline-block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.dha .dha-pill.dha-pill--suggestion {
  color: #0b5ed7;
  background: rgba(13, 110, 253, 0.12);
}
.dha .dha-pill.dha-pill--no-match {
  color: #b02a37;
  background: rgba(220, 53, 69, 0.12);
}
.dha .dha-pill.dha-pill--unchecked {
  color: #495057;
  background: rgba(108, 117, 125, 0.14);
}
.dha .dha-pill.dha-pill--incomplete {
  color: #b35900;
  background: rgba(253, 126, 20, 0.14);
}
.dha .dha-pill.dha-pill--checked {
  color: #146c43;
  background: rgba(25, 135, 84, 0.14);
}
.dha .dha-row-action .dha-btn-check {
  font-size: var(--edc-fs-secondary);
  padding: 4px 12px;
  border-radius: 6px;
  border: 1px solid #0d6efd;
  background: #fff;
  color: #0b5ed7;
  cursor: pointer;
}
.dha .dha-row-action .dha-btn-check:hover {
  background: #f5f9ff;
}
.dha .dha-row-action .dha-btn-check:disabled {
  opacity: 0.6;
  cursor: default;
}
.dha .dha-pagination {
  margin-top: 14px;
  font-size: var(--edc-fs-secondary);
  color: #52514e;
}
.dha .dha-pagination a {
  margin: 0 4px;
  color: #0b5ed7;
  font-weight: 600;
  text-decoration: none;
}
.dha .dha-pagination a:hover {
  text-decoration: underline;
}
.dha .dha-empty {
  padding: 28px 16px;
  text-align: center;
  color: #52514e;
  font-size: var(--edc-fs-secondary);
  border: 1px dashed #e1e0d9;
  border-radius: 8px;
  background: #fff;
}

.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  animation-fill-mode: both;
}

.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}

/* loading option */
.animsition-loading,
.animsition-loading:after {
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
}

.animsition-loading {
  transform: translateZ(0);
  animation-name: animsition-loading;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  background-color: transparent;
}
@keyframes animsition-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  animation-name: fade-in;
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  animation-name: fade-out;
}
@keyframes fade-in-up {
  0% {
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up {
  animation-name: fade-in-up;
}
@keyframes fade-out-up {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-500px);
    opacity: 0;
  }
}
.fade-out-up {
  animation-name: fade-out-up;
}
@keyframes fade-in-up-sm {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-sm {
  animation-name: fade-in-up-sm;
}
@keyframes fade-out-up-sm {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-100px);
    opacity: 0;
  }
}
.fade-out-up-sm {
  animation-name: fade-out-up-sm;
}
@keyframes fade-in-up-lg {
  0% {
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-lg {
  animation-name: fade-in-up-lg;
}
@keyframes fade-out-up-lg {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000px);
    opacity: 0;
  }
}
.fade-out-up-lg {
  animation-name: fade-out-up-lg;
}
@keyframes fade-in-down {
  0% {
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down {
  animation-name: fade-in-down;
}
@keyframes fade-out-down {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(500px);
    opacity: 0;
  }
}
.fade-out-down {
  animation-name: fade-out-down;
}
@keyframes fade-in-down-sm {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-sm {
  animation-name: fade-in-down-sm;
}
@keyframes fade-out-down-sm {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(100px);
    opacity: 0;
  }
}
.fade-out-down-sm {
  animation-name: fade-out-down-sm;
}
@keyframes fade-in-down-lg {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-lg {
  animation-name: fade-in-down;
}
@keyframes fade-out-down-lg {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(1000px);
    opacity: 0;
  }
}
.fade-out-down-lg {
  animation-name: fade-out-down-lg;
}
@keyframes fade-in-left {
  0% {
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left {
  animation-name: fade-in-left;
}
@keyframes fade-out-left {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-500px);
    opacity: 0;
  }
}
.fade-out-left {
  animation-name: fade-out-left;
}
@keyframes fade-in-left-sm {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-sm {
  animation-name: fade-in-left-sm;
}
@keyframes fade-out-left-sm {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-100px);
    opacity: 0;
  }
}
.fade-out-left-sm {
  animation-name: fade-out-left-sm;
}
@keyframes fade-in-left-lg {
  0% {
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-lg {
  animation-name: fade-in-left-lg;
}
@keyframes fade-out-left-lg {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-1500px);
    opacity: 0;
  }
}
.fade-out-left-lg {
  animation-name: fade-out-left-lg;
}
@keyframes fade-in-right {
  0% {
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right {
  animation-name: fade-in-right;
}
@keyframes fade-out-right {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(500px);
    opacity: 0;
  }
}
.fade-out-right {
  animation-name: fade-out-right;
}
@keyframes fade-in-right-sm {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-sm {
  animation-name: fade-in-right-sm;
}
@keyframes fade-out-right-sm {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100px);
    opacity: 0;
  }
}
.fade-out-right-sm {
  animation-name: fade-out-right-sm;
}
@keyframes fade-in-right-lg {
  0% {
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-lg {
  animation-name: fade-in-right-lg;
}
@keyframes fade-out-right-lg {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(1500px);
    opacity: 0;
  }
}
.fade-out-right-lg {
  animation-name: fade-out-right-lg;
}
@keyframes rotate-in {
  0% {
    transform: rotate(-90deg);
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in {
  animation-name: rotate-in;
}
@keyframes rotate-out {
  0% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    transform: rotate(90deg);
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out {
  animation-name: rotate-out;
}
@keyframes rotate-in-sm {
  0% {
    transform: rotate(-45deg);
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-sm {
  animation-name: rotate-in-sm;
}
@keyframes rotate-out-sm {
  0% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    transform: rotate(45deg);
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-sm {
  animation-name: rotate-out-sm;
}
@keyframes rotate-in-lg {
  0% {
    transform: rotate(-180deg);
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-lg {
  animation-name: rotate-in-lg;
}
@keyframes rotate-out-lg {
  0% {
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    transform: rotate(180deg);
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-lg {
  animation-name: rotate-out-lg;
}
@keyframes flip-in-x {
  0% {
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x {
  animation-name: flip-in-x;
  backface-visibility: visible !important;
}
@keyframes flip-out-x {
  0% {
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x {
  animation-name: flip-out-x;
  backface-visibility: visible !important;
}
@keyframes flip-in-x-nr {
  0% {
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-nr {
  animation-name: flip-in-x-nr;
  backface-visibility: visible !important;
}
@keyframes flip-out-x-nr {
  0% {
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-nr {
  animation-name: flip-out-x-nr;
  backface-visibility: visible !important;
}
@keyframes flip-in-x-fr {
  0% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-fr {
  animation-name: flip-in-x-fr;
  backface-visibility: visible !important;
}
@keyframes flip-out-x-fr {
  0% {
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-fr {
  animation-name: flip-out-x-fr;
  backface-visibility: visible !important;
}
@keyframes flip-in-y {
  0% {
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y {
  animation-name: flip-in-y;
  backface-visibility: visible !important;
}
@keyframes flip-out-y {
  0% {
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y {
  animation-name: flip-out-y;
  backface-visibility: visible !important;
}
@keyframes flip-in-y-nr {
  0% {
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-nr {
  animation-name: flip-in-y-nr;
  backface-visibility: visible !important;
}
@keyframes flip-out-y-nr {
  0% {
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-nr {
  animation-name: flip-out-y-nr;
  backface-visibility: visible !important;
}
@keyframes flip-in-y-fr {
  0% {
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-fr {
  animation-name: flip-in-y-fr;
  backface-visibility: visible !important;
}
@keyframes flip-out-y-fr {
  0% {
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-fr {
  animation-name: flip-out-y-fr;
  backface-visibility: visible !important;
}
@keyframes zoom-in {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in {
  animation-name: zoom-in;
}
@keyframes zoom-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out {
  animation-name: zoom-out;
}
@keyframes zoom-in-sm {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-sm {
  animation-name: zoom-in-sm;
}
@keyframes zoom-out-sm {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-sm {
  animation-name: zoom-out-sm;
}
@keyframes zoom-in-lg {
  0% {
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-lg {
  animation-name: zoom-in-lg;
}
@keyframes zoom-out-lg {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-lg {
  animation-name: zoom-out-lg;
}

a.blink-slow {
  animation-name: blink-slow;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes blink-slow {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-top {
  top: 0;
  height: 0;
  animation-name: overlay-slide-in-top;
}
@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-top {
  top: 0;
  height: 100%;
  animation-name: overlay-slide-out-top;
}
@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  animation-name: overlay-slide-in-bottom;
}
@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  animation-name: overlay-slide-out-bottom;
}
@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-left {
  width: 0;
  animation-name: overlay-slide-in-left;
}
@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-left {
  left: 0;
  width: 100%;
  animation-name: overlay-slide-out-left;
}
@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-right {
  right: 0;
  width: 0;
  animation-name: overlay-slide-in-right;
}
@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-right {
  right: 0;
  width: 100%;
  animation-name: overlay-slide-out-right;
}

.scrollable.is-enabled {
  overflow: hidden !important;
}
.is-enabled .scrollable-container {
  box-sizing: content-box !important;
  overflow: hidden !important;
}
.is-enabled .scrollable-container::-webkit-scrollbar {
  width: 0;
  height: 0;
  -webkit-appearance: none;
}
.scrollable-vertical.is-enabled .scrollable-container {
  overflow-y: scroll !important;
}
.scrollable-horizontal.is-enabled .scrollable-container {
  overflow-x: scroll !important;
}
.is-enabled .scrollable-content {
  position: relative !important;
  overflow: visible !important;
}
.is-enabled .scrollable-content::before, .is-enabled .scrollable-content::after {
  display: table;
  content: " ";
}
.is-enabled .scrollable-content::after {
  clear: both;
}
.is-disabled .scrollable-bar {
  display: none;
}
.scrollable-bar-hide {
  opacity: 0;
  transition-delay: 400ms;
}
.scrollable-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 2px;
  transition: opacity 0.5s;
  -webkit-touch-callout: none;
  user-input: disabled;
  user-focus: ignore;
}
.scrollable-bar.is-hovering {
  background: rgba(238, 238, 238, 0.4);
}
.scrollable-bar.is-dragging {
  background: rgba(238, 238, 238, 0.6) !important;
  opacity: 1;
}
.scrollable-bar.is-disabled {
  display: none;
}
.scrollable-bar-handle {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0;
  cursor: pointer;
  background: rgba(224, 224, 224, 0.6);
  border-radius: 2px;
  transition: width, height 0.5s;
}
.scrollable-bar.is-dragging .scrollable-bar-handle {
  background: rgba(150, 150, 150, 0.8) !important;
}
.scrollable-bar.is-dragging, .scrollable-bar.is-hovering {
  border-radius: 5px;
}
.scrollable-bar.is-dragging .scrollable-bar-handle, .scrollable-bar.is-hovering .scrollable-bar-handle {
  border-radius: 5px;
}
.scrollable-bar-vertical {
  width: 4px;
  height: 100%;
  height: calc(100% - 10px);
  margin: 5px 3px;
}
.scrollable-bar-vertical.is-dragging, .scrollable-bar-vertical.is-hovering {
  width: 10px;
  margin: 5px 1px;
}
.scrollable-bar-vertical .scrollable-bar-handle {
  width: 100%;
}
.scrollable-bar-horizontal {
  width: 100%;
  width: calc(100% - 10px);
  height: 4px;
  margin: 3px 5px;
}
.scrollable-bar-horizontal.is-dragging, .scrollable-bar-horizontal.is-hovering {
  height: 10px;
  margin: 1px 5px;
}
.scrollable-bar-horizontal .scrollable-bar-handle {
  height: 100%;
}
.scrollable.is-scrolling .scrollable-bar {
  opacity: 1;
  transition: opacity 0;
}
.scrollable.is-hovering .scrollable-bar-handle {
  background: rgba(150, 150, 150, 0.6);
}
.scrollable.is-dragging {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  user-input: disabled;
  user-focus: ignore;
}

.switchery {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  width: 45px;
  height: 24px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  background-color: #fff;
  -webkit-background-clip: content-box;
  background-clip: content-box;
}

.switchery > small {
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.switchery-small {
  width: 33px;
  height: 21px;
  border-radius: 21px;
}

.switchery-small > small {
  width: 21px;
  height: 21px;
}

.switchery-large {
  width: 66px;
  height: 36px;
  border-radius: 36px;
}

.switchery-large > small {
  width: 36px;
  height: 36px;
}

.introjs-overlay {
  position: absolute;
  z-index: 10000;
  transition: all 0.3s ease-out;
  opacity: 0;
  background-color: #000;
}

.introjs-fixParent {
  position: absolute !important;
  z-index: auto !important;
  transform: none !important;
  opacity: 1 !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 10100 !important;
}

.introjs-disableInteraction {
  position: absolute;
  z-index: 10300 !important;
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  position: absolute;
  z-index: 10099;
  transition: all 0.3s ease-out;
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
}

.introjs-tooltipReferenceLayer {
  position: absolute;
  z-index: 10101;
  transition: all 0.3s ease-out;
  background-color: transparent;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
}

.introjs-helperNumberLayer {
  font-family: Arial, verdana, tahoma;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  line-height: 1;
  position: absolute;
  z-index: 10400 !important;
  top: -16px;
  left: -16px;
  /* Old browsers */
  width: 20px;
  height: 20px;
  padding: 4px;
  text-align: center;
  color: white;
  border-radius: 50%;
  background: #1e88e5;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.introjs-arrow {
  position: absolute;
  display: none !important;
  content: "";
  border: 5px solid white;
}

.introjs-arrow.top {
  top: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}

.introjs-arrow.right {
  top: 10px;
  right: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white;
}

.introjs-arrow.right-bottom {
  right: -10px;
  bottom: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white;
}

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.introjs-arrow.left {
  top: 10px;
  left: -10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.introjs-arrow.left-bottom {
  bottom: 10px;
  left: -10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.introjs-tooltip {
  font-size: calc(var(--edc-fs-display) * 30 / 24);
  position: absolute;
  min-width: 300px;
  max-width: 500px;
  padding: 10px;
  transition: opacity 0.1s ease-out;
  color: #fff;
  background-color: transparent;
}

.introjs-tooltip .content {
  font-size: var(--edc-fs-body);
  display: block;
  margin-top: 20px;
}

.introjs-tooltipbuttons {
  margin-top: 10px;
  text-align: right;
  white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-skipbutton {
  font-size: var(--edc-fs-display);
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 56px;
  height: 56px;
  margin: 0;
  margin-right: 5px;
  padding: 0;
  text-align: center;
  color: #fff !important;
  border: none;
  border-radius: 100%;
  background: #e53935 !important;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
  text-shadow: none;
}

.introjs-skipbutton i {
  line-height: 56px;
}

.introjs-skipbutton:hover {
  color: #fff;
  border: none;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.introjs-skipbutton:active,
.introjs-skipbutton:focus {
  background: #e53935;
}

.introjs-prevbutton,
.introjs-nextbutton {
  font-size: var(--edc-fs-body);
  line-height: 1.42857143;
  padding: 8px 18px;
  transition: border 0.2s linear, color 0.2s linear, width 0.2s linear, background-color 0.2s linear;
  text-decoration: none;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 1000px;
  background-color: #1e88e5;
  -webkit-font-smoothing: subpixel-antialiased;
}

.introjs-prevbutton:hover,
.introjs-prevbutton:active,
.introjs-prevbutton:focus,
.introjs-nextbutton:hover,
.introjs-nextbutton:active,
.introjs-nextbutton:focus {
  text-decoration: none;
  color: #fff;
}

.introjs-prevbutton.introjs-disabled,
.introjs-nextbutton.introjs-disabled {
  cursor: not-allowed;
  color: #9e9e9e !important;
  border: 1px solid;
  background: transparent !important;
}

.introjs-prevbutton {
  float: left;
}

.introjs-prevbutton i {
  margin-right: 10px;
}

.introjs-nextbutton {
  float: right;
}

.introjs-nextbutton i {
  margin-left: 10px;
}

.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
  text-decoration: none;
}

.introjs-bullets {
  text-align: center;
}

.introjs-bullets ul {
  display: inline-block;
  clear: both;
  margin: 15px auto 0;
  padding: 0;
}

.introjs-bullets ul li {
  float: left;
  margin: 0 2px;
  list-style: none;
}

.introjs-bullets ul li a {
  display: block;
  width: 6px;
  height: 6px;
  text-decoration: none;
  border-radius: 10px;
  background: #ccc;
}

.introjs-bullets ul li a:hover {
  background: #999;
}

.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-progress {
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1;
}

.introjs-progressbar {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  line-height: 10px;
  float: left;
  width: 0;
  height: 100%;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
}

.introjs-fixedTooltip {
  position: fixed;
}

.introjs-hint {
  position: absolute;
  width: 20px;
  height: 15px;
  background: 0 0;
}

.introjs-hidehint {
  display: none;
}

.introjs-fixedhint {
  position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
  position: absolute;
  z-index: 10;
  width: 10px;
  height: 10px;
  transition: all 0.2s ease-out;
  border: 5px solid rgba(60, 60, 60, 0.27);
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
}

.introjs-hint-dot {
  position: absolute;
  z-index: 1;
  top: -25px;
  left: -25px;
  width: 50px;
  height: 50px;
  animation: introjspulse 3s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  border: 10px solid rgba(146, 146, 146, 0.36);
  border-radius: 60px;
  background: 0 0;
}
.slidePanel {
  position: fixed;
  z-index: 1310;
  visibility: hidden;
  max-width: 100%;
  max-height: 100%;
  background: #fff;
  box-shadow: -5px 0 20px 0 rgba(66, 66, 66, 0.2);
}

.slidePanel-right,
.slidePanel-left {
  top: 66.01px;
  bottom: 0;
  width: 700px;
}

@media (max-width: 1199px) {
  .slidePanel-right,
  .slidePanel-left {
    width: calc(100% - 230px);
  }
}
@media (max-width: 767px) {
  .slidePanel-right,
  .slidePanel-left {
    width: 100%;
  }
}
.slidePanel-top,
.slidePanel-bottom {
  width: 100%;
  height: 500px;
}

@media (max-width: 1199px) {
  .slidePanel-top,
  .slidePanel-bottom {
    top: 0;
    bottom: 0;
    height: auto;
  }
}
.slidePanel-left {
  left: 0;
}

.slidePanel-right {
  right: 0;
}

.slidePanel-top {
  top: 0;
  left: 0;
}

.slidePanel-bottom {
  bottom: 0;
  left: 0;
}

.slidePanel .scrollable-container {
  height: 100%;
}

.slidePanel-show {
  visibility: visible;
}

.slidePanel-handler {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  cursor: e-resize;
  background-color: transparent;
}

.slidePanel-loading {
  font-size: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
}

.slidePanel-loading:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.slidePanel-loading .loader {
  vertical-align: middle;
}

.slidePanel-loading-show {
  visibility: visible;
}

.slidePanel-scrollable {
  height: 100%;
}

.slidePanel-header {
  position: relative;
  padding: 40px 30px;
  padding-right: 120px;
  color: #fff;
}

.slidePanel-header h1 {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  line-height: 33px;
  margin: 0;
  color: #fff;
}

.slidePanel-actions {
  float: right;
  min-height: 67px;
  margin: 0;
  margin-left: 15px;
  list-style: none;
  text-align: right;
}

.slidePanel-actions .btn {
  line-height: 33px;
}

.slidePanel-action {
  transition: border 0.25s linear;
  border: 1px solid transparent;
  border-radius: 0.215rem;
}

.slidePanel-action:last-child {
  margin-right: 0;
}

.slidePanel-action.dropdown.open {
  border-color: #fff;
}

.slidePanel-action .icon {
  cursor: pointer;
}

.slidePanel-action .icon:hover {
  color: #ecf0f3;
}

.slidePanel-action .dropdown-menu {
  right: 0;
  left: auto;
  margin-top: 10px;
}

.slidePanel-action .dropdown-menu .icon {
  margin-right: 10px;
}

.slidePanel-inner {
  padding: 0 30px;
}

.slidePanel-inner-section {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
}

.slidePanel-comment {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}

.slidePanel-comment textarea {
  margin-bottom: 5px;
}

.slidePanel-comment .reply {
  position: absolute;
  top: 10px;
  left: 10px;
}

/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  transition: all 0.5s ease-out;
  transition-property: transform, opacity;
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
  transition: none !important;
}

.waves-button,
.waves-circle {
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
  padding: 0;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.waves-float {
  -webkit-mask-image: none;
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  transition: all 300ms;
}

.waves-float:active {
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

/*!
 * Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (https://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9 ;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9 ;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9 ;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9 ;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9 ;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}


@keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}

.bootstrap-select {
  width: 220px;
  vertical-align: middle;
}
.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #94a3b8;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: rgba(255, 255, 255, 0.5);
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important;
}
.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: rgb(185, 74, 72);
}
.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #28a745;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto;
}
:not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto;
}
.form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) {
  width: auto;
}
.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control {
  padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem;
}
.form-inline .bootstrap-select .form-control {
  width: 100%;
}
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  flex: 0 1 auto;
}
.bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: inherit;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
  position: relative;
  display: block;
  margin-right: 5px;
  text-align: center;
}
.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
  padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
  position: relative;
  top: calc((-0.6666666667em + 1ex) / 2);
  pointer-events: none;
}
.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
  top: auto;
}

.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected {
  display: none;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}
.bootstrap-select[class*=col-] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select .dropdown-menu {
  min-width: 100%;
  box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important;
}
.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
  position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: rgb(245, 245, 245);
  border: 1px solid rgb(227, 227, 227);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  box-sizing: border-box;
}
.bootstrap-select .dropdown-menu .notify.fadeOut {
  animation: 300ms linear 750ms forwards bs-notify-fadeOut;
}
.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: " ";
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select .bs-ok-default:after {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  transform-style: preserve-3d;
  transform: rotate(45deg);
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.float-end .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.float-end .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}

.bs-actionsbox {
  width: 100%;
  box-sizing: border-box;
}
.bs-actionsbox .btn-group {
  display: block;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}

.bs-donebutton {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.bs-donebutton .btn-group {
  display: block;
}
.bs-donebutton .btn-group button {
  width: 100%;
}

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}

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

.modal-header .modal-title {
  order: 0;
  flex: 1 1 auto;
}

.modal-header .btn-close {
  order: 1;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto, .dt-container .col-md-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.green-text {
  color: #2563eb;
}

.questions-list {
  margin: 20px;
  font-size: var(--edc-fs-heading);
  font-weight: 500;
  cursor: pointer;
}

.questions-list-container > * {
  width: auto;
  padding: 0;
}

.question-icon {
  font-size: calc(var(--edc-fs-display) * 25 / 24);
  padding: 10px;
  color: #555555;
  cursor: pointer;
}

/* P6.2: icon-only controls are real <button>s. This strips the default
   button chrome so they render like the icons they replaced, while keeping
   them keyboard-operable with a visible focus ring. */
.btn-icon-bare {
  background: transparent;
  border: none;
  line-height: 1;
}

.btn-icon-bare:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 4px;
}

.btn-icon-bare:disabled {
  cursor: default;
}

.question-icon.greyed {
  color: #AAAAAA;
}

.question-card {
  background-color: #FFFFFF;
  margin: 12px 0;
  padding: 0 14px 6px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  position: relative;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.question-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.09);
}

.disabled-question .question-form:after, .disabled-question .question-preview:after, .disabled-question.question-form-and-preview:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(200, 200, 200, 0.2);
  cursor: not-allowed;
}

.question-controls {
  z-index: 1;
}

.disabled-question {
  position: relative;
}

.disabled-question.question-form-and-preview:after {
  top: -20px;
  left: -20px;
  bottom: -20px;
  right: -20px;
}

.question-drag-handle:before {
  content: "⠿";
}

.question-drag-handle {
  text-align: center;
  font-weight: bold;
  color: #cbd5e1;
  line-height: 22px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  letter-spacing: 1px;
  position: absolute;
  width: 100%;
  left: 0;
  top: -2px;
  z-index: 1;
  cursor: grab;
  opacity: 0.55;
  transition: opacity 0.15s ease, color 0.15s ease;
}

/* The whole card reveals its handle on hover; the handle itself darkens. */
.question-card:hover .question-drag-handle,
.question-controls:hover .question-drag-handle {
  opacity: 1;
}

.question-drag-handle:hover {
  color: #2563eb;
  opacity: 1;
}

.question-drag-handle:active {
  cursor: grabbing;
}

.ranking-question-row .form-inline {
  flex-grow: 0;
}

.ranking-question-row .custom-radioBtn [type=radio]:checked + label,
.ranking-question-row .custom-radioBtn [type=radio]:not(:checked) + label {
  padding-left: 25px;
}

.va-m {
  vertical-align: middle;
}

.left-border {
  border-left: 1px solid #e3e3e3;
}

.option-icon {
  font-size: calc(var(--edc-fs-display) * 25 / 24);
  color: #555555;
  cursor: pointer;
}

.add-question-btn {
  margin-left: 20px !important;
  background: #2563eb !important;
  color: #FFFFFF !important;
  outline: none !important;
}

.modal-title {
  color: #193f87;
}

.form-builder-select {
  min-width: 250px !important;
  padding-top: 10px !important;
}

.light-text {
  display: block;
  font-weight: 100;
  font-size: var(--edc-fs-label);
}

.large-icon {
  padding-top: 2px;
  font-size: calc(var(--edc-fs-display) * 33 / 24);
}

.no-outline {
  outline: none !important;
}

.btn-outline-forms {
  font-size: var(--edc-fs-body) !important;
  padding: 6px 15px !important;
}

/* Builder toolbar positioning is overridden in survey_dashboard.scss (which
   compiles reliably and cascades after this file) — see .preview-btn-div there. */
.preview-btn-div {
  position: absolute;
  top: 20px;
  right: 30px;
}

.nested-blank {
  display: inline-block !important;
  margin: 10px 5px;
  width: 7rem;
  height: 1.9rem;
}

.btn-remove {
  box-shadow: none;
  color: red;
}

.template-header-image {
  height: 100px;
  width: 400px;
}

.template-logo-image {
  max-width: 35%;
}

.template-style-dialog {
  margin-top: 50px;
}

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

.avatar-image {
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  border: 1px solid #ccc;
  cursor: pointer;
}

/* A locked question (from a Rollup lead's survey): a muted card — slate
   tint, full hairline border, no coloured side stripe — whose lock icon and
   "From <lead>'s survey" line say why it can't be edited
   (builder/components/LockedQuestionPreview.jsx). */
.question-card.disabled-question {
  position: relative;
  background: #f8fafc;
  border-color: #e2e8f0;
  box-shadow: none;
  cursor: default;
}

.question-card.disabled-question:hover {
  border-color: #e2e8f0;
  box-shadow: none;
}

/* Inline question-type picker (replaces a static label; modal still available) */
.qtype-inline-picker {
  max-width: 280px;
  display: inline-block;
}

/* ── Document import: one-shot CTA ─────────────────────────────────────── */
.doc-import-oneshot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  margin: 0 0 4px;
  background: linear-gradient(180deg, #eef2ff, #f8fafc);
  border: 1px solid #e0e7ff;
  border-radius: 10px;
}

.doc-import-oneshot__text {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
}

.doc-import-oneshot__or {
  text-align: center;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #94a3b8;
  margin: 6px 0 10px;
}

/* ── Review Import drawer ──────────────────────────────────────────────── */
.review-import {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.review-import__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 18px 20px 12px;
  border-bottom: 1px solid #e2e8f0;
}

.review-import__title {
  margin: 0;
  font-weight: 700;
  color: #0f172a;
}

.review-import__sub {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #64748b;
}

.review-import__legend {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 10px 20px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
  z-index: 1;
}

.review-import__col-h {
  display: block;
}

.review-import__col-h {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
}

.review-import__list {
  overflow-y: auto;
  padding: 8px 0;
}

.review-import__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 14px 20px;
  border-bottom: 1px solid #f1f5f9;
}

.review-import__row.is-low {
  background: #fffbeb;
}

.review-import__source pre {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: inherit;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
}

.review-import__mapped-label {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #0f172a;
}

.review-import__mapped-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.review-import__optcount {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #64748b;
}

.review-import__note {
  margin-top: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #b45309;
  background: #fef3c7;
  border-radius: 6px;
  padding: 6px 8px;
}

.review-import__edit {
  margin-top: 8px !important;
  padding-left: 0 !important;
}

.review-import__empty {
  padding: 40px 20px;
  text-align: center;
  color: #94a3b8;
}

/* ── Builder header: one coherent bar (2026-07-14 landing redesign) ─────── */
.builder-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding: 14px 4px 16px;
  margin-bottom: 8px;
  border-bottom: 1px solid #e2e8f0;
}

.builder-header__lead {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 20px;
  flex: 1 1 320px;
  min-width: 0;
}

/* Inline-editable title — the survey's name IS the header. On a narrow card
   (preview pane open) the category select wraps below rather than squeezing
   the title into an unreadable ellipsis. */
.builder-title {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 200px;
  flex: 1 1 220px;
}

.builder-title__input {
  width: 100%;
  border: none;
  background: transparent;
  padding: 4px 30px 4px 4px;
  font-size: calc(var(--edc-fs-title) * 19.6 / 18);
  font-weight: 600;
  color: #0f172a;
  line-height: 1.3;
  border-radius: 6px;
  text-overflow: ellipsis;
}

.builder-title__input::-moz-placeholder {
  color: #475569;
  font-weight: 600;
  opacity: 1;
}

.builder-title__input::placeholder {
  color: #475569;
  font-weight: 600;
  opacity: 1;
}

.builder-title__input:hover {
  background: #f1f5f9;
}

.builder-title__input:focus {
  outline: 2px solid #193f87;
  outline-offset: 1px;
  background: #ffffff;
}

.builder-title__edit {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: #475569;
  padding: 2px;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.12s ease;
}

.builder-title:hover .builder-title__edit,
.builder-title__input:focus + .builder-title__edit {
  opacity: 1;
}

.builder-header__category {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.builder-header__category-label {
  margin: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
}

.builder-header__category-select.form-control-sm {
  width: auto;
  min-width: 150px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #0f172a;
}

.builder-header__controls {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  flex-wrap: wrap;
}

.builder-header__undo {
  display: inline-flex;
  align-items: center;
}

.builder-header__done {
  margin-left: 4px !important;
}

/* Current-theme swatch preceding the "Styling" button label — instant
   orientation to the survey's theme color (updates live). */
.builder-header__theme-swatch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid rgba(15, 23, 42, 0.2);
}

/* ── Landing moment: centered starter panel (empty canvas) ─────────────── */
.builder-starter {
  display: flex;
  justify-content: center;
  padding: 48px 16px 56px;
}

.builder-starter__panel {
  width: 100%;
  max-width: 640px;
  text-align: center;
  padding: 8px;
}

.builder-starter__heading {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 600;
  color: #0f172a;
}

.builder-starter__support {
  margin: 0 auto 10px;
  max-width: 480px;
  /* 13px explicit — 0.9rem resolved to 12.6px at this app's 14px root, under
     the legibility floor for body text. */
  font-size: var(--edc-fs-secondary);
  color: #334155;
  line-height: 1.5;
}

/* Plain-words statement of what a question-less survey can and cannot do.
   Deliberately quieter than the support line but still full body weight —
   it is a fact the author needs, not a caption. */
.builder-starter__state {
  margin: 0 auto 28px;
  max-width: 480px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  line-height: 1.5;
}

.builder-starter__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 640px) {
  .builder-starter__cards {
    grid-template-columns: 1fr;
  }
}
.builder-starter__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  padding: 22px 16px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

.builder-starter__card:hover {
  border-color: #193f87;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.builder-starter__card:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}

.builder-starter__card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #eef2ff;
  color: #193f87;
  margin-bottom: 2px;
}

.builder-starter__card-name {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
  color: #0f172a;
}

.builder-starter__card-desc {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
  line-height: 1.4;
}

.bt-rt-5 {
  position: absolute !important;
  bottom: 5px !important;
  right: 5px !important;
}

.hidden-popover {
  display: none !important;
}

.mw-25 {
  max-width: 25% !important;
}

.carousel-control-next, .carousel-control-prev {
  opacity: 1 !important;
  color: #55D573 !important;
}

.box {
  margin-bottom: 20px;
  height: 220px;
  background: #F5F6FA;
}

@media (min-width: 768px) {
  /* show 3 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
    display: block;
  }
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
    transition: none;
  }
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -25%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}
/* Bootstrap Lightbox using Modal */
#profile-grid {
  overflow: auto;
  white-space: normal;
}

#profile-grid .profile {
  padding-bottom: 40px;
}

#profile-grid .panel {
  padding: 0;
}

#profile-grid .panel-body {
  padding: 15px;
}

#profile-grid .profile-name {
  font-weight: bold;
}

#profile-grid .thumbnail {
  margin-bottom: 6px;
}

#profile-grid .panel-thumbnail {
  overflow: hidden;
}

#profile-grid .img-rounded {
  border-radius: 4px 4px 0 0;
}

/* Config */
:root {
  --sk-size: 40px;
  --sk-color: #55D573 !important;
}

/* Utility class for centering */
.sk-center {
  margin: auto;
}

/*  Plane
      <div class="sk-plane"></div>
 */
.sk-plane {
  width: var(--sk-size);
  height: var(--sk-size);
  background-color: var(--sk-color);
  animation: sk-plane 1.2s infinite ease-in-out;
}

@keyframes sk-plane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/*  Chase
      <div class="sk-chase">
        <div class="sk-chase-dot"></div>
        <div class="sk-chase-dot"></div>
        <div class="sk-chase-dot"></div>
        <div class="sk-chase-dot"></div>
        <div class="sk-chase-dot"></div>
        <div class="sk-chase-dot"></div>
      </div>
 */
.sk-chase {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2s infinite ease-in-out both;
}

.sk-chase-dot:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-chase-dot-before 2s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}
/*  Bounce
      <div class="sk-bounce">
        <div class="sk-bounce-dot"></div>
        <div class="sk-bounce-dot"></div>
      </div>
  */
.sk-bounce {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-bounce-dot {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--sk-color);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.sk-bounce-dot:nth-child(2) {
  animation-delay: -1s;
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  45%, 55% {
    transform: scale(1);
  }
}
/*  Wave
      <div class="sk-wave">
        <div class="sk-wave-rect"></div>
        <div class="sk-wave-rect"></div>
        <div class="sk-wave-rect"></div>
        <div class="sk-wave-rect"></div>
        <div class="sk-wave-rect"></div>
      </div>
 */
.sk-wave {
  width: var(--sk-size);
  height: var(--sk-size);
  display: flex;
  justify-content: space-between;
}

.sk-wave-rect {
  background-color: var(--sk-color);
  height: 100%;
  width: 15%;
  animation: sk-wave 1.2s infinite ease-in-out;
}

.sk-wave-rect:nth-child(1) {
  animation-delay: -1.2s;
}

.sk-wave-rect:nth-child(2) {
  animation-delay: -1.1s;
}

.sk-wave-rect:nth-child(3) {
  animation-delay: -1s;
}

.sk-wave-rect:nth-child(4) {
  animation-delay: -0.9s;
}

.sk-wave-rect:nth-child(5) {
  animation-delay: -0.8s;
}

@keyframes sk-wave {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
/*  Pulse
      <div class="sk-pulse"></div>
 */
.sk-pulse {
  width: var(--sk-size);
  height: var(--sk-size);
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@keyframes sk-pulse {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
/*  Flow
      <div class="sk-flow">
        <div class="sk-flow-dot"></div>
        <div class="sk-flow-dot"></div>
        <div class="sk-flow-dot"></div>
      </div>
 */
.sk-flow {
  width: calc(var(--sk-size) * 1.3);
  height: calc(var(--sk-size) * 1.3);
  display: flex;
  justify-content: space-between;
}

.sk-flow-dot {
  width: 25%;
  height: 25%;
  background-color: var(--sk-color);
  border-radius: 50%;
  animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
}

.sk-flow-dot:nth-child(1) {
  animation-delay: -0.3s;
}

.sk-flow-dot:nth-child(2) {
  animation-delay: -0.15s;
}

@keyframes sk-flow {
  0%, 80%, 100% {
    transform: scale(0.3);
  }
  40% {
    transform: scale(1);
  }
}
/*  Swing
      <div class="sk-swing">
        <div class="sk-swing-dot"></div>
        <div class="sk-swing-dot"></div>
      </div>
 */
.sk-swing {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  animation: sk-swing 1.8s infinite linear;
}

.sk-swing-dot {
  width: 45%;
  height: 45%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-swing-dot 2s infinite ease-in-out;
}

.sk-swing-dot:nth-child(2) {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes sk-swing {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-swing-dot {
  0%, 100% {
    transform: scale(0.2);
  }
  50% {
    transform: scale(1);
  }
}
/*  Circle
      <div class="sk-circle">
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
        <div class="sk-circle-dot"></div>
      </div>
 */
.sk-circle {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-circle-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle-dot:before {
  content: "";
  display: block;
  width: 15%;
  height: 15%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-circle 1.2s infinite ease-in-out both;
}

.sk-circle-dot:nth-child(1) {
  transform: rotate(30deg);
}

.sk-circle-dot:nth-child(2) {
  transform: rotate(60deg);
}

.sk-circle-dot:nth-child(3) {
  transform: rotate(90deg);
}

.sk-circle-dot:nth-child(4) {
  transform: rotate(120deg);
}

.sk-circle-dot:nth-child(5) {
  transform: rotate(150deg);
}

.sk-circle-dot:nth-child(6) {
  transform: rotate(180deg);
}

.sk-circle-dot:nth-child(7) {
  transform: rotate(210deg);
}

.sk-circle-dot:nth-child(8) {
  transform: rotate(240deg);
}

.sk-circle-dot:nth-child(9) {
  transform: rotate(270deg);
}

.sk-circle-dot:nth-child(10) {
  transform: rotate(300deg);
}

.sk-circle-dot:nth-child(11) {
  transform: rotate(330deg);
}

.sk-circle-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-circle-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-circle-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-circle-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-circle-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-circle-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

.sk-circle-dot:nth-child(7):before {
  animation-delay: -0.5s;
}

.sk-circle-dot:nth-child(8):before {
  animation-delay: -0.4s;
}

.sk-circle-dot:nth-child(9):before {
  animation-delay: -0.3s;
}

.sk-circle-dot:nth-child(10):before {
  animation-delay: -0.2s;
}

.sk-circle-dot:nth-child(11):before {
  animation-delay: -0.1s;
}

@keyframes sk-circle {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
/*  Circle Fade
      <div class="sk-circle-fade">
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
        <div class="sk-circle-fade-dot"></div>
      </div>
 */
.sk-circle-fade {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-circle-fade-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle-fade-dot:before {
  content: "";
  display: block;
  width: 15%;
  height: 15%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-circle-fade 1.2s infinite ease-in-out both;
}

.sk-circle-fade-dot:nth-child(1) {
  transform: rotate(30deg);
}

.sk-circle-fade-dot:nth-child(2) {
  transform: rotate(60deg);
}

.sk-circle-fade-dot:nth-child(3) {
  transform: rotate(90deg);
}

.sk-circle-fade-dot:nth-child(4) {
  transform: rotate(120deg);
}

.sk-circle-fade-dot:nth-child(5) {
  transform: rotate(150deg);
}

.sk-circle-fade-dot:nth-child(6) {
  transform: rotate(180deg);
}

.sk-circle-fade-dot:nth-child(7) {
  transform: rotate(210deg);
}

.sk-circle-fade-dot:nth-child(8) {
  transform: rotate(240deg);
}

.sk-circle-fade-dot:nth-child(9) {
  transform: rotate(270deg);
}

.sk-circle-fade-dot:nth-child(10) {
  transform: rotate(300deg);
}

.sk-circle-fade-dot:nth-child(11) {
  transform: rotate(330deg);
}

.sk-circle-fade-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-circle-fade-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-circle-fade-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-circle-fade-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-circle-fade-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-circle-fade-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

.sk-circle-fade-dot:nth-child(7):before {
  animation-delay: -0.5s;
}

.sk-circle-fade-dot:nth-child(8):before {
  animation-delay: -0.4s;
}

.sk-circle-fade-dot:nth-child(9):before {
  animation-delay: -0.3s;
}

.sk-circle-fade-dot:nth-child(10):before {
  animation-delay: -0.2s;
}

.sk-circle-fade-dot:nth-child(11):before {
  animation-delay: -0.1s;
}

@keyframes sk-circle-fade {
  0%, 39%, 100% {
    opacity: 0;
    transform: scale(0.6);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
/*  Grid
    <div class="sk-grid">
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
      <div class="sk-grid-cube"></div>
    </div>
 */
.sk-grid {
  width: var(--sk-size);
  height: var(--sk-size);
  /* Cube positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */
}

.sk-grid-cube {
  width: 33.33%;
  height: 33.33%;
  background-color: var(--sk-color);
  float: left;
  animation: sk-grid 1.3s infinite ease-in-out;
}

.sk-grid-cube:nth-child(1) {
  animation-delay: 0.2s;
}

.sk-grid-cube:nth-child(2) {
  animation-delay: 0.3s;
}

.sk-grid-cube:nth-child(3) {
  animation-delay: 0.4s;
}

.sk-grid-cube:nth-child(4) {
  animation-delay: 0.1s;
}

.sk-grid-cube:nth-child(5) {
  animation-delay: 0.2s;
}

.sk-grid-cube:nth-child(6) {
  animation-delay: 0.3s;
}

.sk-grid-cube:nth-child(7) {
  animation-delay: 0s;
}

.sk-grid-cube:nth-child(8) {
  animation-delay: 0.1s;
}

.sk-grid-cube:nth-child(9) {
  animation-delay: 0.2s;
}

@keyframes sk-grid {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
/*  Fold
      <div class="sk-fold">
        <div class="sk-fold-cube"></div>
        <div class="sk-fold-cube"></div>
        <div class="sk-fold-cube"></div>
        <div class="sk-fold-cube"></div>
      </div>
 */
.sk-fold {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  transform: rotateZ(45deg);
}

.sk-fold-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}

.sk-fold-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sk-color);
  animation: sk-fold 2.4s infinite linear both;
  transform-origin: 100% 100%;
}

.sk-fold-cube:nth-child(2) {
  transform: scale(1.1) rotateZ(90deg);
}

.sk-fold-cube:nth-child(4) {
  transform: scale(1.1) rotateZ(180deg);
}

.sk-fold-cube:nth-child(3) {
  transform: scale(1.1) rotateZ(270deg);
}

.sk-fold-cube:nth-child(2):before {
  animation-delay: 0.3s;
}

.sk-fold-cube:nth-child(4):before {
  animation-delay: 0.6s;
}

.sk-fold-cube:nth-child(3):before {
  animation-delay: 0.9s;
}

@keyframes sk-fold {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
/*  Wander
      <div class="sk-wander">
        <div class="sk-wander-cube"></div>
        <div class="sk-wander-cube"></div>
        <div class="sk-wander-cube"></div>
        <div class="sk-wander-cube"></div>
      </div>
 */
.sk-wander {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-wander-cube {
  background-color: var(--sk-color);
  width: 20%;
  height: 20%;
  position: absolute;
  top: 0;
  left: 0;
  --sk-wander-distance: calc(var(--sk-size) * 0.75);
  animation: sk-wander 2s ease-in-out -2s infinite both;
}

.sk-wander-cube:nth-child(2) {
  animation-delay: -0.5s;
}

.sk-wander-cube:nth-child(3) {
  animation-delay: -1s;
}

@keyframes sk-wander {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(0.6);
  }
  50% { /* Make FF rotate in the right direction */
    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg);
  }
  50.1% {
    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(0.6);
  }
  100% {
    transform: rotate(-360deg);
  }
}
:root {
  --sk-size:40px;
  --sk-color:#333;
}

.sk-center {
  margin: auto;
}

.sk-plane {
  width: var(--sk-size);
  height: var(--sk-size);
  background-color: var(--sk-color);
  animation: sk-plane 1.2s infinite ease-in-out;
}

@keyframes sk-plane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.sk-chase {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2s infinite ease-in-out both;
}

.sk-chase-dot:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-chase-dot-before 2s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}
.sk-bounce {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-bounce-dot {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--sk-color);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.sk-bounce-dot:nth-child(2) {
  animation-delay: -1s;
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  45%, 55% {
    transform: scale(1);
  }
}
.sk-wave {
  width: var(--sk-size);
  height: var(--sk-size);
  display: flex;
  justify-content: space-between;
}

.sk-wave-rect {
  background-color: var(--sk-color);
  height: 100%;
  width: 15%;
  animation: sk-wave 1.2s infinite ease-in-out;
}

.sk-wave-rect:nth-child(1) {
  animation-delay: -1.2s;
}

.sk-wave-rect:nth-child(2) {
  animation-delay: -1.1s;
}

.sk-wave-rect:nth-child(3) {
  animation-delay: -1s;
}

.sk-wave-rect:nth-child(4) {
  animation-delay: -0.9s;
}

.sk-wave-rect:nth-child(5) {
  animation-delay: -0.8s;
}

@keyframes sk-wave {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
.sk-pulse {
  width: var(--sk-size);
  height: var(--sk-size);
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@keyframes sk-pulse {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.sk-flow {
  width: calc(var(--sk-size) * 1.3);
  height: calc(var(--sk-size) * 1.3);
  display: flex;
  justify-content: space-between;
}

.sk-flow-dot {
  width: 25%;
  height: 25%;
  background-color: var(--sk-color);
  border-radius: 50%;
  animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
}

.sk-flow-dot:nth-child(1) {
  animation-delay: -0.3s;
}

.sk-flow-dot:nth-child(2) {
  animation-delay: -0.15s;
}

@keyframes sk-flow {
  0%, 80%, 100% {
    transform: scale(0.3);
  }
  40% {
    transform: scale(1);
  }
}
.sk-swing {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  animation: sk-swing 1.8s infinite linear;
}

.sk-swing-dot {
  width: 45%;
  height: 45%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-swing-dot 2s infinite ease-in-out;
}

.sk-swing-dot:nth-child(2) {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes sk-swing {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-swing-dot {
  0%, 100% {
    transform: scale(0.2);
  }
  50% {
    transform: scale(1);
  }
}
.sk-circle {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-circle-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle-dot:before {
  content: "";
  display: block;
  width: 15%;
  height: 15%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-circle 1.2s infinite ease-in-out both;
}

.sk-circle-dot:nth-child(1) {
  transform: rotate(30deg);
}

.sk-circle-dot:nth-child(2) {
  transform: rotate(60deg);
}

.sk-circle-dot:nth-child(3) {
  transform: rotate(90deg);
}

.sk-circle-dot:nth-child(4) {
  transform: rotate(120deg);
}

.sk-circle-dot:nth-child(5) {
  transform: rotate(150deg);
}

.sk-circle-dot:nth-child(6) {
  transform: rotate(180deg);
}

.sk-circle-dot:nth-child(7) {
  transform: rotate(210deg);
}

.sk-circle-dot:nth-child(8) {
  transform: rotate(240deg);
}

.sk-circle-dot:nth-child(9) {
  transform: rotate(270deg);
}

.sk-circle-dot:nth-child(10) {
  transform: rotate(300deg);
}

.sk-circle-dot:nth-child(11) {
  transform: rotate(330deg);
}

.sk-circle-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-circle-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-circle-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-circle-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-circle-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-circle-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

.sk-circle-dot:nth-child(7):before {
  animation-delay: -0.5s;
}

.sk-circle-dot:nth-child(8):before {
  animation-delay: -0.4s;
}

.sk-circle-dot:nth-child(9):before {
  animation-delay: -0.3s;
}

.sk-circle-dot:nth-child(10):before {
  animation-delay: -0.2s;
}

.sk-circle-dot:nth-child(11):before {
  animation-delay: -0.1s;
}

@keyframes sk-circle {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.sk-circle-fade {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-circle-fade-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle-fade-dot:before {
  content: "";
  display: block;
  width: 15%;
  height: 15%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-circle-fade 1.2s infinite ease-in-out both;
}

.sk-circle-fade-dot:nth-child(1) {
  transform: rotate(30deg);
}

.sk-circle-fade-dot:nth-child(2) {
  transform: rotate(60deg);
}

.sk-circle-fade-dot:nth-child(3) {
  transform: rotate(90deg);
}

.sk-circle-fade-dot:nth-child(4) {
  transform: rotate(120deg);
}

.sk-circle-fade-dot:nth-child(5) {
  transform: rotate(150deg);
}

.sk-circle-fade-dot:nth-child(6) {
  transform: rotate(180deg);
}

.sk-circle-fade-dot:nth-child(7) {
  transform: rotate(210deg);
}

.sk-circle-fade-dot:nth-child(8) {
  transform: rotate(240deg);
}

.sk-circle-fade-dot:nth-child(9) {
  transform: rotate(270deg);
}

.sk-circle-fade-dot:nth-child(10) {
  transform: rotate(300deg);
}

.sk-circle-fade-dot:nth-child(11) {
  transform: rotate(330deg);
}

.sk-circle-fade-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-circle-fade-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-circle-fade-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-circle-fade-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-circle-fade-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-circle-fade-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

.sk-circle-fade-dot:nth-child(7):before {
  animation-delay: -0.5s;
}

.sk-circle-fade-dot:nth-child(8):before {
  animation-delay: -0.4s;
}

.sk-circle-fade-dot:nth-child(9):before {
  animation-delay: -0.3s;
}

.sk-circle-fade-dot:nth-child(10):before {
  animation-delay: -0.2s;
}

.sk-circle-fade-dot:nth-child(11):before {
  animation-delay: -0.1s;
}

@keyframes sk-circle-fade {
  0%, 39%, 100% {
    opacity: 0;
    transform: scale(0.6);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
.sk-grid {
  width: var(--sk-size);
  height: var(--sk-size);
}

.sk-grid-cube {
  width: 33.33%;
  height: 33.33%;
  background-color: var(--sk-color);
  float: left;
  animation: sk-grid 1.3s infinite ease-in-out;
}

.sk-grid-cube:nth-child(1) {
  animation-delay: 0.2s;
}

.sk-grid-cube:nth-child(2) {
  animation-delay: 0.3s;
}

.sk-grid-cube:nth-child(3) {
  animation-delay: 0.4s;
}

.sk-grid-cube:nth-child(4) {
  animation-delay: 0.1s;
}

.sk-grid-cube:nth-child(5) {
  animation-delay: 0.2s;
}

.sk-grid-cube:nth-child(6) {
  animation-delay: 0.3s;
}

.sk-grid-cube:nth-child(7) {
  animation-delay: 0s;
}

.sk-grid-cube:nth-child(8) {
  animation-delay: 0.1s;
}

.sk-grid-cube:nth-child(9) {
  animation-delay: 0.2s;
}

@keyframes sk-grid {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
.sk-fold {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  transform: rotateZ(45deg);
}

.sk-fold-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}

.sk-fold-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sk-color);
  animation: sk-fold 2.4s infinite linear both;
  transform-origin: 100% 100%;
}

.sk-fold-cube:nth-child(2) {
  transform: scale(1.1) rotateZ(90deg);
}

.sk-fold-cube:nth-child(4) {
  transform: scale(1.1) rotateZ(180deg);
}

.sk-fold-cube:nth-child(3) {
  transform: scale(1.1) rotateZ(270deg);
}

.sk-fold-cube:nth-child(2):before {
  animation-delay: 0.3s;
}

.sk-fold-cube:nth-child(4):before {
  animation-delay: 0.6s;
}

.sk-fold-cube:nth-child(3):before {
  animation-delay: 0.9s;
}

@keyframes sk-fold {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.sk-wander {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-wander-cube {
  background-color: var(--sk-color);
  width: 20%;
  height: 20%;
  position: absolute;
  top: 0;
  left: 0;
  --sk-wander-distance:calc(var(--sk-size) * 0.75);
  animation: sk-wander 2s ease-in-out -2s infinite both;
}

.sk-wander-cube:nth-child(2) {
  animation-delay: -0.5s;
}

.sk-wander-cube:nth-child(3) {
  animation-delay: -1s;
}

@keyframes sk-wander {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(0.6);
  }
  50% {
    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg);
  }
  50.1% {
    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(0.6);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/*form styles*/
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}

/*headings*/
.fs-title {
  font-size: var(--edc-fs-title);
  text-transform: uppercase;
  color: #2C3E50;
  margin-bottom: 10px;
  letter-spacing: 2px;
  font-weight: bold;
}

.fs-subtitle {
  font-weight: normal;
  font-size: var(--edc-fs-secondary);
  color: #666;
  margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}

#progressbar li {
  list-style-type: none;
  color: white;
  text-transform: uppercase;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9 / 10);
  width: 33.33%;
  float: left;
  position: relative;
  letter-spacing: 1px;
}

#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 24px;
  height: 24px;
  line-height: 26px;
  display: block;
  font-size: var(--edc-fs-label);
  color: #333;
  background: white;
  border-radius: 25px;
  margin: 0 auto 10px auto;
}

/*progressbar connectors*/
#progressbar li:after {
  content: "";
  width: 100%;
  height: 2px;
  background: white;
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: -1; /*put it behind the numbers*/
}

#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
  background: #ee0979;
  color: white;
}

/* Not relevant to this form */
.dme_link {
  margin-top: 30px;
  text-align: center;
}

.dme_link a {
  background: #FFF;
  font-weight: bold;
  color: #ee0979;
  border: 0 none;
  border-radius: 25px;
  cursor: pointer;
  padding: 5px 25px;
  font-size: var(--edc-fs-label);
}

.dme_link a:hover, .dme_link a:focus {
  background: #C5C5F1;
  text-decoration: none;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: var(--edc-fs-body);
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: var(--edc-fs-secondary);
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: var(--edc-fs-heading);
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  position: relative;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em;
}

.dropzone .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaa;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green;
}

.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none;
}

.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}

@keyframes spin {
  from {
    transform: rotateZ(0);
  }
  to {
    transform: rotateZ(1turn);
  }
}
.green-audio-player {
  width: 400px;
  min-width: 300px;
  height: 56px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07);
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #f0f0f0;
  box-sizing: border-box;
  outline: none;
}

.green-audio-player.player-accessible .play-pause-btn:hover,
.green-audio-player.player-accessible .controls:hover,
.green-audio-player.player-accessible .volume__button:hover,
.green-audio-player.player-accessible .volume__controls:hover,
.green-audio-player.player-accessible .download:hover {
  outline: dotted 1px #999;
}

.green-audio-player svg,
.green-audio-player img {
  display: block;
}

.green-audio-player .holder {
  position: relative;
}

.green-audio-player .holder .loading .loading__spinner {
  position: absolute;
  left: -3px;
  bottom: 2px;
  width: 16px;
  height: 16px;
  border: 2px solid #b0b0b0;
  border-right-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  animation: spin 0.4s linear infinite;
}

.green-audio-player .holder .play-pause-btn {
  visibility: hidden;
  cursor: pointer;
  outline: none !important;
}

.green-audio-player .holder .play-pause-btn:focus {
  outline: none !important;
}

.green-audio-player .slider {
  flex-grow: 1;
  background-color: #d8d8d8;
  cursor: pointer;
  position: relative;
}

.green-audio-player .slider .gap-progress {
  background-color: #44bfa3;
  border-radius: inherit;
  position: absolute;
  pointer-events: none;
}

.green-audio-player .slider .gap-progress .pin {
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background-color: #44bfa3;
  position: absolute;
  pointer-events: all;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32);
}

.green-audio-player .slider .gap-progress .pin::after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0);
  width: 200%;
  height: 200%;
  margin-left: -50%;
  margin-top: -50%;
  border-radius: 50%;
}

.green-audio-player .controls {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #55606e;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  outline: none;
}

.green-audio-player .controls .controls__slider {
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 2px;
  height: 4px;
}

.green-audio-player .controls .controls__slider .controls__progress {
  width: 0;
  height: 100%;
}

.green-audio-player .controls .controls__slider .controls__progress .progress__pin {
  right: -8px;
  top: -6px;
}

.green-audio-player .controls span {
  cursor: default;
}

.green-audio-player .controls:focus {
  outline: none !important;
}

.green-audio-player .volume {
  position: relative;
}

.green-audio-player .volume .volume__button {
  cursor: pointer;
  outline: none;
}

.green-audio-player .volume .volume__button:focus {
  outline: none !important;
}

.green-audio-player .volume .volume__button.open path {
  fill: #44bfa3;
}

.green-audio-player .volume .volume__controls {
  width: 30px;
  height: 135px;
  background-color: rgba(0, 0, 0, 0.62);
  border-radius: 7px;
  position: absolute;
  left: -3px;
  bottom: 52px;
  flex-direction: column;
  align-items: center;
  display: flex;
  z-index: 2;
  outline: none !important;
}

.green-audio-player .volume .volume__controls .volume__slider {
  margin-top: 12px;
  margin-bottom: 12px;
  width: 6px;
  border-radius: 3px;
}

.green-audio-player .volume .volume__controls .volume__slider .volume__progress {
  bottom: 0;
  height: 100%;
  width: 6px;
}

.green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin {
  left: -5px;
  top: -8px;
}

.green-audio-player .volume .volume__controls:focus {
  outline: none !important;
}

.green-audio-player .volume .volume__controls.hidden {
  display: none;
}

.green-audio-player .volume .volume__controls.top {
  bottom: 52px;
  left: -3px;
}

.green-audio-player .volume .volume__controls.middle {
  bottom: -54px;
  left: 54px;
}

.green-audio-player .volume .volume__controls.bottom {
  bottom: -164px;
  left: -3px;
}

.green-audio-player .download {
  display: none;
  margin-left: 16px;
  cursor: pointer;
  outline: none;
}

.green-audio-player .download:focus {
  outline: none !important;
}

.green-audio-player:focus {
  outline: none !important;
}

.message__offscreen {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}

#toast-container * {
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}

#toast-container > div:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
.lb-loader, .lightbox {
  text-align: center;
  line-height: 0;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400;
  outline: 0;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
}

.lb-loader, .lb-nav {
  position: absolute;
  left: 0;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/../images/loading.gif) no-repeat;
}

.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/../images/prev.png) left 48% no-repeat;
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/../images/next.png) right 48% no-repeat;
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/../images/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  opacity: 1;
}

.lb-cancel {
  background: none;
  border: 3px solid rgba(255, 255, 255, 0.25);
  border-top-color: #fff;
  border-radius: 50%;
  animation: edcf-spin 0.8s linear infinite;
}

.lb-nav a.lb-prev {
  background: url(/assets/prev.png) left 48% no-repeat;
}

.lb-nav a.lb-next {
  background: url(/assets/next.png) right 48% no-repeat;
}

.lb-data .lb-close {
  background: url(/assets/close.png) no-repeat;
}

.site-navbar {
  background-color: #212121;
}

.site-navbar .navbar-header {
  color: #fff;
  background-color: #FFFFFF;
}

.site-navbar .navbar-header .navbar-toggler {
  color: #fff;
}

.site-navbar .navbar-header .hamburger::before, .site-navbar .navbar-header .hamburger::after,
.site-navbar .navbar-header .hamburger .hamburger-bar {
  background-color: #173642;
}

.site-navbar .navbar-header .navbar-brand {
  font-family: "Roboto", sans-serif;
  color: #fff;
  cursor: pointer;
}

@media (min-width: 768px) {
  .site-navbar .navbar-header {
    width: 260px;
  }
}
.site-navbar .navbar-container {
  background-color: #fff;
}

@media (min-width: 768px) {
  .site-navbar .navbar-container {
    margin-left: 260px;
  }
}
.site-navbar.navbar-inverse .navbar-container {
  background-color: transparent;
}

@media (max-width: 767px) {
  .site-navbar.navbar .navbar-header {
    flex: 1 1 auto;
  }
  .site-navbar.navbar .navbar-collapse {
    flex: 1 1 100%;
  }
  .site-navbar.navbar .navbar-search {
    flex: 1 1 100%;
  }
}
.site-menubar {
  position: fixed;
  top: 66.01px;
  z-index: 1400;
  height: 100%;
  height: calc(100% - 66.01px);
  font-family: "Roboto", sans-serif;
  color: rgba(117, 117, 117, 0.9);
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.site-menubar-body {
  height: 100%;
  height: calc(100% - 76px);
}

.site-menubar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.site-menubar a:hover, .site-menubar a:focus {
  text-decoration: none;
}

.site-menubar .scrollable-inverse.scrollable .scrollable-bar-handle {
  background: rgba(158, 158, 158, 0.6);
}

.site-menubar.site-menubar-dark {
  background: #212121;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.site-menubar-section {
  padding: 0 30px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.site-menubar-section > h4, .site-menubar-section > h5 {
  color: #252525;
}

.site-menubar-section .progress:last-child {
  margin-bottom: 0;
}

.site-menubar-footer {
  position: fixed;
  bottom: 0;
  z-index: 1400;
  display: block;
}

.site-menubar-footer > a {
  display: block;
  float: left;
  width: 33.333333%;
  height: 76px;
  padding: 26px 0;
  font-size: var(--edc-fs-heading);
  color: #252525;
  text-align: center;
  background-color: #e0e0e0;
}

.site-menubar-footer > a:hover, .site-menubar-footer > a:focus {
  background-color: lightgray;
}

.site-menubar-dark .site-menubar-footer > a {
  background-color: #21292e;
}

.site-menubar-dark .site-menubar-footer > a:hover, .site-menubar-dark .site-menubar-footer > a:focus {
  background-color: #1e2427;
}

.site-menu {
  padding-bottom: 20px;
  overflow-y: hidden;
  font-size: var(--edc-fs-body);
}

.site-menu-item > a {
  white-space: nowrap;
  cursor: pointer;
}

.site-menu-icon {
  display: inline-block;
  width: 1em;
  text-align: center;
  vertical-align: middle;
}

.site-menu-title {
  display: inline-block;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.site-menu-arrow {
  position: relative;
  display: inline-block;
  font-family: "Material-Design-Iconic-Font";
  font-style: normal;
  font-weight: normal;
  transition: transform 0.15s;
  transform: translate(0, 0);
  text-rendering: auto;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.site-menu-arrow:before {
  content: "\f2fb";
}

.site-menu-arrow, .site-menu-badge, .site-menu-label {
  position: absolute;
  right: 30px;
  display: inline-block;
  vertical-align: middle;
}

.site-menu .badge {
  padding: 2px 5px 3px;
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  font-weight: 300;
}

.site-menu-item {
  position: relative;
  white-space: nowrap;
}

.site-menu-item a {
  display: block;
  color: rgba(117, 117, 117, 0.9);
  text-decoration: unset;
}

.site-menu-item.is-hidden {
  opacity: 0;
}

.site-menu-item.is-shown {
  opacity: 1;
}

.site-menu > .site-menu-item {
  padding: 0;
}

.site-menu > .site-menu-item > a {
  font-weight: 400;
}

.site-menu > .site-menu-item.open {
  background: rgba(33, 33, 33, 0.08);
}

.site-menu > .site-menu-item.open > a {
  color: #424242;
  background: transparent;
}

.site-menu > .site-menu-item.open.hover > a {
  background: transparent;
}

.site-menu > .site-menu-item.hover > a, .site-menu > .site-menu-item:hover > a {
  color: #424242;
  background-color: rgba(33, 33, 33, 0.05);
}

.site-menu > .site-menu-item.active {
  background: rgba(33, 33, 33, 0.08);
  background-color: #193f87 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.site-menu > .site-menu-item.active > a {
  color: #424242;
  background: transparent;
}

.site-menu > .site-menu-item.active.hover > a {
  background: transparent;
}

.site-menu .site-menu-sub {
  padding: 5px 0;
  margin: 0;
  font-size: var(--edc-fs-body);
  background: transparent;
}

.site-menu .site-menu-sub .site-menu-item {
  line-height: 36px;
  color: rgba(117, 117, 117, 0.9);
  background: transparent;
}

.site-menu .site-menu-sub .site-menu-item.has-sub {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.site-menu .site-menu-sub .site-menu-item > a {
  padding: 0 30px;
}

.site-menu .site-menu-sub .site-menu-item.open {
  background: rgba(33, 33, 33, 0.05);
}

.site-menu .site-menu-sub .site-menu-item.open > a {
  color: #424242;
}

.site-menu .site-menu-sub .site-menu-item.open.hover > a {
  background-color: transparent;
}

.site-menu .site-menu-sub .site-menu-item.hover > a, .site-menu .site-menu-sub .site-menu-item:hover > a {
  color: #424242;
  background-color: rgba(255, 255, 255, 0.02);
}

.site-menu .site-menu-sub .site-menu-item.active {
  background: rgba(33, 33, 33, 0.05);
}

.site-menu .site-menu-sub .site-menu-item.active > a {
  color: #424242;
}

.site-menu .site-menu-sub .site-menu-item.active.hover > a {
  background-color: transparent;
}

.site-menubar-dark .site-menu-item a {
  color: rgba(158, 158, 158, 0.9);
}

.site-menubar-dark .site-menu-item.hover > a, .site-menubar-dark .site-menu-item:hover > a {
  background: transparent;
}

.site-menubar-dark .site-menu > .site-menu-item.open {
  background: #1e1e1e;
}

.site-menubar-dark .site-menu > .site-menu-item.open > a {
  color: #fff;
}

.site-menubar-dark .site-menu > .site-menu-item.hover, .site-menubar-dark .site-menu > .site-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.02);
}

.site-menubar-dark .site-menu > .site-menu-item.hover > a, .site-menubar-dark .site-menu > .site-menu-item:hover > a {
  color: rgba(255, 255, 255, 0.8);
}

.site-menubar-dark .site-menu > .site-menu-item.active {
  background: #1e1e1e;
}

.site-menubar-dark .site-menu > .site-menu-item.active > a {
  color: #fff;
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.open {
  background: rgba(0, 0, 0, 0.06);
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.open > a {
  color: #fff;
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover, .site-menubar-dark .site-menu .site-menu-sub .site-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover > a, .site-menubar-dark .site-menu .site-menu-sub .site-menu-item:hover > a {
  color: rgba(255, 255, 255, 0.8);
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover.open, .site-menubar-dark .site-menu .site-menu-sub .site-menu-item:hover.open {
  background-color: rgba(0, 0, 0, 0.06);
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.active {
  background: rgba(0, 0, 0, 0.06);
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.active > a {
  color: #fff;
}

.site-gridmenu {
  position: fixed;
  top: 66.01px;
  bottom: 0;
  z-index: 1500;
  padding: 20px 0;
  visibility: hidden;
  background-color: #212121;
  opacity: 0;
}

.js > .site-gridmenu {
  transition: opacity 0.5s ease 0s, visibility 0s;
}

.site-gridmenu-active > .site-gridmenu {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s ease 0s;
}

.site-gridmenu-active > .site-gridmenu ul {
  opacity: 1;
  transform: rotateX(0deg);
}

.site-gridmenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  opacity: 0.4;
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  transform: translateY(-25%) rotateX(35deg);
}

.site-gridmenu li {
  float: left;
  width: 50%;
  text-align: center;
}

.site-gridmenu li > a {
  display: block;
  padding: 30px 15px;
  color: #9e9e9e;
}

.site-gridmenu li .icon {
  display: block;
  margin-bottom: 10px;
  font-size: calc(var(--edc-fs-display) * 32 / 24);
}

.site-gridmenu li:hover > a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.02);
}

body.site-gridmenu-active {
  overflow: hidden;
}

.site-gridmenu-toggle:after {
  position: relative;
  position: relative;
  top: -1px;
  right: -3px;
  display: inline-block;
  font-family: "Material-Design-Iconic-Font";
  font-size: var(--edc-fs-body);
  font-style: normal;
  font-weight: normal;
  content: "\f2f9";
  opacity: 0;
  transition: opacity 0.15s;
  transform: translate(0, 0);
  text-rendering: auto;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.site-gridmenu-active .site-gridmenu-toggle:after {
  opacity: 1;
}

.site-sidebar {
  z-index: 1210;
}

.site-sidebar.slidePanel {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}

.site-sidebar.slidePanel.slidePanel-right, .site-sidebar.slidePanel.slidePanel-left {
  width: 300px;
  overflow: hidden;
}

.site-sidebar-content {
  height: 100%;
}

.site-sidebar-nav.nav-tabs > .nav-item {
  flex: 1 1 32%;
}

.site-sidebar-nav.nav-tabs > .nav-item > .nav-link {
  padding: 0;
  font-size: var(--edc-fs-heading);
  line-height: 90px;
  text-align: center;
}

.site-sidebar-nav.nav-tabs > .nav-item > .nav-link > .icon {
  margin-right: 0;
}

.site-sidebar-tab-content {
  height: 100%;
  height: calc(100% - 90px);
}

.site-sidebar-tab-content > .tab-pane {
  height: 100%;
  padding: 20px 30px;
}

.site-sidebar-tab-content > .tab-pane.scrollable {
  padding: 0;
}

.site-sidebar-tab-content > .tab-pane .scrollable-content {
  padding: 20px 30px;
}

.site-sidebar-tab-content > .tab-pane .list-group {
  margin-right: -30px;
  margin-left: -30px;
}

.site-sidebar-tab-content > .tab-pane .list-group > .list-group-item {
  padding-right: 30px;
  padding-left: 30px;
}

.site-sidebar .conversation {
  position: absolute;
  top: 0;
  right: -100%;
  z-index: 1700;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.3s;
}

.site-sidebar .conversation.active {
  right: 0;
}

.site-sidebar .conversation-header {
  height: 90px;
  border-bottom: 1px solid #e0e0e0;
}

.site-sidebar .conversation-header > * {
  padding: 0 30px;
  margin: 0;
  line-height: 90px;
}

.site-sidebar .conversation-more, .site-sidebar .conversation-return {
  color: rgba(66, 66, 66, 0.4);
  cursor: pointer;
}

.site-sidebar .conversation-more:hover, .site-sidebar .conversation-more:focus, .site-sidebar .conversation-return:hover, .site-sidebar .conversation-return:focus {
  color: rgba(66, 66, 66, 0.6);
}

.site-sidebar .conversation-more:active, .site-sidebar .conversation-return:active {
  color: #424242;
}

.site-sidebar .conversation-title {
  position: relative;
  top: 1px;
  z-index: -1;
  color: #424242;
  text-align: center;
}

.site-sidebar .conversation-content {
  padding: 30px 15px;
}

.site-sidebar .conversation-reply {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 10px 0;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
}

.site-sidebar .conversation-reply .form-control {
  border: 0;
  border-right: 1px solid #e0e0e0;
}

.site-sidebar .conversation .chats {
  height: calc(100% - 150px);
  overflow-y: auto;
}

@media (max-width: 767px) {
  .site-sidebar.slidePanel.slidePanel-right, .site-sidebar.slidePanel.slidePanel-left {
    width: 100%;
  }
}
.site-action {
  position: fixed;
  right: 32px;
  bottom: 55px;
  z-index: 1290;
  animation-duration: 3s;
}

.site-action input {
  display: none;
}

.site-action .btn {
  box-shadow: 0 10px 10px 0 rgba(60, 60, 60, 0.1);
}

.site-action .front-icon {
  display: block;
}

.site-action .back-icon {
  display: none;
}

.site-action-buttons {
  position: absolute;
  bottom: 56px;
  left: 0;
  display: none;
  width: 100%;
  text-align: center;
}

.site-action-buttons .btn {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  animation-delay: 100ms;
}

.site-action.active .front-icon {
  display: none;
}

.site-action.active .back-icon {
  display: block;
}

.site-action.active .site-action-buttons {
  display: block;
}

@media (max-width: 767px) {
  .site-action .btn-floating {
    width: 46px;
    height: 46px;
    padding: 0;
    font-size: var(--edc-fs-heading);
    box-shadow: 0 6px 6px 0 rgba(60, 60, 60, 0.1);
  }
  .site-action-buttons {
    bottom: 46px;
  }
}
.page {
  position: relative;
  min-height: calc(100% - 44px);
  background: #f1f4f5;
}

.page-dark.layout-full {
  position: relative;
  z-index: 0;
  color: #fff;
}

.page-dark.layout-full::before {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background-position: center top;
  background-size: cover;
}

.page-dark.layout-full::after {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(33, 33, 33, 0.6);
}

.page-dark.layout-full .brand {
  margin-bottom: 22px;
}

.page-dark.layout-full .brand-text {
  font-size: var(--edc-fs-title);
  color: #fff;
  text-transform: uppercase;
}

.page-nav-tabs {
  padding: 0 30px;
}

.page-content {
  padding: 30px 30px;
}

@media (max-width: 479px) {
  .page-content {
    padding: 10px;
  }
}
.page-content-actions {
  padding: 0 30px 30px;
}

.page-content-actions .dropdown {
  display: inline-block;
}

.page-content-actions::after {
  display: block;
  clear: both;
  content: "";
}

.page-content-table {
  max-width: 100%;
  padding: 0;
  overflow-x: auto;
}

.page-content-table .table > thead > tr > th,
.page-content-table .table > tbody > tr > th,
.page-content-table .table > thead > tr > td,
.page-content-table .table > tbody > tr > td {
  padding-top: 20px;
  padding-bottom: 20px;
}

.page-content-table .table > thead > tr > th:first-child,
.page-content-table .table > tbody > tr > th:first-child,
.page-content-table .table > thead > tr > td:first-child,
.page-content-table .table > tbody > tr > td:first-child {
  padding-left: 30px;
}

.page-content-table .table > thead > tr > th:last-child,
.page-content-table .table > tbody > tr > th:last-child,
.page-content-table .table > thead > tr > td:last-child,
.page-content-table .table > tbody > tr > td:last-child {
  padding-right: 30px;
}

.page-content-table .table > tbody > tr:hover > td {
  background-color: #eee;
}

.page-content-table .table > tbody > tr > td {
  cursor: pointer;
}

.page-content-table .table > tbody > tr:last-child td {
  border-bottom: 1px solid #e0e0e0;
}

.page-content-table .table.is-indent > thead > tr > th.pre-cell, .page-content-table .table.is-indent > thead > tr > th.suf-cell,
.page-content-table .table.is-indent > tbody > tr > th.pre-cell,
.page-content-table .table.is-indent > tbody > tr > th.suf-cell,
.page-content-table .table.is-indent > thead > tr > td.pre-cell,
.page-content-table .table.is-indent > thead > tr > td.suf-cell,
.page-content-table .table.is-indent > tbody > tr > td.pre-cell,
.page-content-table .table.is-indent > tbody > tr > td.suf-cell {
  width: 30px;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
}

.page-content-table .table.is-indent > tbody > tr:first-child td {
  border-top: 0;
}

.page-content-table .table.is-indent > tbody > tr:last-child td.pre-cell, .page-content-table .table.is-indent > tbody > tr:last-child td.suf-cell {
  border-bottom: 0;
}

.page-content-table .table.is-indent > tfoot > tr > td {
  border-top: 0;
}

.page-content-table .pagination {
  margin-right: 30px;
  margin-left: 30px;
}

.page-copyright {
  margin-top: 60px;
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  color: #424242;
  letter-spacing: 1px;
}

.page-copyright .social .icon {
  font-size: calc(var(--edc-fs-heading) * 16.002 / 16);
  color: rgba(66, 66, 66, 0.6);
}

.page-copyright .social .icon:hover, .page-copyright .social .icon:focus {
  color: rgba(66, 66, 66, 0.8);
}

.page-copyright .social .icon.active, .page-copyright .social .icon:active {
  color: #424242;
}

.page-copyright-inverse {
  color: #fff;
}

.page-copyright-inverse .social .icon {
  color: #fff;
}

.page-copyright-inverse .social .icon:hover, .page-copyright-inverse .social .icon:active {
  color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 991px) {
  .page {
    min-height: calc(100% - 66px);
  }
}
.page-header + .page-content {
  padding-top: 0;
}

.page-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
}

.page-title > .icon {
  margin-right: 0.3em;
}

.page-description {
  color: #9e9e9e;
}

.page-header {
  position: relative;
  padding: 30px 30px;
  margin-top: 0;
  margin-bottom: 0;
  background: transparent;
  border-bottom: 0;
}

.page-header-actions {
  position: absolute;
  top: 50%;
  right: 30px;
  margin: auto;
  transform: translateY(-50%);
}

.page-header-actions .btn-icon {
  margin-left: 6px;
}

.page-header-actions > * {
  margin-bottom: 0;
}

.page-header .breadcrumb {
  padding: 0;
  margin: 0;
}

.page-header-bordered {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 30px;
  background-color: #fff;
  border-bottom: 1px solid transparent;
}

.page-header-tabs {
  padding-bottom: 0;
}

.page-header-tabs .nav-tabs-line {
  margin-top: 5px;
  border-bottom-color: transparent;
}

.page-header-tabs .nav-tabs-line > li > a {
  padding: 5px 20px;
}

.page-aside {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 260px;
  overflow-y: hidden;
  background: #fff;
  border-right: 1px solid #e0e0e0;
  transition: visibility 0.1s ease, top 0.3s ease, left 0.5s ease, right 0.5s ease;
}

.page-aside .list-group-item.active, .page-aside .list-group-item.active:focus, .page-aside .list-group-item.active:hover {
  z-index: 0;
}

.page-aside-left .page-aside {
  left: 0;
}

.page-aside-left .page-aside + .page-main {
  margin-left: 260px;
}

.page-aside-right .page-aside {
  right: 0;
}

.page-aside-right .page-aside + .page-main {
  margin-right: 260px;
}

.page-aside-right .page-aside .page-aside-inner {
  border-right: 0;
  border-left: 1px solid #e0e0e0;
}

.page-aside-fixed .page-aside {
  position: fixed;
  top: 66.01px;
  height: calc(100% - 66.01px);
}

.page-aside-fixed .page-aside-inner {
  height: 100%;
  overflow-y: scroll;
}

.page-aside-fixed.page-aside-left .site-footer {
  margin-left: 260px;
}

.page-aside-fixed.page-aside-right .site-footer {
  margin-right: 260px;
}

.page-aside-section {
  position: relative;
}

.page-aside-section:first-child {
  padding-top: 22px;
}

.page-aside-section:last-child {
  margin-bottom: 22px;
}

.page-aside-section:after {
  position: relative;
  display: block;
  margin: 22px;
  content: "";
  border-bottom: 1px solid #e0e0e0;
}

.page-aside-section:last-child:after {
  display: none;
}

.page-aside-switch {
  position: absolute;
  top: calc(50% - 25px);
  display: none;
  padding: 15px 8px 15px 4px;
  line-height: 1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 0 100px 100px 0;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
}

.page-aside-switch .md-chevron-right {
  display: inline-block;
}

.page-aside-switch .md-chevron-left {
  display: none;
}

.page-aside-left .page-aside-switch {
  left: calc(100% - 1px);
  padding: 15px 8px 15px 4px;
  border-radius: 0 100px 100px 0;
}

.page-aside-left .page-aside-switch .md-chevron-right {
  display: inline-block;
}

.page-aside-left .page-aside-switch .md-chevron-left {
  display: none;
}

.page-aside-right .page-aside-switch {
  right: calc(100% - 1px);
  left: auto;
  padding: 15px 4px 15px 8px;
  border-radius: 100px 0 0 100px;
}

.page-aside-right .page-aside-switch .md-chevron-right {
  display: none;
}

.page-aside-right .page-aside-switch .md-chevron-left {
  display: inline-block;
}

.page-aside-title {
  padding: 10px 30px;
  margin: 20px 0 10px;
  overflow: hidden;
  font-weight: 500;
  color: #616161;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

.page-aside .list-group {
  margin-bottom: 22px;
}

.page-aside .list-group-item {
  padding: 13px 30px;
  margin-bottom: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 0;
}

.page-aside .list-group-item .icon {
  color: #9e9e9e;
}

.page-aside .list-group-item .list-content {
  width: 100%;
}

.page-aside .list-group-item .item-right {
  float: right;
}

.page-aside .list-group-item:hover, .page-aside .list-group-item:focus {
  color: #3f51b5;
  background-color: #eee;
  border: 0;
}

.page-aside .list-group-item:hover > .icon, .page-aside .list-group-item:focus > .icon {
  color: #3f51b5;
}

.page-aside .list-group-item.active {
  color: #3f51b5;
  background-color: transparent;
}

.page-aside .list-group-item.active > .icon {
  color: #3f51b5;
}

.page-aside .list-group-item.active:hover, .page-aside .list-group-item.active:focus {
  color: #3f51b5;
  background-color: #eee;
  border: 0;
}

.page-aside .list-group-item.active:hover > .icon, .page-aside .list-group-item.active:focus > .icon {
  color: #3f51b5;
}

.page-aside .list-group.has-actions .list-group-item {
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 2.573rem;
  cursor: pointer;
}

.page-aside .list-group.has-actions .list-group-item .list-editable {
  position: relative;
  display: none;
}

.page-aside .list-group.has-actions .list-group-item .list-editable .input-editable-close {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  transform: translateY(-50%);
}

.page-aside .list-group.has-actions .list-group-item .list-editable .form-group {
  margin: 0;
}

.page-aside .list-group.has-actions .list-group-item .item-actions {
  position: absolute;
  top: 6px;
  right: 20px;
  display: none;
}

.page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon {
  padding-right: 2px;
  padding-left: 2px;
  background-color: transparent;
}

.page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon:hover .icon {
  color: #3f51b5;
}

.page-aside .list-group.has-actions .list-group-item .item-actions .icon {
  margin: 0;
}

.page-aside .list-group.has-actions .list-group-item:hover .item-right {
  display: none;
}

.page-aside .list-group.has-actions .list-group-item:hover .item-actions {
  display: block;
}

.page-aside .list-group.has-actions .list-group-item:hover .item-actions .icon {
  color: #252525;
}

@media (max-width: 1199px) {
  .page-aside {
    width: 220px;
  }
  .page-aside-left .page-aside + .page-main {
    margin-left: 220px;
  }
  .page-aside-right .page-aside + .page-main {
    margin-right: 220px;
  }
  .page-aside-fixed.page-aside-left .site-footer {
    margin-left: 220px;
  }
  .page-aside-fixed.page-aside-right .site-footer {
    margin-right: 220px;
  }
}
@media (max-width: 767px) {
  .page-aside {
    position: fixed;
    top: 66.01px;
    z-index: 1100;
    width: 260px;
    height: calc(100% - 66.01px);
    overflow-y: visible;
    visibility: visible;
    border-color: transparent;
  }
  .site-navbar-collapse-show .page-aside {
    top: 132.02px;
    height: calc(100% - 132.02px);
  }
  .site-menubar-changing .page-aside,
  .site-menubar-open .page-aside {
    height: 100%;
  }
  .page-aside .page-aside-inner {
    height: 100%;
    background-color: #fff;
    border-right: 1px solid #e0e0e0;
  }
  .page-aside.open {
    left: 0;
  }
  .site-menubar-changing .page-aside.open,
  .site-menubar-open .page-aside.open {
    visibility: hidden;
  }
  .page-aside.open .page-aside-switch .md-chevron-right {
    display: none;
  }
  .page-aside.open .page-aside-switch .md-chevron-left {
    display: inline;
  }
  .page-aside-left .page-aside {
    left: -260px;
  }
  .page-aside-left .page-aside + .page-main {
    margin-left: 0;
  }
  .page-aside-right .page-aside {
    right: -260px;
  }
  .page-aside-right .page-aside + .page-main {
    margin-right: 0;
  }
  .page-aside-right .page-aside.open .page-aside-switch .md-chevron-right {
    display: inline;
  }
  .page-aside-right .page-aside.open .page-aside-switch .md-chevron-left {
    display: none;
  }
  .page-aside-left .page-aside {
    left: -260px !important;
  }
  .page-aside-left .page-aside.open {
    left: 0 !important;
  }
  .page-aside-left .site-footer {
    margin-left: 0 !important;
  }
  .page-aside-right .page-aside {
    right: -260px !important;
  }
  .page-aside-right .page-aside.open {
    right: 0 !important;
    left: auto;
  }
  .page-aside-right .site-footer {
    margin-right: 0 !important;
  }
  .page-aside-switch {
    display: block;
  }
}
.site-footer {
  height: 44px;
  padding: 10px 30px;
  background-color: rgba(0, 0, 0, 0.02);
  border-top: 1px solid #e0e0e0;
}

.site-footer::after {
  display: block;
  clear: both;
  content: "";
}

.site-footer-legal {
  float: left;
}

.site-footer-actions {
  float: right;
}

.site-footer-right {
  float: right;
}

.site-footer .scroll-to-top {
  color: #252525;
}

.site-footer .scroll-to-top, .site-footer .scroll-to-top:hover, .site-footer .scroll-to-top:active {
  text-decoration: none;
}

@media (max-width: 479px) {
  .site-footer {
    height: auto;
  }
}
@media (max-width: 479px) {
  .site-footer-legal, .site-footer-right, .site-footer-actions {
    display: block;
    float: none;
    text-align: center;
  }
}
.layout-full {
  height: 100%;
}

.layout-full .page {
  height: 100%;
  padding: 0;
  margin: 0 !important;
  background-color: transparent;
}

.layout-full > .loader {
  margin-left: 0 !important;
}

body.layout-full {
  padding-top: 0;
}

@media (min-width: 1200px) {
  .layout-boxed {
    background: #e0e0e0;
  }
  .layout-boxed, .layout-boxed .site-navbar {
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
  }
}
.layout-boxed .slidePanel-right, .layout-boxed .slidePanel-left {
  top: 0;
  z-index: 1510;
}

.site-print {
  padding-top: 0;
}

.site-print .site-navbar,
.site-print .site-menubar,
.site-print .site-gridmenu,
.site-print .site-footer {
  display: none;
}

.site-print .page {
  margin: 0 !important;
}

@media (min-width: 991px) and (max-width: 1199px) {
  .css-menubar .page, .css-menubar .site-footer {
    margin-left: 90px;
  }
  .css-menubar.page-aside-fixed.page-aside-left .page-aside {
    left: 90px;
  }
  .css-menubar.page-aside-fixed.page-aside-left .site-footer {
    margin-left: 350px;
  }
  .css-menubar.page-aside-fixed.page-aside-right .site-footer {
    margin-right: 260px;
  }
}
@media (min-width: 991px) and (max-width: 1199px) and (min-width: 768px) {
  .css-menubar .site-navbar .navbar-header {
    width: 90px;
  }
}
@media (min-width: 991px) and (max-width: 1199px) and (min-width: 768px) {
  .css-menubar .site-navbar .navbar-container {
    margin-left: 0;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .css-menubar .site-navbar .navbar-brand {
    float: none;
    margin-right: 0;
    text-align: center;
  }
  .css-menubar .site-navbar .navbar-brand-text {
    display: none;
  }
  .css-menubar .site-menu {
    overflow: visible;
  }
  .css-menubar .site-menu-category {
    height: 2px;
    margin: 0;
    font: "0/0" a;
    color: transparent;
    text-shadow: none;
    background: #fcfcfc;
  }
  .css-menubar .site-menu-category:first-child {
    visibility: hidden;
  }
  .css-menubar .site-menu > .site-menu-item {
    font-size: var(--edc-fs-body);
  }
  .css-menubar .site-menu > .site-menu-item > a {
    height: 60px;
    line-height: 60px;
  }
  .css-menubar .site-menu > .site-menu-item > a .site-menu-title, .css-menubar .site-menu > .site-menu-item > a .site-menu-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    text-align: center;
    transition: visibility 0.25s, opacity 0.25s;
  }
  .css-menubar .site-menu > .site-menu-item > a .site-menu-arrow {
    visibility: hidden;
    transition: visibility 0;
  }
  .css-menubar .site-menu > .site-menu-item > a .site-menu-title {
    visibility: hidden;
    opacity: 0;
  }
  .css-menubar .site-menu > .site-menu-item > a .site-menu-icon {
    margin-right: 0;
    font-size: var(--edc-fs-display);
    visibility: visible;
    opacity: 1;
  }
  .css-menubar .site-menu > .site-menu-item > a .site-menu-badge {
    top: -15px;
    left: 50px;
  }
  .css-menubar .site-menu > .site-menu-item > a .site-menu-label {
    display: none;
  }
  .css-menubar .site-menu > .site-menu-item.active {
    border-top: none;
    border-bottom: none;
  }
  .css-menubar .site-menu > .site-menu-item.hover > a .site-menu-icon, .css-menubar .site-menu > .site-menu-item.active > a .site-menu-icon, .css-menubar .site-menu > .site-menu-item.open > a .site-menu-icon {
    visibility: hidden;
    opacity: 0;
  }
  .css-menubar .site-menu > .site-menu-item.hover > a .site-menu-title, .css-menubar .site-menu > .site-menu-item.active > a .site-menu-title, .css-menubar .site-menu > .site-menu-item.open > a .site-menu-title {
    visibility: visible;
    opacity: 1;
  }
  .css-menubar .site-menu > .site-menu-item.hover > a .site-menu-badge, .css-menubar .site-menu > .site-menu-item.active > a .site-menu-badge, .css-menubar .site-menu > .site-menu-item.open > a .site-menu-badge {
    display: none;
  }
  .css-menubar .site-menu .site-menu-sub .site-menu-sub {
    display: none;
  }
  .css-menubar .site-menu .site-menu-sub .site-menu-item.open > a .site-menu-arrow {
    transform: rotate(90deg);
  }
  .css-menubar .site-menu .site-menu-sub .site-menu-item.open > .site-menu-sub {
    display: block;
  }
  .css-menubar .site-menu .site-menu-sub .site-menu-item:not(.open) > a .site-menu-arrow {
    transform: none;
  }
  .css-menubar .site-menu .site-menu-sub .site-menu-item:not(.open) > .site-menu-sub {
    display: none;
  }
  .css-menubar .site-menu > .site-menu-item > .site-menu-sub {
    position: absolute;
    top: 0;
    left: 90px;
    width: 240px;
    overflow-y: auto;
    visibility: hidden;
    background: #fff;
    border: 1px solid #f7f7f7;
    opacity: 0;
    transition: visibility 0.25s, opacity 0.25s;
  }
  .css-menubar .site-menu > .site-menu-item > .site-menu-sub-up {
    top: auto;
    bottom: 0;
  }
  .css-menubar .site-menu > .site-menu-item > .site-menu-sub .site-menu-item > a {
    padding: 0 30px;
  }
  .css-menubar .site-menu > .site-menu-item > .site-menu-sub .site-menu-icon {
    margin-right: 0.5em;
  }
  .css-menubar .site-menu > .site-menu-item.hover > .site-menu-sub {
    visibility: visible;
    opacity: 1;
  }
  .css-menubar .site-menubar-dark .site-menu-category {
    background: rgba(21, 101, 192, 0.05);
  }
  .css-menubar .site-menubar-dark .site-menu > .site-menu-item > .site-menu-sub {
    background: #212121;
    border: none;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.08);
  }
  .css-menubar .site-menubar {
    width: 90px;
  }
  .css-menubar .site-menubar-section {
    padding: 30px;
    margin-top: 0;
    border-top: 2px solid #fcfcfc;
    border-bottom: 2px solid #fcfcfc;
  }
  .css-menubar .site-menubar-section > h4, .css-menubar .site-menubar-section > h5 {
    display: none;
  }
  .css-menubar .site-menubar-dark .site-menubar-section {
    border-top: 2px solid rgba(21, 101, 192, 0.05);
    border-bottom: 2px solid rgba(21, 101, 192, 0.05);
  }
  .css-menubar .site-gridmenu {
    width: 90px;
  }
  .css-menubar .site-gridmenu li {
    float: none;
    width: 100%;
  }
  .css-menubar .site-gridmenu li > a {
    padding: 15px 0;
  }
  .css-menubar .site-gridmenu-toggle:after {
    display: none;
  }
  .css-menubar .site-menubar-footer {
    width: 90px;
  }
  .css-menubar .site-menubar-footer > a {
    display: none;
  }
  .css-menubar .site-menubar-footer > a.fold-show {
    display: block;
    float: none;
    width: 100%;
  }
  .css-menubar .site-menu > .site-menu-item:hover > a .site-menu-icon {
    visibility: hidden;
    opacity: 0;
  }
  .css-menubar .site-menu > .site-menu-item:hover > a .site-menu-title {
    visibility: visible;
    opacity: 1;
  }
  .css-menubar .site-menu > .site-menu-item:hover > a .site-menu-badge {
    display: none;
  }
  .css-menubar .site-menu-item:hover > .site-menu-sub {
    visibility: visible;
    opacity: 1;
  }
  .site-menubar-fold.page-aside-fixed.page-aside-left .site-footer {
    margin-left: 310px;
  }
  .site-menubar-fold.page-aside-fixed.page-aside-right .site-footer {
    margin-right: 220px;
  }
}
.site-menubar-fold .page, .site-menubar-fold .site-footer {
  margin-left: 90px;
}

.site-menubar-fold.page-aside-fixed.page-aside-left .page-aside {
  left: 90px;
}

.site-menubar-fold.page-aside-fixed.page-aside-left .site-footer {
  margin-left: 350px;
}

.site-menubar-fold.page-aside-fixed.page-aside-right .site-footer {
  margin-right: 260px;
}

@media (min-width: 768px) {
  .site-menubar-fold .site-navbar .navbar-header {
    width: 90px;
  }
}
@media (min-width: 768px) {
  .site-menubar-fold .site-navbar .navbar-container {
    margin-left: 0;
  }
}
.site-menubar-fold .site-navbar .navbar-brand {
  float: none;
  margin-right: 0;
  text-align: center;
}

.site-menubar-fold .site-navbar .navbar-brand-text {
  display: none;
}

.site-menubar-fold .site-menu {
  overflow: visible;
}

.site-menubar-fold .site-menu-category {
  height: 2px;
  margin: 0;
  font: "0/0" a;
  color: transparent;
  text-shadow: none;
  background: #fcfcfc;
}

.site-menubar-fold .site-menu-category:first-child {
  visibility: hidden;
}

.site-menubar-fold .site-menu > .site-menu-item {
  font-size: var(--edc-fs-body);
}

.site-menubar-fold .site-menu > .site-menu-item > a {
  height: 60px;
  line-height: 60px;
}

.site-menubar-fold .site-menu > .site-menu-item > a .site-menu-title, .site-menubar-fold .site-menu > .site-menu-item > a .site-menu-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  text-align: center;
  transition: visibility 0.25s, opacity 0.25s;
}

.site-menubar-fold .site-menu > .site-menu-item > a .site-menu-arrow {
  visibility: hidden;
  transition: visibility 0;
}

.site-menubar-fold .site-menu > .site-menu-item > a .site-menu-title {
  visibility: hidden;
  opacity: 0;
}

.site-menubar-fold .site-menu > .site-menu-item > a .site-menu-icon {
  margin-right: 0;
  font-size: var(--edc-fs-display);
  visibility: visible;
  opacity: 1;
}

.site-menubar-fold .site-menu > .site-menu-item > a .site-menu-badge {
  top: -15px;
  left: 50px;
}

.site-menubar-fold .site-menu > .site-menu-item > a .site-menu-label {
  display: none;
}

.site-menubar-fold .site-menu > .site-menu-item.active {
  border-top: none;
  border-bottom: none;
}

.site-menubar-fold .site-menu > .site-menu-item.hover > a .site-menu-icon, .site-menubar-fold .site-menu > .site-menu-item.active > a .site-menu-icon, .site-menubar-fold .site-menu > .site-menu-item.open > a .site-menu-icon {
  visibility: hidden;
  opacity: 0;
}

.site-menubar-fold .site-menu > .site-menu-item.hover > a .site-menu-title, .site-menubar-fold .site-menu > .site-menu-item.active > a .site-menu-title, .site-menubar-fold .site-menu > .site-menu-item.open > a .site-menu-title {
  visibility: visible;
  opacity: 1;
}

.site-menubar-fold .site-menu > .site-menu-item.hover > a .site-menu-badge, .site-menubar-fold .site-menu > .site-menu-item.active > a .site-menu-badge, .site-menubar-fold .site-menu > .site-menu-item.open > a .site-menu-badge {
  display: none;
}

.site-menubar-fold .site-menu .site-menu-sub .site-menu-sub {
  display: none;
}

.site-menubar-fold .site-menu .site-menu-sub .site-menu-item.open > a .site-menu-arrow {
  transform: rotate(90deg);
}

.site-menubar-fold .site-menu .site-menu-sub .site-menu-item.open > .site-menu-sub {
  display: block;
}

.site-menubar-fold .site-menu .site-menu-sub .site-menu-item:not(.open) > a .site-menu-arrow {
  transform: none;
}

.site-menubar-fold .site-menu .site-menu-sub .site-menu-item:not(.open) > .site-menu-sub {
  display: none;
}

.site-menubar-fold .site-menu > .site-menu-item > .site-menu-sub {
  position: absolute;
  top: 0;
  left: 90px;
  width: 240px;
  overflow-y: auto;
  visibility: hidden;
  background: #fff;
  border: 1px solid #f7f7f7;
  opacity: 0;
  transition: visibility 0.25s, opacity 0.25s;
}

.site-menubar-fold .site-menu > .site-menu-item > .site-menu-sub-up {
  top: auto;
  bottom: 0;
}

.site-menubar-fold .site-menu > .site-menu-item > .site-menu-sub .site-menu-item > a {
  padding: 0 30px;
}

.site-menubar-fold .site-menu > .site-menu-item > .site-menu-sub .site-menu-icon {
  margin-right: 0.5em;
}

.site-menubar-fold .site-menu > .site-menu-item.hover > .site-menu-sub {
  visibility: visible;
  opacity: 1;
}

.site-menubar-fold .site-menubar-dark .site-menu-category {
  background: rgba(21, 101, 192, 0.05);
}

.site-menubar-fold .site-menubar-dark .site-menu > .site-menu-item > .site-menu-sub {
  background: #212121;
  border: none;
  box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.08);
}

.site-menubar-fold .site-menubar {
  width: 90px;
}

.site-menubar-fold .site-menubar-section {
  padding: 30px;
  margin-top: 0;
  border-top: 2px solid #fcfcfc;
  border-bottom: 2px solid #fcfcfc;
}

.site-menubar-fold .site-menubar-section > h4, .site-menubar-fold .site-menubar-section > h5 {
  display: none;
}

.site-menubar-fold .site-menubar-dark .site-menubar-section {
  border-top: 2px solid rgba(21, 101, 192, 0.05);
  border-bottom: 2px solid rgba(21, 101, 192, 0.05);
}

.site-menubar-fold .site-gridmenu {
  width: 90px;
}

.site-menubar-fold .site-gridmenu li {
  float: none;
  width: 100%;
}

.site-menubar-fold .site-gridmenu li > a {
  padding: 15px 0;
}

.site-menubar-fold .site-gridmenu-toggle:after {
  display: none;
}

.site-menubar-fold .site-menubar-footer {
  width: 90px;
}

.site-menubar-fold .site-menubar-footer > a {
  display: none;
}

.site-menubar-fold .site-menubar-footer > a.fold-show {
  display: block;
  float: none;
  width: 100%;
}

.site-menubar-fold.site-menubar-changing .site-menu > .site-menu-item > .site-menu-sub {
  display: none;
}

.site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.hover > a, .site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item:hover > a {
  background-color: transparent;
}

.site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.active, .site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.open, .site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.hover {
  background: #424242;
}

.site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.active > a .site-menu-icon, .site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.open > a .site-menu-icon, .site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.hover > a .site-menu-icon {
  visibility: visible;
  opacity: 1;
}

.site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.active > a .site-menu-badge, .site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.open > a .site-menu-badge, .site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.hover > a .site-menu-badge {
  display: inline-block;
}

.site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.active > a .site-menu-title, .site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.open > a .site-menu-title {
  visibility: hidden;
  opacity: 0;
}

.site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.hover > a .site-menu-title {
  visibility: visible;
  opacity: 1;
}

.site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item > a .site-menu-title {
  left: 90px;
  width: 240px;
  max-width: 240px;
  padding: 0 30px;
  font-size: var(--edc-fs-body);
  text-align: left;
  background: #424242;
  transition: visibility 0, opacity 0;
}

.site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item > .site-menu-sub {
  top: 60px;
}

.site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item > .site-menu-sub-up {
  top: auto;
  bottom: 60px;
}

.site-menubar-fold.site-menubar-fold-alt .site-menubar-dark .site-menu > .site-menu-item.active, .site-menubar-fold.site-menubar-fold-alt .site-menubar-dark .site-menu > .site-menu-item.open, .site-menubar-fold.site-menubar-fold-alt .site-menubar-dark .site-menu > .site-menu-item.hover {
  background: rgba(66, 66, 66, 0.9);
}

.site-menubar-fold.site-menubar-fold-alt .site-menubar-dark .site-menu > .site-menu-item > a .site-menu-title {
  background: rgba(66, 66, 66, 0.9);
}

.site-menubar-fold.site-menubar-fold-alt .site-menubar-dark .site-menu > .site-menu-item > .site-menu-sub {
  box-shadow: none;
}

@media (max-width: 767px) and (min-width: 768px) {
  .css-menubar .site-navbar .navbar-header {
    width: 260px;
  }
  .css-menubar .site-navbar .navbar-container {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .css-menubar .site-menu-category {
    padding: 0 24px;
    margin-top: 20px;
    font-size: var(--edc-fs-label);
    font-weight: 500;
    line-height: 38px;
    color: #252525;
    text-transform: uppercase;
    transition: all 0.25s, font 0.1s 0.15s, color 0.1s 0.15s;
  }
  .css-menubar .site-menu > .site-menu-item > a .site-menu-title {
    font-size: var(--edc-fs-body);
  }
  .css-menubar .site-menu-icon {
    margin-right: 14px;
  }
  .css-menubar .site-menu-title {
    display: inline-block;
    max-width: 160px;
  }
  .css-menubar .site-menu-title:first-child {
    margin-left: 32px;
  }
  .css-menubar .site-menu .site-menu-sub {
    display: none;
  }
  .css-menubar .site-menu-item {
    line-height: 36px;
    transition: transform 0.1s, all 0.25s, border 0;
  }
  .css-menubar .site-menu-item.open > a .site-menu-arrow {
    transform: rotate(90deg);
  }
  .css-menubar .site-menu-item.open > .site-menu-sub {
    display: block;
  }
  .css-menubar .site-menu-item:not(.open) > a .site-menu-arrow {
    transform: none;
  }
  .css-menubar .site-menu-item:not(.open) > .site-menu-sub {
    display: none;
  }
  .css-menubar .site-menu > .site-menu-item > a {
    padding: 0 30px;
    line-height: 38px;
  }
  .css-menubar.site-menubar-native .site-menubar-body {
    overflow-y: scroll;
  }
  .css-menubar .site-menubar {
    width: 260px;
  }
  .css-menubar .site-gridmenu {
    width: 260px;
  }
  .css-menubar .site-menubar-footer {
    width: 260px;
  }
  .css-menubar [data-toggle=menubar] .hamburger-arrow-left {
    transform: rotate(180deg);
  }
  .css-menubar [data-toggle=menubar] .hamburger-arrow-left:before {
    width: 0.6em;
    transform: translate3d(0.45em, 0.1em, 0) rotate(45deg);
  }
  .css-menubar [data-toggle=menubar] .hamburger-arrow-left .hamburger-bar {
    border-radius: 0.2em;
  }
  .css-menubar [data-toggle=menubar] .hamburger-arrow-left:after {
    width: 0.6em;
    transform: translate3d(0.45em, -0.1em, 0) rotate(-45deg);
  }
  .css-menubar .site-menu-item:hover > .site-menu-sub {
    display: block;
  }
}
@media (min-width: 1200px) {
  .css-menubar .page, .css-menubar .site-footer {
    margin-left: 260px;
  }
  .css-menubar.page-aside-fixed.page-aside-left .page-aside {
    left: 260px;
  }
  .css-menubar.page-aside-fixed.page-aside-left .site-footer {
    margin-left: 520px;
  }
  .css-menubar.page-aside-fixed.page-aside-right .site-footer {
    margin-right: 260px;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .css-menubar .site-navbar .navbar-header {
    width: 260px;
  }
  .css-menubar .site-navbar .navbar-container {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .css-menubar .site-menu-category {
    padding: 0 24px;
    margin-top: 20px;
    font-size: var(--edc-fs-label);
    font-weight: 500;
    line-height: 38px;
    color: #252525;
    text-transform: uppercase;
    transition: all 0.25s, font 0.1s 0.15s, color 0.1s 0.15s;
  }
  .css-menubar .site-menu > .site-menu-item > a .site-menu-title {
    font-size: var(--edc-fs-body);
  }
  .css-menubar .site-menu-icon {
    margin-right: 14px;
  }
  .css-menubar .site-menu-title {
    display: inline-block;
    max-width: 160px;
  }
  .css-menubar .site-menu-title:first-child {
    margin-left: 32px;
  }
  .css-menubar .site-menu .site-menu-sub {
    display: none;
  }
  .css-menubar .site-menu-item {
    line-height: 36px;
    transition: transform 0.1s, all 0.25s, border 0;
  }
  .css-menubar .site-menu-item.open > a .site-menu-arrow {
    transform: rotate(90deg);
  }
  .css-menubar .site-menu-item.open > .site-menu-sub {
    display: block;
  }
  .css-menubar .site-menu-item:not(.open) > a .site-menu-arrow {
    transform: none;
  }
  .css-menubar .site-menu-item:not(.open) > .site-menu-sub {
    display: none;
  }
  .css-menubar .site-menu > .site-menu-item > a {
    padding: 0 30px;
    line-height: 38px;
  }
  .css-menubar.site-menubar-native .site-menubar-body {
    overflow-y: scroll;
  }
  .css-menubar .site-menubar {
    width: 260px;
  }
  .css-menubar .site-gridmenu {
    width: 260px;
  }
  .css-menubar .site-menubar-footer {
    width: 260px;
  }
  .css-menubar [data-toggle=menubar] .hamburger-arrow-left {
    transform: rotate(180deg);
  }
  .css-menubar [data-toggle=menubar] .hamburger-arrow-left:before {
    width: 0.6em;
    transform: translate3d(0.45em, 0.1em, 0) rotate(45deg);
  }
  .css-menubar [data-toggle=menubar] .hamburger-arrow-left .hamburger-bar {
    border-radius: 0.2em;
  }
  .css-menubar [data-toggle=menubar] .hamburger-arrow-left:after {
    width: 0.6em;
    transform: translate3d(0.45em, -0.1em, 0) rotate(-45deg);
  }
  .css-menubar .site-menu-item:hover > .site-menu-sub {
    display: block;
  }
}
.site-menubar-unfold .page, .site-menubar-unfold .site-footer {
  margin-left: 260px;
}

.site-menubar-unfold.page-aside-fixed.page-aside-left .page-aside {
  left: 260px;
}

.site-menubar-unfold.page-aside-fixed.page-aside-left .site-footer {
  margin-left: 520px;
}

.site-menubar-unfold.page-aside-fixed.page-aside-right .site-footer {
  margin-right: 260px;
}

@media (min-width: 768px) {
  .site-menubar-unfold .site-navbar .navbar-header {
    width: 260px;
  }
  .site-menubar-unfold .site-navbar .navbar-container {
    margin-left: 0;
  }
}
.site-menubar-unfold .site-menu-category {
  padding: 0 24px;
  margin-top: 20px;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  line-height: 38px;
  color: #252525;
  text-transform: uppercase;
  transition: all 0.25s, font 0.1s 0.15s, color 0.1s 0.15s;
}

.site-menubar-unfold .site-menu > .site-menu-item > a .site-menu-title {
  font-size: var(--edc-fs-body);
}

.site-menubar-unfold .site-menu-icon {
  margin-right: 14px;
}

.site-menubar-unfold .site-menu-title {
  display: inline-block;
  max-width: 160px;
}

.site-menubar-unfold .site-menu-title:first-child {
  margin-left: 32px;
}

.site-menubar-unfold .site-menu .site-menu-sub {
  display: none;
}

.site-menubar-unfold .site-menu-item {
  line-height: 36px;
  transition: transform 0.1s, all 0.25s, border 0;
}

.site-menubar-unfold .site-menu-item.open > a .site-menu-arrow {
  transform: rotate(90deg);
}

.site-menubar-unfold .site-menu-item.open > .site-menu-sub {
  display: block;
}

.site-menubar-unfold .site-menu-item:not(.open) > a .site-menu-arrow {
  transform: none;
}

.site-menubar-unfold .site-menu-item:not(.open) > .site-menu-sub {
  display: none;
}

.site-menubar-unfold .site-menu > .site-menu-item > a {
  padding: 0 22px;
  line-height: 38px;
}

.site-menubar-unfold.site-menubar-native .site-menubar-body {
  overflow-y: scroll;
}

.site-menubar-unfold .site-menubar {
  width: 260px;
}

.site-menubar-unfold .site-gridmenu {
  width: 260px;
}

.site-menubar-unfold .site-menubar-footer {
  width: 260px;
}

.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left {
  transform: rotate(180deg);
}

.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left:before {
  width: 0.6em;
  transform: translate3d(0.45em, 0.1em, 0) rotate(45deg);
}

.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left .hamburger-bar {
  border-radius: 0.2em;
}

.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left:after {
  width: 0.6em;
  transform: translate3d(0.45em, -0.1em, 0) rotate(-45deg);
}

@media (min-width: 991px) and (max-width: 1199px) {
  .site-menubar-unfold.page-aside-fixed.page-aside-left .site-footer {
    margin-left: 480px;
  }
  .site-menubar-unfold.page-aside-fixed.page-aside-right .site-footer {
    margin-right: 220px;
  }
}
@media (max-width: 767px) {
  .site-menubar-unfold .page, .site-menubar-unfold .site-footer {
    margin-left: auto;
  }
  .site-menubar-open .page, .site-menubar-open .site-footer {
    transform: translate3d(260px, 0, 0);
  }
  .site-menubar-changing {
    overflow: hidden;
  }
  .site-menubar-changing .page, .site-menubar-changing .site-footer {
    transition: transform 0.25s;
  }
  .site-gridmenu {
    width: 100% !important;
    background: rgba(33, 33, 33, 0.9);
  }
  .site-menubar-hide .site-menubar,
  .site-menubar-open .site-menubar {
    transition: transform 0.25s, top 0.35s, height 0.35s;
  }
  .site-menubar-open .site-menubar {
    transform: translate3d(0, 0, 0);
  }
}
@media (max-width: 767px) {
  .site-navbar-collapsing {
    transition: padding-top 0.35s;
  }
  body.site-navbar-collapse-show {
    padding-top: 132.02px;
  }
  .site-navbar-collapse-show .slidePanel.slidePanel-right, .site-navbar-collapse-show .slidePanel.slidePanel-left {
    top: 132.02px;
    transition: top 0.35s;
  }
}
body.site-navbar-small {
  padding-top: 4.286rem;
}

.site-navbar-small .site-navbar {
  height: 4.286rem;
  min-height: 4.286rem;
}

.site-navbar-small .site-navbar .navbar-brand {
  height: 4.286rem;
  padding: 1.357rem 1.429rem;
}

.site-navbar-small .site-navbar .navbar-nav {
  margin: 0.6785rem -1.0715rem;
}

@media (min-width: 768px) {
  .site-navbar-small .site-navbar .navbar-nav > li > a {
    padding-top: 1.357rem;
    padding-bottom: 1.357rem;
  }
}
.site-navbar-small .site-navbar .navbar-toggler {
  height: 4.286rem;
  padding: 1.357rem 1.0715rem;
}

.site-navbar-small .site-navbar .navbar-toolbar > li > a {
  padding-top: 1.357rem;
  padding-bottom: 1.357rem;
}

.site-navbar-small .site-navbar .navbar-nav > li > a.navbar-avatar, .site-navbar-small .site-navbar .navbar-toolbar > li > a.navbar-avatar {
  padding-top: 1.0715rem;
  padding-bottom: 1.0715rem;
}

.site-navbar-small .site-navbar .navbar-search-overlap .form-control {
  height: 4.286rem !important;
}

.site-navbar-small .site-menubar {
  top: 4.286rem;
  height: calc(100% - 4.286rem);
}

.site-navbar-small .site-gridmenu {
  top: 4.286rem;
}

@media (max-width: 767px) {
  body.site-navbar-collapse-show.site-navbar-small {
    padding-top: 8.572rem;
  }
  .site-navbar-small .site-menubar {
    top: 4.286rem;
  }
  .site-navbar-collapse-show .site-navbar-small .site-menubar {
    top: 8.572rem;
    height: calc(100% - 8.572rem);
  }
  .site-navbar-small .page-aside {
    top: 4.286rem;
  }
  .site-navbar-collapse-show .site-navbar-small .page-aside {
    top: 8.572rem;
  }
}
@media (max-width: 767px) {
  .site-navbar .brand {
    display: none;
  }
  .site-navbar .brand-mobile {
    display: block;
  }
  .site-menubar {
    top: 66.01px;
    height: calc(100% - 66.01px);
    transform: translate3d(-260px, 0, 0);
    backface-visibility: hidden;
    perspective: 1000;
  }
  .site-navbar-collapse-show .site-menubar {
    top: 132.02px;
    height: calc(100% - 132.02px);
  }
  .site-menubar-footer {
    visibility: hidden;
  }
  .site-menubar-open .site-menubar-footer {
    visibility: visible;
  }
  .disable-scrolling {
    height: 100%;
    overflow: hidden;
  }
  body.site-menubar-open {
    height: 100%;
    overflow: hidden;
  }
  body.site-menubar-open .page {
    height: 100%;
    overflow: hidden;
    pointer-events: none;
  }
}
@media (min-width: 768px) {
  .site-menubar-flipped .site-navbar, .site-menubar-flipped .site-navbar.navbar-expand-md {
    flex-direction: row-reverse;
  }
}
.site-menubar-flipped .site-menubar,
.site-menubar-flipped .site-menubar-footer {
  right: 0;
  left: auto;
}

.site-menubar-flipped .site-gridmenu {
  right: 0;
  left: auto;
}

.site-menubar-flipped .hamburger-arrow-left.collapsed:before, .site-menubar-flipped .hamburger-arrow-left.unfolded:before {
  transform: translateX(-0.1em) translateY(0.1em) rotate(135deg);
}

.site-menubar-flipped .hamburger-arrow-left.collapsed:after, .site-menubar-flipped .hamburger-arrow-left.unfolded:after {
  transform: translateX(-0.1em) translateY(-0.1em) rotate(45deg);
}

@media (max-width: 767px) and (min-width: 768px) {
  .css-menubar .site-menubar-flipped .site-navbar .navbar-container {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .css-menubar .site-menubar-flipped .site-navbar .navbar-container {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .css-menubar .site-menubar-flipped .page,
  .css-menubar .site-menubar-flipped .site-footer {
    margin-right: 260px;
    margin-left: 0;
  }
}
.site-menubar-unfold.site-menubar-flipped .page,
.site-menubar-unfold.site-menubar-flipped .site-footer {
  margin-right: 260px;
  margin-left: 0;
}

@media (min-width: 768px) {
  .site-menubar-unfold.site-menubar-flipped .site-navbar .navbar-container {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .site-menubar-flipped.site-menubar-unfold .page, .site-menubar-flipped.site-menubar-unfold .site-footer {
    margin-right: auto;
    margin-left: 0;
  }
  .site-menubar-flipped.site-menubar-open .page, .site-menubar-flipped.site-menubar-open .site-footer {
    transform: translate3d(-260px, 0, 0);
  }
  .site-menubar-flipped.site-menubar-open .site-menubar {
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .css-menubar .site-menubar-flipped .page, .css-menubar .site-menubar-flipped .site-footer {
    margin-right: 90px;
    margin-left: 0;
  }
}
@media (min-width: 991px) and (max-width: 1199px) and (min-width: 768px) {
  .css-menubar .site-menubar-flipped .site-navbar .navbar-container {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .css-menubar .site-menubar-flipped .site-menu > .site-menu-item > .site-menu-sub {
    right: 90px;
    left: auto;
  }
}
.site-menubar-fold.site-menubar-flipped .page, .site-menubar-fold.site-menubar-flipped .site-footer {
  margin-right: 90px;
  margin-left: 0;
}

@media (min-width: 768px) {
  .site-menubar-fold.site-menubar-flipped .site-navbar .navbar-container {
    margin-right: 0;
    margin-left: 0;
  }
}
.site-menubar-fold.site-menubar-flipped .site-menu > .site-menu-item > .site-menu-sub {
  right: 90px;
  left: auto;
}

@media (max-width: 767px) {
  .site-menubar-flipped .site-menubar {
    transform: translate3d(260px, 0, 0);
  }
}
.radio-custom,
.checkbox-custom {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio-custom label,
.checkbox-custom label {
  min-height: 22px;
  margin-bottom: 0;
  font-weight: 300;
  cursor: pointer;
}

.radio-custom input[type=radio],
.checkbox-custom input[type=checkbox] {
  position: absolute;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -20px;
}

.radio-custom.disabled label,
fieldset[disabled] .radio-custom label,
.checkbox-custom.disabled label,
fieldset[disabled] .checkbox-custom label {
  cursor: not-allowed;
}

.input-group-addon .radio-custom,
.input-group-addon .checkbox-custom {
  margin: 0;
}

.checkbox-custom {
  padding-left: 20px;
}

.checkbox-custom label {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
}

.checkbox-custom label:empty {
  padding-left: 0;
}

.checkbox-custom label::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: -20px;
  content: "";
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0.215rem;
  transition: all 0.3s ease-in-out 0s;
}

.checkbox-custom label::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding-top: 1px;
  margin-left: -20px;
  font-size: var(--edc-fs-label);
  line-height: 20px;
  color: #252525;
  text-align: center;
}

.checkbox-custom input[type=checkbox],
.checkbox-custom input[type=radio] {
  z-index: 1;
  width: 20px;
  height: 20px;
  cursor: pointer;
  opacity: 0;
}

.checkbox-custom input[type=checkbox]:checked + label::before,
.checkbox-custom input[type=checkbox]:checked + input[type=hidden] + label::before,
.checkbox-custom input[type=radio]:checked + label::before,
.checkbox-custom input[type=radio]:checked + input[type=hidden] + label::before {
  border-color: #e0e0e0;
  border-width: 10px;
  transition: all 300ms ease-in-out 0s;
}

.checkbox-custom input[type=checkbox]:checked + label::after,
.checkbox-custom input[type=checkbox]:checked + input[type=hidden] + label::after,
.checkbox-custom input[type=radio]:checked + label::after,
.checkbox-custom input[type=radio]:checked + input[type=hidden] + label::after {
  font-family: "Material-Design-Iconic-Font";
  content: "\f26b";
}

.checkbox-custom input[type=checkbox]:disabled,
.checkbox-custom input[type=radio]:disabled {
  cursor: not-allowed;
}

.checkbox-custom input[type=checkbox]:disabled + label,
.checkbox-custom input[type=checkbox]:disabled + input[type=hidden] + label,
.checkbox-custom input[type=radio]:disabled + label,
.checkbox-custom input[type=radio]:disabled + input[type=hidden] + label {
  opacity: 0.65;
}

.checkbox-custom input[type=checkbox]:disabled + label::before,
.checkbox-custom input[type=checkbox]:disabled + input[type=hidden] + label::before,
.checkbox-custom input[type=radio]:disabled + label::before,
.checkbox-custom input[type=radio]:disabled + input[type=hidden] + label::before {
  cursor: not-allowed;
  background-color: #eee;
  border-color: #e0e0e0;
  border-width: 1px;
}

.checkbox-custom.checkbox-circle label::before {
  border-radius: 50%;
}

.checkbox-custom.checkbox-inline {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.checkbox-inline + .checkbox-inline {
  margin-left: 20px;
}

.checkbox-default input[type=checkbox]:checked + label::before,
.checkbox-default input[type=checkbox]:checked + input[type=hidden] + label::before,
.checkbox-default input[type=radio]:checked + label::before,
.checkbox-default input[type=radio]:checked + input[type=hidden] + label::before {
  background-color: #fff;
  border-color: #e0e0e0;
  border-width: 1px;
}

.checkbox-default input[type=checkbox]:checked + label::after,
.checkbox-default input[type=checkbox]:checked + input[type=hidden] + label::after,
.checkbox-default input[type=radio]:checked + label::after,
.checkbox-default input[type=radio]:checked + input[type=hidden] + label::after {
  color: #3f51b5;
}

.checkbox-primary input[type=checkbox]:checked + label::before,
.checkbox-primary input[type=checkbox]:checked + input[type=hidden] + label::before,
.checkbox-primary input[type=radio]:checked + label::before,
.checkbox-primary input[type=radio]:checked + input[type=hidden] + label::before {
  background-color: #3f51b5;
  border-color: #3f51b5;
}

.checkbox-primary input[type=checkbox]:checked + label::after,
.checkbox-primary input[type=checkbox]:checked + input[type=hidden] + label::after,
.checkbox-primary input[type=radio]:checked + label::after,
.checkbox-primary input[type=radio]:checked + input[type=hidden] + label::after {
  color: #fff;
}

.checkbox-danger input[type=checkbox]:checked + label::before,
.checkbox-danger input[type=checkbox]:checked + input[type=hidden] + label::before,
.checkbox-danger input[type=radio]:checked + label::before,
.checkbox-danger input[type=radio]:checked + input[type=hidden] + label::before {
  background-color: #f44336;
  border-color: #f44336;
}

.checkbox-danger input[type=checkbox]:checked + label::after,
.checkbox-danger input[type=checkbox]:checked + input[type=hidden] + label::after,
.checkbox-danger input[type=radio]:checked + label::after,
.checkbox-danger input[type=radio]:checked + input[type=hidden] + label::after {
  color: #fff;
}

.checkbox-info input[type=checkbox]:checked + label::before,
.checkbox-info input[type=checkbox]:checked + input[type=hidden] + label::before,
.checkbox-info input[type=radio]:checked + label::before,
.checkbox-info input[type=radio]:checked + input[type=hidden] + label::before {
  background-color: #00bcd4;
  border-color: #00bcd4;
}

.checkbox-info input[type=checkbox]:checked + label::after,
.checkbox-info input[type=checkbox]:checked + input[type=hidden] + label::after,
.checkbox-info input[type=radio]:checked + label::after,
.checkbox-info input[type=radio]:checked + input[type=hidden] + label::after {
  color: #fff;
}

.checkbox-warning input[type=checkbox]:checked + label::before,
.checkbox-warning input[type=checkbox]:checked + input[type=hidden] + label::before,
.checkbox-warning input[type=radio]:checked + label::before,
.checkbox-warning input[type=radio]:checked + input[type=hidden] + label::before {
  background-color: #ff9800;
  border-color: #ff9800;
}

.checkbox-warning input[type=checkbox]:checked + label::after,
.checkbox-warning input[type=checkbox]:checked + input[type=hidden] + label::after,
.checkbox-warning input[type=radio]:checked + label::after,
.checkbox-warning input[type=radio]:checked + input[type=hidden] + label::after {
  color: #fff;
}

.checkbox-success input[type=checkbox]:checked + label::before,
.checkbox-success input[type=checkbox]:checked + input[type=hidden] + label::before,
.checkbox-success input[type=radio]:checked + label::before,
.checkbox-success input[type=radio]:checked + input[type=hidden] + label::before {
  background-color: #4caf50;
  border-color: #4caf50;
}

.checkbox-success input[type=checkbox]:checked + label::after,
.checkbox-success input[type=checkbox]:checked + input[type=hidden] + label::after,
.checkbox-success input[type=radio]:checked + label::after,
.checkbox-success input[type=radio]:checked + input[type=hidden] + label::after {
  color: #fff;
}

.checkbox-sm {
  padding-left: 18px;
}

.checkbox-sm label {
  padding-left: 8px;
}

.checkbox-sm label:empty {
  padding-left: 0;
}

.checkbox-sm label::before, .checkbox-sm label::after {
  width: 18px;
  height: 18px;
  margin-left: -18px;
}

.checkbox-sm label::after {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  line-height: 18px;
}

.checkbox-sm input[type=checkbox],
.checkbox-sm input[type=radio] {
  width: 18px;
  height: 18px;
}

.checkbox-sm input[type=checkbox]:checked + label::before,
.checkbox-sm input[type=checkbox]:checked + input[type=hidden] + label::before,
.checkbox-sm input[type=radio]:checked + label::before,
.checkbox-sm input[type=radio]:checked + input[type=hidden] + label::before {
  border-width: 9px;
}

.checkbox-lg {
  padding-left: 24px;
}

.checkbox-lg label {
  padding-left: 12px;
}

.checkbox-lg label:empty {
  padding-left: 0;
}

.checkbox-lg label::before, .checkbox-lg label::after {
  width: 24px;
  height: 24px;
  margin-left: -24px;
}

.checkbox-lg label::after {
  font-size: var(--edc-fs-body);
  line-height: 24px;
}

.checkbox-lg input[type=checkbox],
.checkbox-lg input[type=radio] {
  width: 24px;
  height: 24px;
}

.checkbox-lg input[type=checkbox]:checked + label::before,
.checkbox-lg input[type=checkbox]:checked + input[type=hidden] + label::before,
.checkbox-lg input[type=radio]:checked + label::before,
.checkbox-lg input[type=radio]:checked + input[type=hidden] + label::before {
  border-width: 12px;
}

.radio-custom {
  padding-left: 20px;
}

.radio-custom label {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
}

.radio-custom label:empty {
  padding-left: 0;
}

.radio-custom label::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: -20px;
  content: "";
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  transition: border 300ms ease-in-out 0s, color 300ms ease-in-out 0s;
}

.radio-custom label::after {
  position: absolute;
  top: 7px;
  left: 7px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -20px;
  content: " ";
  background-color: transparent;
  border: 2px solid #252525;
  border-radius: 50%;
  transition: 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transform: scale(0, 0);
}

.radio-custom input[type=radio] {
  z-index: 1;
  width: 20px;
  height: 20px;
  cursor: pointer;
  opacity: 0;
}

.radio-custom input[type=radio]:checked + label::before,
.radio-custom input[type=radio]:checked + input[type=hidden] + label::before {
  border-color: #e0e0e0;
  border-width: 10px;
}

.radio-custom input[type=radio]:checked + label::after,
.radio-custom input[type=radio]:checked + input[type=hidden] + label::after {
  transform: scale(1, 1);
}

.radio-custom input[type=radio]:disabled {
  cursor: not-allowed;
}

.radio-custom input[type=radio]:disabled + label,
.radio-custom input[type=radio]:disabled + input[type=hidden] + label {
  opacity: 0.65;
}

.radio-custom input[type=radio]:disabled + label::before,
.radio-custom input[type=radio]:disabled + input[type=hidden] + label::before {
  cursor: not-allowed;
}

.radio-custom.radio-inline {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.radio-inline + .radio-inline {
  margin-left: 20px;
}

.radio-default input[type=radio]:checked + label::before,
.radio-default input[type=radio]:checked + input[type=hidden] + label::before {
  background-color: #fff;
  border-color: #e0e0e0;
  border-width: 1px;
}

.radio-default input[type=radio]:checked + label::after,
.radio-default input[type=radio]:checked + input[type=hidden] + label::after {
  border-color: #3f51b5;
}

.radio-primary input[type=radio]:checked + label::before,
.radio-primary input[type=radio]:checked + input[type=hidden] + label::before {
  border-color: #3f51b5;
}

.radio-primary input[type=radio]:checked + label::after,
.radio-primary input[type=radio]:checked + input[type=hidden] + label::after {
  border-color: #fff;
}

.radio-danger input[type=radio]:checked + label::before,
.radio-danger input[type=radio]:checked + input[type=hidden] + label::before {
  border-color: #f44336;
}

.radio-danger input[type=radio]:checked + label::after,
.radio-danger input[type=radio]:checked + input[type=hidden] + label::after {
  border-color: #fff;
}

.radio-info input[type=radio]:checked + label::before,
.radio-info input[type=radio]:checked + input[type=hidden] + label::before {
  border-color: #00bcd4;
}

.radio-info input[type=radio]:checked + label::after,
.radio-info input[type=radio]:checked + input[type=hidden] + label::after {
  border-color: #fff;
}

.radio-warning input[type=radio]:checked + label::before,
.radio-warning input[type=radio]:checked + input[type=hidden] + label::before {
  border-color: #ff9800;
}

.radio-warning input[type=radio]:checked + label::after,
.radio-warning input[type=radio]:checked + input[type=hidden] + label::after {
  border-color: #fff;
}

.radio-success input[type=radio]:checked + label::before,
.radio-success input[type=radio]:checked + input[type=hidden] + label::before {
  border-color: #4caf50;
}

.radio-success input[type=radio]:checked + label::after,
.radio-success input[type=radio]:checked + input[type=hidden] + label::after {
  border-color: #fff;
}

.radio-sm {
  padding-left: 18px;
}

.radio-sm label {
  padding-left: 8px;
}

.radio-sm label:empty {
  padding-left: 0;
}

.radio-sm label::before {
  width: 18px;
  height: 18px;
  margin-left: -20px;
}

.radio-sm label::after {
  top: 7px;
  left: 7px;
  width: 4px;
  height: 4px;
  margin-left: -20px;
  border-width: 2px;
}

.radio-sm input[type=radio] {
  width: 18px;
  height: 18px;
}

.radio-sm input[type=radio]:checked + label::before,
.radio-sm input[type=radio]:checked + input[type=hidden] + label::before {
  border-width: 9px;
}

.radio-lg {
  padding-left: 24px;
}

.radio-lg label {
  padding-left: 12px;
}

.radio-lg label:empty {
  padding-left: 0;
}

.radio-lg label::before {
  width: 24px;
  height: 24px;
  margin-left: -20px;
}

.radio-lg label::after {
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  margin-left: -20px;
  border-width: 2px;
}

.radio-lg input[type=radio] {
  width: 24px;
  height: 24px;
}

.radio-lg input[type=radio]:checked + label::before,
.radio-lg input[type=radio]:checked + input[type=hidden] + label::before {
  border-width: 12px;
}

@media (min-width: 768px) {
  .form-inline .radio-custom,
  .form-inline .checkbox-custom {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio-custom label,
  .form-inline .checkbox-custom label {
    padding-left: 0;
  }
  .form-inline .radio-custom input[type=radio],
  .form-inline .checkbox-custom input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .radio-custom label {
    padding-left: 10px;
  }
  .form-inline .checkbox-custom label {
    padding-left: 10px;
  }
  .form-inline .checkbox-custom input[type=checkbox] {
    position: absolute;
    margin-left: -20px;
  }
  .form-inline .radio-custom input[type=radio] {
    position: absolute;
    margin-left: -20px;
  }
}
.form-horizontal .radio-custom,
.form-horizontal .checkbox-custom {
  padding-top: 0.501rem;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .radio-custom,
.form-horizontal .checkbox-custom {
  min-height: 2.073rem;
}

.form-material {
  position: relative;
}

.form-material.floating {
  margin-top: 20px;
  margin-bottom: 20px;
}

.form-material.floating + .form-material.floating {
  margin-top: 40px;
}

.form-material .form-control {
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-size: 0 2px, 100% 1px;
  transition: background 0s ease-out;
}

.form-material .form-control, .form-material .form-control:focus, .form-material .form-control.focus {
  float: none;
  background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#e0e0e0, #e0e0e0);
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.no-cssgradients .form-material .form-control {
  border-bottom: 2px solid #e0e0e0;
}

.form-material .form-control::-webkit-input-placeholder {
  color: #9e9e9e;
}

.form-material .form-control::-moz-placeholder {
  color: #9e9e9e;
}

.form-material .form-control:-ms-input-placeholder {
  color: #9e9e9e;
}

.form-material .form-control:disabled::-webkit-input-placeholder {
  color: #bdbdbd;
}

.form-material .form-control:disabled::-moz-placeholder {
  color: #bdbdbd;
}

.form-material .form-control:disabled:-ms-input-placeholder {
  color: #bdbdbd;
}

.form-material .form-control:focus, .form-material .form-control.focus {
  background-size: 100% 2px, 100% 1px;
  outline: none;
  transition-duration: 0.3s;
}

.no-cssgradients .form-material .form-control:focus, .no-cssgradients .form-material .form-control.focus {
  background: transparent;
  border-bottom: 2px solid #3f51b5;
}

.form-material .form-control:disabled, .form-material .form-control[disabled],
fieldset[disabled] .form-material .form-control {
  background: transparent;
  background: transparent;
  border-bottom: 1px dashed #bdbdbd;
}

.form-material .form-control:disabled ~ .floating-label, .form-material .form-control[disabled] ~ .floating-label,
fieldset[disabled] .form-material .form-control ~ .floating-label {
  color: #bdbdbd;
}

.form-material textarea.form-control, .form-material select[multiple], .form-material select[size] {
  height: auto;
}

.form-material .form-control-label {
  font-weight: 500;
}

.form-material.form-group .form-control-label {
  padding-top: 0;
  padding-bottom: 0;
}

.form-material .floating-label {
  position: absolute;
  left: 0px;
  font-size: var(--edc-fs-body);
  color: #252525;
  pointer-events: none;
  transition: 0.3s ease all;
}

.form-material .floating-label.floating-label-static {
  position: relative;
  top: auto;
  display: block;
}

.form-material [class*=col-] > .floating-label {
  left: 1.0715rem;
}

.form-material .form-control ~ .floating-label {
  top: 0.571429rem;
  font-size: var(--edc-fs-body);
}

.form-material .form-control:focus ~ .floating-label, .form-material .form-control.focus ~ .floating-label, .form-material .form-control:not(.empty) ~ .floating-label {
  top: -0.8rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}

.form-material .form-control:-webkit-autofill ~ .floating-label {
  top: -0.8rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}

.form-material .form-control-sm ~ .floating-label {
  top: 0.429rem;
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
}

.form-material .form-control-sm:focus ~ .floating-label, .form-material .form-control-sm.focus ~ .floating-label, .form-material .form-control-sm:not(.empty) ~ .floating-label {
  top: -0.6864rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.6096 / 10);
}

.form-material .form-control-sm:-webkit-autofill ~ .floating-label {
  top: -0.6864rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.6096 / 10);
}

.form-material .form-control-lg ~ .floating-label {
  top: 0.428667rem;
  font-size: calc(var(--edc-fs-title) * 18.004 / 18);
}

.form-material .form-control-lg:focus ~ .floating-label, .form-material .form-control-lg.focus ~ .floating-label, .form-material .form-control-lg:not(.empty) ~ .floating-label {
  top: -1.0288rem;
  font-size: calc(var(--edc-fs-body) * 14.4032 / 14);
}

.form-material .form-control-lg:-webkit-autofill ~ .floating-label {
  top: -1.0288rem;
  font-size: calc(var(--edc-fs-body) * 14.4032 / 14);
}

.form-material .form-control:focus ~ .floating-label, .form-material .form-control.focus ~ .floating-label, .form-material .form-control:not(.empty) ~ .floating-label {
  font-weight: 500;
}

.form-material .form-control:-webkit-autofill ~ .floating-label {
  font-weight: 500;
}

.form-material .form-control:focus ~ .floating-label, .form-material .form-control.focus ~ .floating-label {
  color: #3f51b5;
}

.form-material textarea.form-control {
  padding-bottom: 0.429rem;
  resize: none;
}

.form-material.floating textarea.form-control {
  padding-top: 0.429rem;
}

.form-material select.form-control {
  border: 0;
  border-radius: 0;
}

.form-material:not(.floating) .form-control-label + select[multiple] {
  margin-top: 5px;
}

.form-material .hint {
  position: absolute;
  display: none;
  font-size: 80%;
}

.form-material .form-control:focus ~ .hint, .form-material .form-control.focus ~ .hint {
  display: block;
}

.form-material .form-control:not(.empty):invalid ~ .floating-label, .form-material .form-control.focus:invalid ~ .floating-label {
  color: #f44336;
}

.form-material .form-control:invalid {
  background-image: linear-gradient(#f44336, #f44336), linear-gradient(#e0e0e0, #e0e0e0);
}

.form-material.has-warning .form-control:focus, .form-material.has-warning .form-control.focus, .form-material.has-warning .form-control:not(.empty) {
  background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.has-warning .form-control:focus, .no-cssgradients .form-material.has-warning .form-control.focus, .no-cssgradients .form-material.has-warning .form-control:not(.empty) {
  background: transparent;
  border-bottom: 2px solid #ff9800;
}

.form-material.has-warning .form-control:-webkit-autofill {
  background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.has-warning .form-control:-webkit-autofill {
  background: transparent;
  border-bottom: 2px solid #ff9800;
}

.form-material.has-warning .form-control:not(.empty) {
  background-size: 100% 2px, 100% 1px;
}

.form-material.has-warning .form-control-label {
  color: #ff9800;
}

.form-material.has-warning .form-control:focus ~ .floating-label, .form-material.has-warning .form-control.focus ~ .floating-label, .form-material.has-warning .form-control:not(.empty) ~ .floating-label {
  color: #ff9800;
}

.form-material.has-warning .form-control:-webkit-autofill ~ .floating-label {
  color: #ff9800;
}

.form-material.has-danger .form-control:focus, .form-material.has-danger .form-control.focus, .form-material.has-danger .form-control:not(.empty) {
  background-image: linear-gradient(#f44336, #f44336), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.has-danger .form-control:focus, .no-cssgradients .form-material.has-danger .form-control.focus, .no-cssgradients .form-material.has-danger .form-control:not(.empty) {
  background: transparent;
  border-bottom: 2px solid #f44336;
}

.form-material.has-danger .form-control:-webkit-autofill {
  background-image: linear-gradient(#f44336, #f44336), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.has-danger .form-control:-webkit-autofill {
  background: transparent;
  border-bottom: 2px solid #f44336;
}

.form-material.has-danger .form-control:not(.empty) {
  background-size: 100% 2px, 100% 1px;
}

.form-material.has-danger .form-control-label {
  color: #f44336;
}

.form-material.has-danger .form-control:focus ~ .floating-label, .form-material.has-danger .form-control.focus ~ .floating-label, .form-material.has-danger .form-control:not(.empty) ~ .floating-label {
  color: #f44336;
}

.form-material.has-danger .form-control:-webkit-autofill ~ .floating-label {
  color: #f44336;
}

.form-material.has-success .form-control:focus, .form-material.has-success .form-control.focus, .form-material.has-success .form-control:not(.empty) {
  background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.has-success .form-control:focus, .no-cssgradients .form-material.has-success .form-control.focus, .no-cssgradients .form-material.has-success .form-control:not(.empty) {
  background: transparent;
  border-bottom: 2px solid #4caf50;
}

.form-material.has-success .form-control:-webkit-autofill {
  background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.has-success .form-control:-webkit-autofill {
  background: transparent;
  border-bottom: 2px solid #4caf50;
}

.form-material.has-success .form-control:not(.empty) {
  background-size: 100% 2px, 100% 1px;
}

.form-material.has-success .form-control-label {
  color: #4caf50;
}

.form-material.has-success .form-control:focus ~ .floating-label, .form-material.has-success .form-control.focus ~ .floating-label, .form-material.has-success .form-control:not(.empty) ~ .floating-label {
  color: #4caf50;
}

.form-material.has-success .form-control:-webkit-autofill ~ .floating-label {
  color: #4caf50;
}

.form-material.has-info .form-control:focus, .form-material.has-info .form-control.focus, .form-material.has-info .form-control:not(.empty) {
  background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.has-info .form-control:focus, .no-cssgradients .form-material.has-info .form-control.focus, .no-cssgradients .form-material.has-info .form-control:not(.empty) {
  background: transparent;
  border-bottom: 2px solid #00bcd4;
}

.form-material.has-info .form-control:-webkit-autofill {
  background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.has-info .form-control:-webkit-autofill {
  background: transparent;
  border-bottom: 2px solid #00bcd4;
}

.form-material.has-info .form-control:not(.empty) {
  background-size: 100% 2px, 100% 1px;
}

.form-material.has-info .form-control-label {
  color: #00bcd4;
}

.form-material.has-info .form-control:focus ~ .floating-label, .form-material.has-info .form-control.focus ~ .floating-label, .form-material.has-info .form-control:not(.empty) ~ .floating-label {
  color: #00bcd4;
}

.form-material.has-info .form-control:-webkit-autofill ~ .floating-label {
  color: #00bcd4;
}

.form-material .input-group .form-control-wrap {
  margin-right: 5px;
  margin-left: 5px;
  flex: 1 1 auto;
}

.form-material .input-group .form-control-wrap .form-control {
  float: none;
  width: 100%;
}

.form-material .input-group .input-group-addon {
  background: transparent;
  border: 0;
}

.form-material .input-group .input-group-btn .btn {
  margin: 0;
  border-radius: 0.286rem;
}

.form-material input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.form-control-wrap {
  position: relative;
}

.loader {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  font-size: calc(var(--edc-fs-display) * 40 / 24);
  text-indent: -9999em;
  transform: translateZ(0);
}

.loader-default {
  width: 1em;
  height: 1em;
  background-color: #9e9e9e;
  border-radius: 100%;
  animation: loader-default 1s infinite ease-in-out;
}

.loader-grill {
  width: 0.25em;
  height: 0.5em;
  background: #9e9e9e;
  animation: default-grill 1s infinite ease-in-out -0.16s;
}

.loader-grill:before, .loader-grill:after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #9e9e9e;
  animation: default-grill 1s infinite ease-in-out;
}

.loader-grill:before {
  left: -0.375em;
  animation-delay: -0.32s;
}

.loader-grill:after {
  left: 0.375em;
}

.loader-circle {
  width: 1em;
  height: 1em;
  border-top: 0.125em solid rgba(158, 158, 158, 0.5);
  border-right: 0.125em solid rgba(158, 158, 158, 0.5);
  border-bottom: 0.125em solid rgba(158, 158, 158, 0.5);
  border-left: 0.125em solid #9e9e9e;
  border-radius: 50%;
  animation: loader-circle 1.1s infinite linear;
}

.loader-round-circle {
  width: 1em;
  height: 1em;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  border-radius: 50%;
  animation: loader-round-circle 1.3s infinite linear;
}

.loader-tadpole {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  animation: loader-tadpole 1.7s infinite ease;
}

.loader-ellipsis {
  top: -0.625em;
  width: 0.625em;
  height: 0.625em;
  border-radius: 50%;
  animation: loader-ellipsis 1.8s infinite ease-in-out both -0.16s;
}

.loader-ellipsis:before, .loader-ellipsis:after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 50%;
  animation: loader-ellipsis 1.8s infinite ease-in-out both;
}

.loader-ellipsis:before {
  left: -0.875em;
  animation-delay: -0.32s;
}

.loader-ellipsis:after {
  left: 0.875em;
}

.loader-dot {
  width: 2em;
  height: 2em;
  animation: loader-dot-rotate 2s infinite linear;
}

.loader-dot:before, .loader-dot:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 60%;
  content: "";
  background: #9e9e9e;
  border-radius: 100%;
  animation: loader-dot-bounce 2s infinite ease-in-out;
}

.loader-dot:after {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

.loader-bounce {
  width: 1.5em;
  height: 1.5em;
}

.loader-bounce:before, .loader-bounce:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #9e9e9e;
  border-radius: 50%;
  opacity: 0.6;
  animation: loader-bounce 2s infinite ease-in-out;
}

.loader-bounce:after {
  animation-delay: -1s;
}

.loader-cube {
  width: 2em;
  height: 2em;
}

.loader-cube:before, .loader-cube:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 25%;
  content: "";
  background: #9e9e9e;
  animation: loader-cube 2s infinite ease-in-out;
}

.loader-cube:after {
  animation-delay: -1s;
}

.loader-rotate-plane {
  width: 1em;
  height: 1em;
  background: #9e9e9e;
  animation: loader-rotate-plane 1.2s infinite ease-in-out;
}

.loader-folding-cube {
  width: 0.8em;
  height: 0.8em;
  transform: rotate(45deg) translateZ(0);
}

.loader-folding-cube:before, .loader-folding-cube:after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  background: #9e9e9e;
}

.loader-folding-cube:before {
  bottom: 50%;
  left: 0;
  animation: loader-folding-cube-before 2.4s infinite ease-in-out;
  animation-delay: -0.6s;
}

.loader-folding-cube:after {
  top: 50%;
  right: 0;
  animation: loader-folding-cube-after 2.4s infinite ease-in-out;
}

.loader-cube-grid {
  top: -0.6em;
  width: 0.3em;
  height: 0.3em;
  animation: loader-cube-grid 1.2s infinite ease-in-out;
}

.loader-cube-grid:before, .loader-cube-grid:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.loader-cube-grid:before {
  animation: loader-cube-grid-before 1.2s infinite ease-in-out;
}

.loader-cube-grid:after {
  animation: loader-cube-grid-after 1.2s infinite ease-in-out;
}

.side-panel-loading,
body > .loader {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -20px;
}

.site-menubar-unfold > .loader {
  margin-left: 130px;
}

.site-menubar-fold > .loader {
  margin-left: 45px;
}

.site-menubar-hide.site-menubar-unfold > .loader {
  margin-left: 0;
}

.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background: #3949ab;
}

.loader-content {
  margin: 50vh auto 0;
  text-align: center;
  text-transform: uppercase;
  transform: translateY(-50%);
}

.loader-content h2 {
  font-weight: 500;
  color: #fff;
}

.loader-index {
  margin-top: 20px;
}

.loader-index > div {
  display: inline-block;
  width: 4px;
  height: 25px;
  margin: 2px;
  background: #fff;
  border-radius: 2px;
  animation: loader-index 0.9s -0.8s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  animation-fill-mode: both;
}

.loader-index > div:nth-child(2), .loader-index > div:nth-child(4) {
  animation-delay: -0.6s !important;
}

.loader-index > div:nth-child(1), .loader-index > div:nth-child(5) {
  animation-delay: -0.4s !important;
}

.loader-index > div:nth-child(6) {
  animation-delay: -0.2s !important;
}
@keyframes loader-index {
  0% {
    transform: scaley(1);
  }
  50% {
    transform: scaley(0.4);
  }
  100% {
    transform: scaley(1);
  }
}
@keyframes loader-default {
  0% {
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes default-grill {
  0%, 80%, 100% {
    height: 1em;
    box-shadow: 0 0 #9e9e9e;
  }
  40% {
    height: 1.2em;
    box-shadow: 0 -0.25em #9e9e9e;
  }
}
@keyframes loader-circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-round-circle {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em #9e9e9e, 2em -2em 0 0 #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 0 #9e9e9e;
  }
  12.5% {
    box-shadow: 0 -3em 0 0 #9e9e9e, 2em -2em 0 0.2em #9e9e9e, 3em 0 0 0 #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 0 #9e9e9e, 3em 0 0 0.2em #9e9e9e, 2em 2em 0 0 #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e;
  }
  37.5% {
    box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 0 #9e9e9e, 2em 2em 0 0.2em #9e9e9e, 0 3em 0 0 #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e;
  }
  50% {
    box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 0 #9e9e9e, 0 3em 0 0.2em #9e9e9e, -2em 2em 0 0 #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e;
  }
  62.5% {
    box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 0 #9e9e9e, -2em 2em 0 0.2em #9e9e9e, -3em 0 0 0 #9e9e9e, -2em -2em 0 -0.5em #9e9e9e;
  }
  75% {
    box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 0 #9e9e9e, -3em 0 0 0.2em #9e9e9e, -2em -2em 0 0 #9e9e9e;
  }
  87.5% {
    box-shadow: 0 -3em 0 0 #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 0 #9e9e9e, -3em 0 0 0 #9e9e9e, -2em -2em 0 0.2em #9e9e9e;
  }
}
@keyframes loader-tadpole {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, 0 -0.83em 0 -0.42em #9e9e9e, 0 -0.83em 0 -0.44em #9e9e9e, 0 -0.83em 0 -0.46em #9e9e9e, 0 -0.83em 0 -0.477em #9e9e9e;
    transform: rotate(0deg);
  }
  5%, 95% {
    box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, 0 -0.83em 0 -0.42em #9e9e9e, 0 -0.83em 0 -0.44em #9e9e9e, 0 -0.83em 0 -0.46em #9e9e9e, 0 -0.83em 0 -0.477em #9e9e9e;
  }
  10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, -0.087em -0.825em 0 -0.42em #9e9e9e, -0.173em -0.812em 0 -0.44em #9e9e9e, -0.256em -0.789em 0 -0.46em #9e9e9e, -0.297em -0.775em 0 -0.477em #9e9e9e;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, -0.338em -0.758em 0 -0.42em #9e9e9e, -0.555em -0.617em 0 -0.44em #9e9e9e, -0.671em -0.488em 0 -0.46em #9e9e9e, -0.749em -0.34em 0 -0.477em #9e9e9e;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, -0.377em -0.74em 0 -0.42em #9e9e9e, -0.645em -0.522em 0 -0.44em #9e9e9e, -0.775em -0.297em 0 -0.46em #9e9e9e, -0.82em -0.09em 0 -0.477em #9e9e9e;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, 0 -0.83em 0 -0.42em #9e9e9e, 0 -0.83em 0 -0.44em #9e9e9e, 0 -0.83em 0 -0.46em #9e9e9e, 0 -0.83em 0 -0.477em #9e9e9e;
    transform: rotate(360deg);
  }
}
@keyframes loader-ellipsis {
  0%, 80%, 100% {
    box-shadow: 0 0.625em 0 -0.325em #9e9e9e;
  }
  40% {
    box-shadow: 0 0.625em 0 0 #9e9e9e;
  }
}
@keyframes loader-dot-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-dot-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes loader-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes loader-cube {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: translateX(1.5em) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
  }
  50.1% {
    transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes loader-rotate-plane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes loader-folding-cube-before {
  0% {
    width: 50%;
    height: 0;
  }
  7.5% {
    width: 50%;
    height: 50%;
  }
  12.5% {
    width: 50%;
    height: 50%;
  }
  20% {
    width: 100%;
    height: 50%;
  }
  25% {
    width: 100%;
    height: 50%;
  }
  50% {
    right: 0;
    left: auto;
    width: 100%;
    height: 50%;
  }
  57.5% {
    width: 50%;
    height: 50%;
  }
  62.5% {
    width: 50%;
    height: 50%;
  }
  70% {
    width: 50%;
    height: 0;
  }
  75% {
    width: 50%;
    height: 0;
  }
}
@keyframes loader-folding-cube-after {
  0% {
    width: 50%;
    height: 0;
  }
  7.5% {
    width: 50%;
    height: 50%;
  }
  12.5% {
    width: 50%;
    height: 50%;
  }
  20% {
    width: 100%;
    height: 50%;
  }
  25% {
    width: 100%;
    height: 50%;
  }
  50% {
    right: auto;
    left: 0;
    width: 100%;
    height: 50%;
  }
  57.5% {
    width: 50%;
    height: 50%;
  }
  62.5% {
    width: 50%;
    height: 50%;
  }
  75% {
    width: 50%;
    height: 0;
  }
}
@keyframes loader-cube-grid {
  15% {
    box-shadow: -0.3em 0.3em 0 -0.3em #9e9e9e, 0 0.6em 0 -0.3em #9e9e9e, 0.3em 0.9em 0 -0.3em #9e9e9e;
  }
  30% {
    box-shadow: -0.3em 0.3em 0 0 #9e9e9e, 0 0.6em 0 0 #9e9e9e, 0.3em 0.9em 0 0 #9e9e9e;
  }
  70% {
    box-shadow: -0.3em 0.3em 0 0 #9e9e9e, 0 0.6em 0 0 #9e9e9e, 0.3em 0.9em 0 0 #9e9e9e;
  }
  85% {
    box-shadow: -0.3em 0.3em 0 -0.3em #9e9e9e, 0 0.6em 0 -0.3em #9e9e9e, 0.3em 0.9em 0 -0.3em #9e9e9e;
  }
}
@keyframes loader-cube-grid-before {
  0% {
    box-shadow: -0.3em 0.9em 0 -0.3em #9e9e9e, 0 0.3em 0 -0.3em #9e9e9e, 0.3em 0.6em 0 -0.3em #9e9e9e;
  }
  15% {
    box-shadow: -0.3em 0.9em 0 0 #9e9e9e, 0 0.3em 0 -0.3em #9e9e9e, 0.3em 0.6em 0 -0.3em #9e9e9e;
  }
  22.5% {
    box-shadow: -0.3em 0.9em 0 0 #9e9e9e, 0 0.3em 0 -0.3em #9e9e9e, 0.3em 0.6em 0 -0.3em #9e9e9e;
  }
  37.5% {
    box-shadow: -0.3em 0.9em 0 0 #9e9e9e, 0 0.3em 0 0 #9e9e9e, 0.3em 0.6em 0 0 #9e9e9e;
  }
  55% {
    box-shadow: -0.3em 0.9em 0 0 #9e9e9e, 0 0.3em 0 0 #9e9e9e, 0.3em 0.6em 0 0 #9e9e9e;
  }
  70% {
    box-shadow: -0.3em 0.9em 0 -0.3em #9e9e9e, 0 0.3em 0 0 #9e9e9e, 0.3em 0.6em 0 0 #9e9e9e;
  }
  77.5% {
    box-shadow: -0.3em 0.9em 0 -0.3em #9e9e9e, 0 0.3em 0 0 #9e9e9e, 0.3em 0.6em 0 0 #9e9e9e;
  }
  92.5% {
    box-shadow: -0.3em 0.9em 0 -0.3em #9e9e9e, 0 0.3em 0 -0.3em #9e9e9e, 0.3em 0.6em 0 -0.3em #9e9e9e;
  }
}
@keyframes loader-cube-grid-after {
  7.5% {
    box-shadow: -0.3em 0.6em 0 -0.3em #9e9e9e, 0 0.9em 0 -0.3em #9e9e9e, 0.3em 0.3em 0 -0.3em #9e9e9e;
  }
  22.5% {
    box-shadow: -0.3em 0.6em 0 0 #9e9e9e, 0 0.9em 0 0 #9e9e9e, 0.3em 0.3em 0 -0.3em #9e9e9e;
  }
  30% {
    box-shadow: -0.3em 0.6em 0 0 #9e9e9e, 0 0.9em 0 0 #9e9e9e, 0.3em 0.3em 0 -0.3em #9e9e9e;
  }
  45% {
    box-shadow: -0.3em 0.6em 0 0 #9e9e9e, 0 0.9em 0 0 #9e9e9e, 0.3em 0.3em 0 0 #9e9e9e;
  }
  62.5% {
    box-shadow: -0.3em 0.6em 0 0 #9e9e9e, 0 0.9em 0 0 #9e9e9e, 0.3em 0.3em 0 0 #9e9e9e;
  }
  77.5% {
    box-shadow: -0.3em 0.6em 0 -0.3em #9e9e9e, 0 0.9em 0 -0.3em #9e9e9e, 0.3em 0.3em 0 0 #9e9e9e;
  }
  85% {
    box-shadow: -0.3em 0.6em 0 -0.3em #9e9e9e, 0 0.9em 0 -0.3em #9e9e9e, 0.3em 0.3em 0 0 #9e9e9e;
  }
  100% {
    box-shadow: -0.3em 0.6em 0 -0.3em #9e9e9e, 0 0.9em 0 -0.3em #9e9e9e, 0.3em 0.3em 0 -0.3em #9e9e9e;
  }
}
[class*=animation-] {
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.animation-hover:not(:hover),
.animation-hover:not(:hover) [class*=animation-],
.touch .animation-hover:not(.hover),
.touch .animation-hover:not(.hover) [class*=animation-] {
  animation-name: none;
}

.animation-reverse {
  animation-timing-function: ease-in;
  animation-direction: reverse;
}

.animation-repeat {
  animation-iteration-count: infinite;
}

.animation-fade {
  animation-name: fade;
  animation-duration: 0.8s;
  animation-timing-function: linear;
}

.animation-scale {
  animation-name: scale-12;
}

.animation-scale-up {
  animation-name: fade-scale-02;
}

.animation-scale-down {
  animation-name: fade-scale-18;
}

.animation-slide-top {
  animation-name: slide-top;
}

.animation-slide-bottom {
  animation-name: slide-bottom;
}

.animation-slide-left {
  animation-name: slide-left;
}

.animation-slide-right {
  animation-name: slide-right;
}

.animation-shake {
  animation-name: shake;
}

.animation-duration-10 {
  animation-duration: 15s;
}

.animation-duration-9 {
  animation-duration: 9s;
}

.animation-duration-8 {
  animation-duration: 8s;
}

.animation-duration-7 {
  animation-duration: 7s;
}

.animation-duration-6 {
  animation-duration: 6s;
}

.animation-duration-5 {
  animation-duration: 5s;
}

.animation-duration-4 {
  animation-duration: 4s;
}

.animation-duration-3 {
  animation-duration: 3s;
}

.animation-duration-2 {
  animation-duration: 2s;
}

.animation-duration-1 {
  animation-duration: 1s;
}

.animation-delay-100 {
  animation-duration: 100ms;
}

.animation-duration-250 {
  animation-duration: 250ms;
}

.animation-duration-300 {
  animation-duration: 300ms;
}

.animation-duration-500 {
  animation-duration: 500ms;
}

.animation-duration-750 {
  animation-duration: 750ms;
}

.animation-delay-1000 {
  animation-delay: 1s;
}

.animation-delay-900 {
  animation-delay: 900ms;
}

.animation-delay-800 {
  animation-delay: 800ms;
}

.animation-delay-700 {
  animation-delay: 700ms;
}

.animation-delay-600 {
  animation-delay: 600ms;
}

.animation-delay-500 {
  animation-delay: 500ms;
}

.animation-delay-400 {
  animation-delay: 400ms;
}

.animation-delay-300 {
  animation-delay: 300ms;
}

.animation-delay-200 {
  animation-delay: 200ms;
}

.animation-delay-100 {
  animation-delay: 100ms;
}

.animation-top-left {
  transform-origin: 0 0;
}

.animation-top-center {
  transform-origin: 50% 0;
}

.animation-top-right {
  transform-origin: 100% 0;
}

.animation-middle-left {
  transform-origin: 0 50%;
}

.animation-middle-right {
  transform-origin: 100% 50%;
}

.animation-bottom-left {
  transform-origin: 0 100%;
}

.animation-bottom-center {
  transform-origin: 50% 100%;
}

.animation-bottom-right {
  transform-origin: 100% 100%;
}

.animation-easing-easeInOut {
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.animation-easing-easeInQuad {
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.animation-easing-easeInCubic {
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.animation-easing-easeInQuart {
  animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.animation-easing-easeInQuint {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.animation-easing-easeInSine {
  animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

.animation-easing-easeInExpo {
  animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

.animation-easing-easeInCirc {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.animation-easing-easeInBack {
  animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.animation-easing-eastOutQuad {
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.animation-easing-easeOutCubic {
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animation-easing-easeOutQuart {
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.animation-easing-easeOutQuint {
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.animation-easing-easeOutSine {
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

.animation-easing-easeOutExpo {
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.animation-easing-easeOutCirc {
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.animation-easing-easeOutBack {
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.animation-easing-easeInOutQuad {
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.animation-easing-easeInOutCubic {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.animation-easing-easeInOutQuart {
  animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.animation-easing-easeInOutQuint {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.animation-easing-easeInOutSine {
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.animation-easing-easeInOutExpo {
  animation-timing-function: cubic-bezier(1, 0, 0, 1);
}

.animation-easing-easeInOutCirc {
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.animation-easing-easeInOutBack {
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.animation-easing-easeInOutElastic {
  animation-timing-function: cubic-bezier(1, -0.56, 0, 1.455);
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scale-12 {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fade-scale-02 {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fade-scale-18 {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes slide-top {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide-bottom {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
.bg-red-50 {
  background-color: #ffebee !important;
}

.bg-red-100 {
  background-color: #ffcdd2 !important;
}

.bg-red-200 {
  background-color: #ef9a9a !important;
}

.bg-red-300 {
  background-color: #e57373 !important;
}

.bg-red-400 {
  background-color: #ef5350 !important;
}

.bg-red-500 {
  background-color: #f44336 !important;
}

.bg-red-600 {
  background-color: #e53935 !important;
}

.bg-red-700 {
  background-color: #d32f2f !important;
}

.bg-red-800 {
  background-color: #c62828 !important;
}

.bg-red-900 {
  background-color: #b71c1c !important;
}

.bg-red-a100 {
  background-color: #ff8a80 !important;
}

.bg-red-a200 {
  background-color: #ff5252 !important;
}

.bg-red-a300 {
  background-color: #ff1744 !important;
}

.bg-red-a400 {
  background-color: #d50000 !important;
}

.red-50 {
  color: #ffebee !important;
}

.red-100 {
  color: #ffcdd2 !important;
}

.red-200 {
  color: #ef9a9a !important;
}

.red-300 {
  color: #e57373 !important;
}

.red-400 {
  color: #ef5350 !important;
}

.red-500 {
  color: #f44336 !important;
}

.red-600 {
  color: #e53935 !important;
}

.red-700 {
  color: #d32f2f !important;
}

.red-800 {
  color: #c62828 !important;
}

.red-900 {
  color: #b71c1c !important;
}

.red-a100 {
  color: #ff8a80 !important;
}

.red-a200 {
  color: #ff5252 !important;
}

.red-a300 {
  color: #ff1744 !important;
}

.red-a400 {
  color: #d50000 !important;
}

.bg-pink-50 {
  background-color: #fce4ec !important;
}

.bg-pink-100 {
  background-color: #f8bbd0 !important;
}

.bg-pink-200 {
  background-color: #f48fb1 !important;
}

.bg-pink-300 {
  background-color: #f06292 !important;
}

.bg-pink-400 {
  background-color: #ec407a !important;
}

.bg-pink-500 {
  background-color: #e91e63 !important;
}

.bg-pink-600 {
  background-color: #d81b60 !important;
}

.bg-pink-700 {
  background-color: #c2185b !important;
}

.bg-pink-800 {
  background-color: #ad1457 !important;
}

.bg-pink-900 {
  background-color: #880e4f !important;
}

.bg-pink-a100 {
  background-color: #ff80ab !important;
}

.bg-pink-a200 {
  background-color: #ff4081 !important;
}

.bg-pink-a300 {
  background-color: #f50057 !important;
}

.bg-pink-a400 {
  background-color: #c51162 !important;
}

.pink-50 {
  color: #fce4ec !important;
}

.pink-100 {
  color: #f8bbd0 !important;
}

.pink-200 {
  color: #f48fb1 !important;
}

.pink-300 {
  color: #f06292 !important;
}

.pink-400 {
  color: #ec407a !important;
}

.pink-500 {
  color: #e91e63 !important;
}

.pink-600 {
  color: #d81b60 !important;
}

.pink-700 {
  color: #c2185b !important;
}

.pink-800 {
  color: #ad1457 !important;
}

.pink-900 {
  color: #880e4f !important;
}

.pink-a100 {
  color: #ff80ab !important;
}

.pink-a200 {
  color: #ff4081 !important;
}

.pink-a300 {
  color: #f50057 !important;
}

.pink-a400 {
  color: #c51162 !important;
}

.bg-purple-50 {
  background-color: #f3e5f5 !important;
}

.bg-purple-100 {
  background-color: #e1bee7 !important;
}

.bg-purple-200 {
  background-color: #ce93d8 !important;
}

.bg-purple-300 {
  background-color: #ba68c8 !important;
}

.bg-purple-400 {
  background-color: #ab47bc !important;
}

.bg-purple-500 {
  background-color: #9c27b0 !important;
}

.bg-purple-600 {
  background-color: #8e24aa !important;
}

.bg-purple-700 {
  background-color: #7b1fa2 !important;
}

.bg-purple-800 {
  background-color: #6a1b9a !important;
}

.bg-purple-900 {
  background-color: #4a148c !important;
}

.bg-purple-a100 {
  background-color: #ea80fc !important;
}

.bg-purple-a200 {
  background-color: #e040fb !important;
}

.bg-purple-a300 {
  background-color: #d500f9 !important;
}

.bg-purple-a400 {
  background-color: #a0f !important;
}

.purple-50 {
  color: #f3e5f5 !important;
}

.purple-100 {
  color: #e1bee7 !important;
}

.purple-200 {
  color: #ce93d8 !important;
}

.purple-300 {
  color: #ba68c8 !important;
}

.purple-400 {
  color: #ab47bc !important;
}

.purple-500 {
  color: #9c27b0 !important;
}

.purple-600 {
  color: #8e24aa !important;
}

.purple-700 {
  color: #7b1fa2 !important;
}

.purple-800 {
  color: #6a1b9a !important;
}

.purple-900 {
  color: #4a148c !important;
}

.purple-a100 {
  color: #ea80fc !important;
}

.purple-a200 {
  color: #e040fb !important;
}

.purple-a300 {
  color: #d500f9 !important;
}

.purple-a400 {
  color: #a0f !important;
}

.bg-deep-purple-50 {
  background-color: #ede7f6 !important;
}

.bg-deep-purple-100 {
  background-color: #d1c4e9 !important;
}

.bg-deep-purple-200 {
  background-color: #b39ddb !important;
}

.bg-deep-purple-300 {
  background-color: #9575cd !important;
}

.bg-deep-purple-400 {
  background-color: #7e57c2 !important;
}

.bg-deep-purple-500 {
  background-color: #673ab7 !important;
}

.bg-deep-purple-600 {
  background-color: #5e35b1 !important;
}

.bg-deep-purple-700 {
  background-color: #512da8 !important;
}

.bg-deep-purple-800 {
  background-color: #4527a0 !important;
}

.bg-deep-purple-900 {
  background-color: #311b92 !important;
}

.bg-deep-purple-a100 {
  background-color: #b388ff !important;
}

.bg-deep-purple-a200 {
  background-color: #7c4dff !important;
}

.bg-deep-purple-a300 {
  background-color: #651fff !important;
}

.bg-deep-purple-a400 {
  background-color: #6200ea !important;
}

.deep-purple-50 {
  color: #ede7f6 !important;
}

.deep-purple-100 {
  color: #d1c4e9 !important;
}

.deep-purple-200 {
  color: #b39ddb !important;
}

.deep-purple-300 {
  color: #9575cd !important;
}

.deep-purple-400 {
  color: #7e57c2 !important;
}

.deep-purple-500 {
  color: #673ab7 !important;
}

.deep-purple-600 {
  color: #5e35b1 !important;
}

.deep-purple-700 {
  color: #512da8 !important;
}

.deep-purple-800 {
  color: #4527a0 !important;
}

.deep-purple-900 {
  color: #311b92 !important;
}

.deep-purple-a100 {
  color: #b388ff !important;
}

.deep-purple-a200 {
  color: #7c4dff !important;
}

.deep-purple-a300 {
  color: #651fff !important;
}

.deep-purple-a400 {
  color: #6200ea !important;
}

.bg-indigo-50 {
  background-color: #e8eaf6 !important;
}

.bg-indigo-100 {
  background-color: #c5cae9 !important;
}

.bg-indigo-200 {
  background-color: #9fa8da !important;
}

.bg-indigo-300 {
  background-color: #7986cb !important;
}

.bg-indigo-400 {
  background-color: #5c6bc0 !important;
}

.bg-indigo-500 {
  background-color: #3f51b5 !important;
}

.bg-indigo-600 {
  background-color: #3949ab !important;
}

.bg-indigo-700 {
  background-color: #303f9f !important;
}

.bg-indigo-800 {
  background-color: #283593 !important;
}

.bg-indigo-900 {
  background-color: #1a237e !important;
}

.bg-indigo-a100 {
  background-color: #8c9eff !important;
}

.bg-indigo-a200 {
  background-color: #536dfe !important;
}

.bg-indigo-a300 {
  background-color: #3d5afe !important;
}

.bg-indigo-a400 {
  background-color: #304ffe !important;
}

.indigo-50 {
  color: #e8eaf6 !important;
}

.indigo-100 {
  color: #c5cae9 !important;
}

.indigo-200 {
  color: #9fa8da !important;
}

.indigo-300 {
  color: #7986cb !important;
}

.indigo-400 {
  color: #5c6bc0 !important;
}

.indigo-500 {
  color: #3f51b5 !important;
}

.indigo-600 {
  color: #3949ab !important;
}

.indigo-700 {
  color: #303f9f !important;
}

.indigo-800 {
  color: #283593 !important;
}

.indigo-900 {
  color: #1a237e !important;
}

.indigo-a100 {
  color: #8c9eff !important;
}

.indigo-a200 {
  color: #536dfe !important;
}

.indigo-a300 {
  color: #3d5afe !important;
}

.indigo-a400 {
  color: #304ffe !important;
}

.bg-blue-50 {
  background-color: #e3f2fd !important;
}

.bg-blue-100 {
  background-color: #bbdefb !important;
}

.bg-blue-200 {
  background-color: #90caf9 !important;
}

.bg-blue-300 {
  background-color: #64b5f6 !important;
}

.bg-blue-400 {
  background-color: #42a5f5 !important;
}

.bg-blue-500 {
  background-color: #2196f3 !important;
}

.bg-blue-600 {
  background-color: #1e88e5 !important;
}

.bg-blue-700 {
  background-color: #1976d2 !important;
}

.bg-blue-800 {
  background-color: #1565c0 !important;
}

.bg-blue-900 {
  background-color: #0d47a1 !important;
}

.bg-blue-a100 {
  background-color: #82b1ff !important;
}

.bg-blue-a200 {
  background-color: #448aff !important;
}

.bg-blue-a300 {
  background-color: #2979ff !important;
}

.bg-blue-a400 {
  background-color: #2962ff !important;
}

.blue-50 {
  color: #e3f2fd !important;
}

.blue-100 {
  color: #bbdefb !important;
}

.blue-200 {
  color: #90caf9 !important;
}

.blue-300 {
  color: #64b5f6 !important;
}

.blue-400 {
  color: #42a5f5 !important;
}

.blue-500 {
  color: #2196f3 !important;
}

.blue-600 {
  color: #1e88e5 !important;
}

.blue-700 {
  color: #1976d2 !important;
}

.blue-800 {
  color: #1565c0 !important;
}

.blue-900 {
  color: #0d47a1 !important;
}

.blue-a100 {
  color: #82b1ff !important;
}

.blue-a200 {
  color: #448aff !important;
}

.blue-a300 {
  color: #2979ff !important;
}

.blue-a400 {
  color: #2962ff !important;
}

.bg-light-blue-50 {
  background-color: #e1f5fe !important;
}

.bg-light-blue-100 {
  background-color: #b3e5fc !important;
}

.bg-light-blue-200 {
  background-color: #81d4fa !important;
}

.bg-light-blue-300 {
  background-color: #4fc3f7 !important;
}

.bg-light-blue-400 {
  background-color: #29b6f6 !important;
}

.bg-light-blue-500 {
  background-color: #03a9f4 !important;
}

.bg-light-blue-600 {
  background-color: #039be5 !important;
}

.bg-light-blue-700 {
  background-color: #0288d1 !important;
}

.bg-light-blue-800 {
  background-color: #0277bd !important;
}

.bg-light-blue-900 {
  background-color: #01579b !important;
}

.bg-light-blue-a100 {
  background-color: #80d8ff !important;
}

.bg-light-blue-a200 {
  background-color: #40c4ff !important;
}

.bg-light-blue-a300 {
  background-color: #00b0ff !important;
}

.bg-light-blue-a400 {
  background-color: #0091ea !important;
}

.light-blue-50 {
  color: #e1f5fe !important;
}

.light-blue-100 {
  color: #b3e5fc !important;
}

.light-blue-200 {
  color: #81d4fa !important;
}

.light-blue-300 {
  color: #4fc3f7 !important;
}

.light-blue-400 {
  color: #29b6f6 !important;
}

.light-blue-500 {
  color: #03a9f4 !important;
}

.light-blue-600 {
  color: #039be5 !important;
}

.light-blue-700 {
  color: #0288d1 !important;
}

.light-blue-800 {
  color: #0277bd !important;
}

.light-blue-900 {
  color: #01579b !important;
}

.light-blue-a100 {
  color: #80d8ff !important;
}

.light-blue-a200 {
  color: #40c4ff !important;
}

.light-blue-a300 {
  color: #00b0ff !important;
}

.light-blue-a400 {
  color: #0091ea !important;
}

.bg-cyan-50 {
  background-color: #e0f7fa !important;
}

.bg-cyan-100 {
  background-color: #b2ebf2 !important;
}

.bg-cyan-200 {
  background-color: #80deea !important;
}

.bg-cyan-300 {
  background-color: #4dd0e1 !important;
}

.bg-cyan-400 {
  background-color: #26c6da !important;
}

.bg-cyan-500 {
  background-color: #00bcd4 !important;
}

.bg-cyan-600 {
  background-color: #00acc1 !important;
}

.bg-cyan-700 {
  background-color: #0097a7 !important;
}

.bg-cyan-800 {
  background-color: #00838f !important;
}

.bg-cyan-900 {
  background-color: #006064 !important;
}

.bg-cyan-a100 {
  background-color: #84ffff !important;
}

.bg-cyan-a200 {
  background-color: #18ffff !important;
}

.bg-cyan-a300 {
  background-color: #00e5ff !important;
}

.bg-cyan-a400 {
  background-color: #00b8d4 !important;
}

.cyan-50 {
  color: #e0f7fa !important;
}

.cyan-100 {
  color: #b2ebf2 !important;
}

.cyan-200 {
  color: #80deea !important;
}

.cyan-300 {
  color: #4dd0e1 !important;
}

.cyan-400 {
  color: #26c6da !important;
}

.cyan-500 {
  color: #00bcd4 !important;
}

.cyan-600 {
  color: #00acc1 !important;
}

.cyan-700 {
  color: #0097a7 !important;
}

.cyan-800 {
  color: #00838f !important;
}

.cyan-900 {
  color: #006064 !important;
}

.cyan-a100 {
  color: #84ffff !important;
}

.cyan-a200 {
  color: #18ffff !important;
}

.cyan-a300 {
  color: #00e5ff !important;
}

.cyan-a400 {
  color: #00b8d4 !important;
}

.bg-teal-50 {
  background-color: #e0f2f1 !important;
}

.bg-teal-100 {
  background-color: #b2dfdb !important;
}

.bg-teal-200 {
  background-color: #80cbc4 !important;
}

.bg-teal-300 {
  background-color: #4db6ac !important;
}

.bg-teal-400 {
  background-color: #26a69a !important;
}

.bg-teal-500 {
  background-color: #009688 !important;
}

.bg-teal-600 {
  background-color: #00897b !important;
}

.bg-teal-700 {
  background-color: #00796b !important;
}

.bg-teal-800 {
  background-color: #00695c !important;
}

.bg-teal-900 {
  background-color: #004d40 !important;
}

.bg-teal-a100 {
  background-color: #a7ffeb !important;
}

.bg-teal-a200 {
  background-color: #64ffda !important;
}

.bg-teal-a300 {
  background-color: #1de9b6 !important;
}

.bg-teal-a400 {
  background-color: #00bfa5 !important;
}

.teal-50 {
  color: #e0f2f1 !important;
}

.teal-100 {
  color: #b2dfdb !important;
}

.teal-200 {
  color: #80cbc4 !important;
}

.teal-300 {
  color: #4db6ac !important;
}

.teal-400 {
  color: #26a69a !important;
}

.teal-500 {
  color: #009688 !important;
}

.teal-600 {
  color: #00897b !important;
}

.teal-700 {
  color: #00796b !important;
}

.teal-800 {
  color: #00695c !important;
}

.teal-900 {
  color: #004d40 !important;
}

.teal-a100 {
  color: #a7ffeb !important;
}

.teal-a200 {
  color: #64ffda !important;
}

.teal-a300 {
  color: #1de9b6 !important;
}

.teal-a400 {
  color: #00bfa5 !important;
}

.bg-green-50 {
  background-color: #e8f5e9 !important;
}

.bg-green-100 {
  background-color: #c8e6c9 !important;
}

.bg-green-200 {
  background-color: #a5d6a7 !important;
}

.bg-green-300 {
  background-color: #81c784 !important;
}

.bg-green-400 {
  background-color: #66bb6a !important;
}

.bg-green-500 {
  background-color: #4caf50 !important;
}

.bg-green-600 {
  background-color: #43a047 !important;
}

.bg-green-700 {
  background-color: #388e3c !important;
}

.bg-green-800 {
  background-color: #2e7d32 !important;
}

.bg-green-900 {
  background-color: #1b5e20 !important;
}

.bg-green-a100 {
  background-color: #b9f6ca !important;
}

.bg-green-a200 {
  background-color: #69f0ae !important;
}

.bg-green-a300 {
  background-color: #00e676 !important;
}

.bg-green-a400 {
  background-color: #00c853 !important;
}

.green-50 {
  color: #e8f5e9 !important;
}

.green-100 {
  color: #c8e6c9 !important;
}

.green-200 {
  color: #a5d6a7 !important;
}

.green-300 {
  color: #81c784 !important;
}

.green-400 {
  color: #66bb6a !important;
}

.green-500 {
  color: #4caf50 !important;
}

.green-600 {
  color: #43a047 !important;
}

.green-700 {
  color: #388e3c !important;
}

.green-800 {
  color: #2e7d32 !important;
}

.green-900 {
  color: #1b5e20 !important;
}

.green-a100 {
  color: #b9f6ca !important;
}

.green-a200 {
  color: #69f0ae !important;
}

.green-a300 {
  color: #00e676 !important;
}

.green-a400 {
  color: #00c853 !important;
}

.bg-light-green-50 {
  background-color: #f1f8e9 !important;
}

.bg-light-green-100 {
  background-color: #dcedc8 !important;
}

.bg-light-green-200 {
  background-color: #c5e1a5 !important;
}

.bg-light-green-300 {
  background-color: #aed581 !important;
}

.bg-light-green-400 {
  background-color: #9ccc65 !important;
}

.bg-light-green-500 {
  background-color: #8bc34a !important;
}

.bg-light-green-600 {
  background-color: #7cb342 !important;
}

.bg-light-green-700 {
  background-color: #689f38 !important;
}

.bg-light-green-800 {
  background-color: #558b2f !important;
}

.bg-light-green-900 {
  background-color: #33691e !important;
}

.bg-light-green-a100 {
  background-color: #ccff90 !important;
}

.bg-light-green-a200 {
  background-color: #b2ff59 !important;
}

.bg-light-green-a300 {
  background-color: #76ff03 !important;
}

.bg-light-green-a400 {
  background-color: #64dd17 !important;
}

.light-green-50 {
  color: #f1f8e9 !important;
}

.light-green-100 {
  color: #dcedc8 !important;
}

.light-green-200 {
  color: #c5e1a5 !important;
}

.light-green-300 {
  color: #aed581 !important;
}

.light-green-400 {
  color: #9ccc65 !important;
}

.light-green-500 {
  color: #8bc34a !important;
}

.light-green-600 {
  color: #7cb342 !important;
}

.light-green-700 {
  color: #689f38 !important;
}

.light-green-800 {
  color: #558b2f !important;
}

.light-green-900 {
  color: #33691e !important;
}

.light-green-a100 {
  color: #ccff90 !important;
}

.light-green-a200 {
  color: #b2ff59 !important;
}

.light-green-a300 {
  color: #76ff03 !important;
}

.light-green-a400 {
  color: #64dd17 !important;
}

.bg-lime-50 {
  background-color: #f9fbe7 !important;
}

.bg-lime-100 {
  background-color: #f0f4c3 !important;
}

.bg-lime-200 {
  background-color: #e6ee9c !important;
}

.bg-lime-300 {
  background-color: #dce775 !important;
}

.bg-lime-400 {
  background-color: #d4e157 !important;
}

.bg-lime-500 {
  background-color: #cddc39 !important;
}

.bg-lime-600 {
  background-color: #c0ca33 !important;
}

.bg-lime-700 {
  background-color: #afb42b !important;
}

.bg-lime-800 {
  background-color: #9e9d24 !important;
}

.bg-lime-900 {
  background-color: #827717 !important;
}

.bg-lime-a100 {
  background-color: #f4ff81 !important;
}

.bg-lime-a200 {
  background-color: #eeff41 !important;
}

.bg-lime-a300 {
  background-color: #c6ff00 !important;
}

.bg-lime-a400 {
  background-color: #aeea00 !important;
}

.lime-50 {
  color: #f9fbe7 !important;
}

.lime-100 {
  color: #f0f4c3 !important;
}

.lime-200 {
  color: #e6ee9c !important;
}

.lime-300 {
  color: #dce775 !important;
}

.lime-400 {
  color: #d4e157 !important;
}

.lime-500 {
  color: #cddc39 !important;
}

.lime-600 {
  color: #c0ca33 !important;
}

.lime-700 {
  color: #afb42b !important;
}

.lime-800 {
  color: #9e9d24 !important;
}

.lime-900 {
  color: #827717 !important;
}

.lime-a100 {
  color: #f4ff81 !important;
}

.lime-a200 {
  color: #eeff41 !important;
}

.lime-a300 {
  color: #c6ff00 !important;
}

.lime-a400 {
  color: #aeea00 !important;
}

.bg-yellow-50 {
  background-color: #fffde7 !important;
}

.bg-yellow-100 {
  background-color: #fff9c4 !important;
}

.bg-yellow-200 {
  background-color: #fff59d !important;
}

.bg-yellow-300 {
  background-color: #fff176 !important;
}

.bg-yellow-400 {
  background-color: #ffee58 !important;
}

.bg-yellow-500 {
  background-color: #ffeb3b !important;
}

.bg-yellow-600 {
  background-color: #fdd835 !important;
}

.bg-yellow-700 {
  background-color: #fbc02d !important;
}

.bg-yellow-800 {
  background-color: #f9a825 !important;
}

.bg-yellow-900 {
  background-color: #f57f17 !important;
}

.bg-yellow-a100 {
  background-color: #ffff8d !important;
}

.bg-yellow-a200 {
  background-color: #ff0 !important;
}

.bg-yellow-a300 {
  background-color: #ffea00 !important;
}

.bg-yellow-a400 {
  background-color: #ffd600 !important;
}

.yellow-50 {
  color: #fffde7 !important;
}

.yellow-100 {
  color: #fff9c4 !important;
}

.yellow-200 {
  color: #fff59d !important;
}

.yellow-300 {
  color: #fff176 !important;
}

.yellow-400 {
  color: #ffee58 !important;
}

.yellow-500 {
  color: #ffeb3b !important;
}

.yellow-600 {
  color: #fdd835 !important;
}

.yellow-700 {
  color: #fbc02d !important;
}

.yellow-800 {
  color: #f9a825 !important;
}

.yellow-900 {
  color: #f57f17 !important;
}

.yellow-a100 {
  color: #ffff8d !important;
}

.yellow-a200 {
  color: #ff0 !important;
}

.yellow-a300 {
  color: #ffea00 !important;
}

.yellow-a400 {
  color: #ffd600 !important;
}

.bg-amber-50 {
  background-color: #fff8e1 !important;
}

.bg-amber-100 {
  background-color: #ffecb3 !important;
}

.bg-amber-200 {
  background-color: #ffe082 !important;
}

.bg-amber-300 {
  background-color: #ffd54f !important;
}

.bg-amber-400 {
  background-color: #ffca28 !important;
}

.bg-amber-500 {
  background-color: #ffc107 !important;
}

.bg-amber-600 {
  background-color: #ffb300 !important;
}

.bg-amber-700 {
  background-color: #ffa000 !important;
}

.bg-amber-800 {
  background-color: #ff8f00 !important;
}

.bg-amber-900 {
  background-color: #ff6f00 !important;
}

.bg-amber-a100 {
  background-color: #ffe57f !important;
}

.bg-amber-a200 {
  background-color: #ffd740 !important;
}

.bg-amber-a300 {
  background-color: #ffc400 !important;
}

.bg-amber-a400 {
  background-color: #ffab00 !important;
}

.amber-50 {
  color: #fff8e1 !important;
}

.amber-100 {
  color: #ffecb3 !important;
}

.amber-200 {
  color: #ffe082 !important;
}

.amber-300 {
  color: #ffd54f !important;
}

.amber-400 {
  color: #ffca28 !important;
}

.amber-500 {
  color: #ffc107 !important;
}

.amber-600 {
  color: #ffb300 !important;
}

.amber-700 {
  color: #ffa000 !important;
}

.amber-800 {
  color: #ff8f00 !important;
}

.amber-900 {
  color: #ff6f00 !important;
}

.amber-a100 {
  color: #ffe57f !important;
}

.amber-a200 {
  color: #ffd740 !important;
}

.amber-a300 {
  color: #ffc400 !important;
}

.amber-a400 {
  color: #ffab00 !important;
}

.bg-orange-50 {
  background-color: #fff3e0 !important;
}

.bg-orange-100 {
  background-color: #ffe0b2 !important;
}

.bg-orange-200 {
  background-color: #ffcc80 !important;
}

.bg-orange-300 {
  background-color: #ffb74d !important;
}

.bg-orange-400 {
  background-color: #ffa726 !important;
}

.bg-orange-500 {
  background-color: #ff9800 !important;
}

.bg-orange-600 {
  background-color: #fb8c00 !important;
}

.bg-orange-700 {
  background-color: #f57c00 !important;
}

.bg-orange-800 {
  background-color: #ef6c00 !important;
}

.bg-orange-900 {
  background-color: #e65100 !important;
}

.bg-orange-a100 {
  background-color: #ffd180 !important;
}

.bg-orange-a200 {
  background-color: #ffab40 !important;
}

.bg-orange-a300 {
  background-color: #ff9100 !important;
}

.bg-orange-a400 {
  background-color: #ff6d00 !important;
}

.orange-50 {
  color: #fff3e0 !important;
}

.orange-100 {
  color: #ffe0b2 !important;
}

.orange-200 {
  color: #ffcc80 !important;
}

.orange-300 {
  color: #ffb74d !important;
}

.orange-400 {
  color: #ffa726 !important;
}

.orange-500 {
  color: #ff9800 !important;
}

.orange-600 {
  color: #fb8c00 !important;
}

.orange-700 {
  color: #f57c00 !important;
}

.orange-800 {
  color: #ef6c00 !important;
}

.orange-900 {
  color: #e65100 !important;
}

.orange-a100 {
  color: #ffd180 !important;
}

.orange-a200 {
  color: #ffab40 !important;
}

.orange-a300 {
  color: #ff9100 !important;
}

.orange-a400 {
  color: #ff6d00 !important;
}

.bg-deep-orange-50 {
  background-color: #fbe9e7 !important;
}

.bg-deep-orange-100 {
  background-color: #ffccbc !important;
}

.bg-deep-orange-200 {
  background-color: #ffab91 !important;
}

.bg-deep-orange-300 {
  background-color: #ff8a65 !important;
}

.bg-deep-orange-400 {
  background-color: #ff7043 !important;
}

.bg-deep-orange-500 {
  background-color: #ff5722 !important;
}

.bg-deep-orange-600 {
  background-color: #f4511e !important;
}

.bg-deep-orange-700 {
  background-color: #e64a19 !important;
}

.bg-deep-orange-800 {
  background-color: #d84315 !important;
}

.bg-deep-orange-900 {
  background-color: #bf360c !important;
}

.bg-deep-orange-a100 {
  background-color: #ff9e80 !important;
}

.bg-deep-orange-a200 {
  background-color: #ff6e40 !important;
}

.bg-deep-orange-a300 {
  background-color: #ff3d00 !important;
}

.bg-deep-orange-a400 {
  background-color: #dd2c00 !important;
}

.deep-orange-50 {
  color: #fbe9e7 !important;
}

.deep-orange-100 {
  color: #ffccbc !important;
}

.deep-orange-200 {
  color: #ffab91 !important;
}

.deep-orange-300 {
  color: #ff8a65 !important;
}

.deep-orange-400 {
  color: #ff7043 !important;
}

.deep-orange-500 {
  color: #ff5722 !important;
}

.deep-orange-600 {
  color: #f4511e !important;
}

.deep-orange-700 {
  color: #e64a19 !important;
}

.deep-orange-800 {
  color: #d84315 !important;
}

.deep-orange-900 {
  color: #bf360c !important;
}

.deep-orange-a100 {
  color: #ff9e80 !important;
}

.deep-orange-a200 {
  color: #ff6e40 !important;
}

.deep-orange-a300 {
  color: #ff3d00 !important;
}

.deep-orange-a400 {
  color: #dd2c00 !important;
}

.bg-brown-50 {
  background-color: #efebe9 !important;
}

.bg-brown-100 {
  background-color: #d7ccc8 !important;
}

.bg-brown-200 {
  background-color: #bcaaa4 !important;
}

.bg-brown-300 {
  background-color: #a1887f !important;
}

.bg-brown-400 {
  background-color: #8d6e63 !important;
}

.bg-brown-500 {
  background-color: #795548 !important;
}

.bg-brown-600 {
  background-color: #6d4c41 !important;
}

.bg-brown-700 {
  background-color: #5d4037 !important;
}

.bg-brown-800 {
  background-color: #4e342e !important;
}

.bg-brown-900 {
  background-color: #3e2723 !important;
}

.brown-50 {
  color: #efebe9 !important;
}

.brown-100 {
  color: #d7ccc8 !important;
}

.brown-200 {
  color: #bcaaa4 !important;
}

.brown-300 {
  color: #a1887f !important;
}

.brown-400 {
  color: #8d6e63 !important;
}

.brown-500 {
  color: #795548 !important;
}

.brown-600 {
  color: #6d4c41 !important;
}

.brown-700 {
  color: #5d4037 !important;
}

.brown-800 {
  color: #4e342e !important;
}

.brown-900 {
  color: #3e2723 !important;
}

.bg-grey-50 {
  background-color: #fafafa !important;
}

.bg-grey-100 {
  background-color: #f5f5f5 !important;
}

.bg-grey-200 {
  background-color: #eee !important;
}

.bg-grey-300 {
  background-color: #e0e0e0 !important;
}

.bg-grey-400 {
  background-color: #bdbdbd !important;
}

.bg-grey-500 {
  background-color: #9e9e9e !important;
}

.bg-grey-600 {
  background-color: #252525 !important;
}

.bg-grey-700 {
  background-color: #616161 !important;
}

.bg-grey-800 {
  background-color: #424242 !important;
}

.bg-grey-900 {
  background-color: #212121 !important;
}

.grey-50 {
  color: #fafafa !important;
}

.grey-100 {
  color: #f5f5f5 !important;
}

.grey-200 {
  color: #eee !important;
}

.grey-300 {
  color: #e0e0e0 !important;
}

.grey-400 {
  color: #bdbdbd !important;
}

.grey-500 {
  color: #9e9e9e !important;
}

.grey-600 {
  color: #252525 !important;
}

.grey-700 {
  color: #616161 !important;
}

.grey-800 {
  color: #424242 !important;
}

.grey-900 {
  color: #212121 !important;
}

.bg-blue-grey-50 {
  background-color: #eceff1 !important;
}

.bg-blue-grey-100 {
  background-color: #cfd8dc !important;
}

.bg-blue-grey-200 {
  background-color: #b0bec5 !important;
}

.bg-blue-grey-300 {
  background-color: #90a4ae !important;
}

.bg-blue-grey-400 {
  background-color: #78909c !important;
}

.bg-blue-grey-500 {
  background-color: #607d8b !important;
}

.bg-blue-grey-600 {
  background-color: #546e7a !important;
}

.bg-blue-grey-700 {
  background-color: #455a64 !important;
}

.bg-blue-grey-800 {
  background-color: #37474f !important;
}

.bg-blue-grey-900 {
  background-color: #263238 !important;
}

.blue-grey-50 {
  color: #eceff1 !important;
}

.blue-grey-100 {
  color: #cfd8dc !important;
}

.blue-grey-200 {
  color: #b0bec5 !important;
}

.blue-grey-300 {
  color: #90a4ae !important;
}

.blue-grey-400 {
  color: #78909c !important;
}

.blue-grey-500 {
  color: #607d8b !important;
}

.blue-grey-600 {
  color: #546e7a !important;
}

.blue-grey-700 {
  color: #455a64 !important;
}

.blue-grey-800 {
  color: #37474f !important;
}

.blue-grey-900 {
  color: #263238 !important;
}

.bg-primary-50 {
  background-color: #e8eaf6 !important;
}

.bg-primary-100 {
  background-color: #c5cae9 !important;
}

.bg-primary-200 {
  background-color: #9fa8da !important;
}

.bg-primary-300 {
  background-color: #7986cb !important;
}

.bg-primary-400 {
  background-color: #5c6bc0 !important;
}

.bg-primary-500 {
  background-color: #3f51b5 !important;
}

.bg-primary-600 {
  background-color: #3949ab !important;
}

.bg-primary-700 {
  background-color: #303f9f !important;
}

.bg-primary-800 {
  background-color: #283593 !important;
}

.bg-primary-900 {
  background-color: #1a237e !important;
}

.primary-50 {
  color: #e8eaf6 !important;
}

.primary-100 {
  color: #c5cae9 !important;
}

.primary-200 {
  color: #9fa8da !important;
}

.primary-300 {
  color: #7986cb !important;
}

.primary-400 {
  color: #5c6bc0 !important;
}

.primary-500 {
  color: #3f51b5 !important;
}

.primary-600 {
  color: #3949ab !important;
}

.primary-700 {
  color: #303f9f !important;
}

.primary-800 {
  color: #283593 !important;
}

.primary-900 {
  color: #1a237e !important;
}

.black {
  color: #000 !important;
}

.white {
  color: #fff !important;
}

.bg-white {
  color: #252525;
  background-color: #fff;
}

.bg-primary {
  color: #fff;
  background-color: #3f51b5;
}

.bg-primary:hover {
  background-color: #606fc7;
}

.bg-primary a,
.bg-primary a.bg-primary {
  color: #fff;
}

.bg-primary a:hover,
.bg-primary a.bg-primary:hover {
  color: #fff;
}

.bg-success {
  color: #fff;
  background-color: #4caf50;
}

.bg-success:hover {
  background-color: #6ec071;
}

.bg-success a,
.bg-success a.bg-primary {
  color: #fff;
}

.bg-success a:hover,
.bg-success a.bg-primary:hover {
  color: #fff;
}

.bg-info {
  color: #fff;
  background-color: #00bcd4;
}

.bg-info:hover {
  background-color: #08e3ff;
}

.bg-info a,
.bg-info a.bg-info {
  color: #fff;
}

.bg-info a:hover,
.bg-info a.bg-info:hover {
  color: #fff;
}

.bg-warning {
  color: #fff;
  background-color: #ff9800;
}

.bg-warning:hover {
  background-color: #ffad33;
}

.bg-warning a,
.bg-warning a.bg-warning {
  color: #fff;
}

.bg-warning a:hover,
.bg-warning a.bg-warning:hover {
  color: #fff;
}

.bg-danger {
  color: #fff;
  background-color: #f44336;
}

.bg-danger:hover {
  background-color: #f77066;
}

.bg-danger a,
.bg-danger a.bg-danger {
  color: #fff;
}

.bg-danger a:hover,
.bg-danger a.bg-danger:hover {
  color: #fff;
}

.bg-dark {
  color: #fff;
  background-color: #616161;
}

.bg-dark:hover {
  background-color: #7b7b7b;
}

.bg-dark a,
.bg-dark a.bg-dark {
  color: #fff;
}

.bg-dark a:hover,
.bg-dark a.bg-dark:hover {
  color: #fff;
}

.social-facebook {
  color: #fff;
  background-color: #3b5998 !important;
}

.social-facebook:hover, .social-facebook:focus {
  color: #fff;
  background-color: #4c70ba !important;
}

.social-facebook:active, .social-facebook.active {
  color: #fff;
  background-color: #2d4373 !important;
}

.bg-facebook {
  background-color: #3b5998;
}

.social-twitter {
  color: #fff;
  background-color: #55acee !important;
}

.social-twitter:hover, .social-twitter:focus {
  color: #fff;
  background-color: #83c3f3 !important;
}

.social-twitter:active, .social-twitter.active {
  color: #fff;
  background-color: #2795e9 !important;
}

.bg-twitter {
  background-color: #55acee;
}

.social-google-plus {
  color: #fff;
  background-color: #dd4b39 !important;
}

.social-google-plus:hover, .social-google-plus:focus {
  color: #fff;
  background-color: #e47365 !important;
}

.social-google-plus:active, .social-google-plus.active {
  color: #fff;
  background-color: #c23321 !important;
}

.bg-google-plus {
  background-color: #dd4b39;
}

.social-linkedin {
  color: #fff;
  background-color: #0976b4 !important;
}

.social-linkedin:hover, .social-linkedin:focus {
  color: #fff;
  background-color: #0b96e5 !important;
}

.social-linkedin:active, .social-linkedin.active {
  color: #fff;
  background-color: #075683 !important;
}

.bg-linkedin {
  background-color: #0976b4;
}

.social-flickr {
  color: #fff;
  background-color: #ff0084 !important;
}

.social-flickr:hover, .social-flickr:focus {
  color: #fff;
  background-color: #ff339d !important;
}

.social-flickr:active, .social-flickr.active {
  color: #fff;
  background-color: #cc006a !important;
}

.bg-flickr {
  background-color: #ff0084;
}

.social-tumblr {
  color: #fff;
  background-color: #35465c !important;
}

.social-tumblr:hover, .social-tumblr:focus {
  color: #fff;
  background-color: #485f7c !important;
}

.social-tumblr:active, .social-tumblr.active {
  color: #fff;
  background-color: #222d3c !important;
}

.bg-tumblr {
  background-color: #35465c;
}

.social-xing {
  color: #fff;
  background-color: #024b4d !important;
}

.social-xing:hover, .social-xing:focus {
  color: #fff;
  background-color: #037b7f !important;
}

.social-xing:active, .social-xing.active {
  color: #fff;
  background-color: #011b1b !important;
}

.bg-xing {
  background-color: #024b4d;
}

.social-github {
  color: #fff;
  background-color: #4183c4 !important;
}

.social-github:hover, .social-github:focus {
  color: #fff;
  background-color: #689cd0 !important;
}

.social-github:active, .social-github.active {
  color: #fff;
  background-color: #3269a0 !important;
}

.bg-github {
  background-color: #4183c4;
}

.social-html5 {
  color: #fff;
  background-color: #e44f26 !important;
}

.social-html5:hover, .social-html5:focus {
  color: #fff;
  background-color: #ea7453 !important;
}

.social-html5:active, .social-html5.active {
  color: #fff;
  background-color: #bf3c18 !important;
}

.bg-html5 {
  background-color: #e44f26;
}

.social-openid {
  color: #fff;
  background-color: #f67d28 !important;
}

.social-openid:hover, .social-openid:focus {
  color: #fff;
  background-color: #f89b59 !important;
}

.social-openid:active, .social-openid.active {
  color: #fff;
  background-color: #e26309 !important;
}

.bg-openid {
  background-color: #f67d28;
}

.social-stack-overflow {
  color: #fff;
  background-color: #f86c01 !important;
}

.social-stack-overflow:hover, .social-stack-overflow:focus {
  color: #fff;
  background-color: #fe882e !important;
}

.social-stack-overflow:active, .social-stack-overflow.active {
  color: #fff;
  background-color: #c55601 !important;
}

.bg-stack-overflow {
  background-color: #f86c01;
}

.social-css3 {
  color: #fff;
  background-color: #1572b6 !important;
}

.social-css3:hover, .social-css3:focus {
  color: #fff;
  background-color: #1a8fe4 !important;
}

.social-css3:active, .social-css3.active {
  color: #fff;
  background-color: #105588 !important;
}

.bg-css3 {
  background-color: #1572b6;
}

.social-youtube {
  color: #fff;
  background-color: #b31217 !important;
}

.social-youtube:hover, .social-youtube:focus {
  color: #fff;
  background-color: #e1171d !important;
}

.social-youtube:active, .social-youtube.active {
  color: #fff;
  background-color: #850d11 !important;
}

.bg-youtube {
  background-color: #b31217;
}

.social-dribbble {
  color: #fff;
  background-color: #c32361 !important;
}

.social-dribbble:hover, .social-dribbble:focus {
  color: #fff;
  background-color: #dc3d7b !important;
}

.social-dribbble:active, .social-dribbble.active {
  color: #fff;
  background-color: #981b4b !important;
}

.bg-dribbble {
  background-color: #c32361;
}

.social-instagram {
  color: #fff;
  background-color: #3f729b !important;
}

.social-instagram:hover, .social-instagram:focus {
  color: #fff;
  background-color: #548cb9 !important;
}

.social-instagram:active, .social-instagram.active {
  color: #fff;
  background-color: #305777 !important;
}

.bg-instagram {
  background-color: #3f729b;
}

.social-pinterest {
  color: #fff;
  background-color: #cc2127 !important;
}

.social-pinterest:hover, .social-pinterest:focus {
  color: #fff;
  background-color: #e04046 !important;
}

.social-pinterest:active, .social-pinterest.active {
  color: #fff;
  background-color: #a01a1f !important;
}

.bg-pinterest {
  background-color: #cc2127;
}

.social-vk {
  color: #fff;
  background-color: #3d5a7d !important;
}

.social-vk:hover, .social-vk:focus {
  color: #fff;
  background-color: #4e739f !important;
}

.social-vk:active, .social-vk.active {
  color: #fff;
  background-color: #2c415b !important;
}

.bg-vk {
  background-color: #3d5a7d;
}

.social-yahoo {
  color: #fff;
  background-color: #350178 !important;
}

.social-yahoo:hover, .social-yahoo:focus {
  color: #fff;
  background-color: #4b01ab !important;
}

.social-yahoo:active, .social-yahoo.active {
  color: #fff;
  background-color: #1f0145 !important;
}

.bg-yahoo {
  background-color: #350178;
}

.social-behance {
  color: #fff;
  background-color: #1769ff !important;
}

.social-behance:hover, .social-behance:focus {
  color: #fff;
  background-color: #4a8aff !important;
}

.social-behance:active, .social-behance.active {
  color: #fff;
  background-color: #0050e3 !important;
}

.bg-behance {
  background-color: #024b4d;
}

.social-dropbox {
  color: #fff;
  background-color: #007ee5 !important;
}

.social-dropbox:hover, .social-dropbox:focus {
  color: #fff;
  background-color: #1998ff !important;
}

.social-dropbox:active, .social-dropbox.active {
  color: #fff;
  background-color: #0062b2 !important;
}

.bg-dropbox {
  background-color: #007ee5;
}

.social-reddit {
  color: #fff;
  background-color: #ff4500 !important;
}

.social-reddit:hover, .social-reddit:focus {
  color: #fff;
  background-color: #ff6a33 !important;
}

.social-reddit:active, .social-reddit.active {
  color: #fff;
  background-color: #cc3700 !important;
}

.bg-reddit {
  background-color: #ff4500;
}

.social-spotify {
  color: #fff;
  background-color: #7ab800 !important;
}

.social-spotify:hover, .social-spotify:focus {
  color: #fff;
  background-color: #9ceb00 !important;
}

.social-spotify:active, .social-spotify.active {
  color: #fff;
  background-color: #588500 !important;
}

.bg-spotify {
  background-color: #7ab800;
}

.social-vine {
  color: #fff;
  background-color: #00b488 !important;
}

.social-vine:hover, .social-vine:focus {
  color: #fff;
  background-color: #00e7af !important;
}

.social-vine:active, .social-vine.active {
  color: #fff;
  background-color: #008161 !important;
}

.bg-vine {
  background-color: #00b488;
}

.social-foursquare {
  color: #fff;
  background-color: #0cbadf !important;
}

.social-foursquare:hover, .social-foursquare:focus {
  color: #fff;
  background-color: #2ad0f4 !important;
}

.social-foursquare:active, .social-foursquare.active {
  color: #fff;
  background-color: #0992af !important;
}

.bg-foursquare {
  background-color: #0cbadf;
}

.social-vimeo {
  color: #fff;
  background-color: #1ab7ea !important;
}

.social-vimeo:hover, .social-vimeo:focus {
  color: #fff;
  background-color: #49c6ee !important;
}

.social-vimeo:active, .social-vimeo.active {
  color: #fff;
  background-color: #1295bf !important;
}

.bg-vimeo {
  background-color: #1ab7ea;
}

.social-skype {
  color: #fff;
  background-color: #77bcfd !important;
}

.social-skype:hover, .social-skype:focus {
  color: #fff;
  background-color: #a9d5fe !important;
}

.social-skype:active, .social-skype.active {
  color: #fff;
  background-color: #45a3fc !important;
}

.bg-skype {
  background-color: #77bcfd;
}

.social-evernote {
  color: #fff;
  background-color: #46bf8c !important;
}

.social-evernote:hover, .social-evernote:focus {
  color: #fff;
  background-color: #6ccca4 !important;
}

.social-evernote:active, .social-evernote.active {
  color: #fff;
  background-color: #369c71 !important;
}

.bg-evernote {
  background-color: #46bf8c;
}

.blocks,
[class*=blocks-] {
  padding: 0;
  margin: 0;
  margin-right: -1.0715rem;
  margin-left: -1.0715rem;
  font-size: 0;
  list-style: none;
}

.blocks > .block,
[class*=blocks-] > li,
[class*=blocks-] > .block {
  display: inline-block;
  padding-right: 1.0715rem;
  padding-left: 1.0715rem;
  margin-bottom: 2.143rem;
  font-size: var(--edc-fs-body);
  vertical-align: top;
}

.blocks.no-space,
[class*=blocks-].no-space {
  margin: 0;
}

.blocks.no-space > li,
.blocks.no-space > .block,
[class*=blocks-].no-space > li,
[class*=blocks-].no-space > .block {
  padding: 0;
  margin: 0;
}

.blocks-100 > .block,
.blocks-100 > li {
  width: 100%;
}

.blocks-2 > .block,
.blocks-2 > li {
  width: 50%;
}

.blocks-3 > .block,
.blocks-3 > li {
  width: 33.333333%;
}

.blocks-4 > .block,
.blocks-4 > li {
  width: 25%;
}

.blocks-5 > .block,
.blocks-5 > li {
  width: 20%;
}

.blocks-6 > .block,
.blocks-6 > li {
  width: 16.666667%;
}

.blocks-xs-100 > .block,
.blocks-xs-100 > li {
  width: 100%;
}

.blocks-xs-2 > .block,
.blocks-xs-2 > li {
  width: 50%;
}

.blocks-xs-3 > .block,
.blocks-xs-3 > li {
  width: 33.333333%;
}

.blocks-xs-4 > .block,
.blocks-xs-4 > li {
  width: 25%;
}

.blocks-xs-5 > .block,
.blocks-xs-5 > li {
  width: 20%;
}

.blocks-xs-6 > .block,
.blocks-xs-6 > li {
  width: 16.666667%;
}

@media (min-width: 480px) {
  .blocks-sm-100 > .block,
  .blocks-sm-100 > li {
    width: 100%;
  }
  .blocks-sm-2 > .block,
  .blocks-sm-2 > li {
    width: 50%;
  }
  .blocks-sm-3 > .block,
  .blocks-sm-3 > li {
    width: 33.333333%;
  }
  .blocks-sm-4 > .block,
  .blocks-sm-4 > li {
    width: 25%;
  }
  .blocks-sm-5 > .block,
  .blocks-sm-5 > li {
    width: 20%;
  }
  .blocks-sm-6 > .block,
  .blocks-sm-6 > li {
    width: 16.666667%;
  }
}
@media (min-width: 768px) {
  .blocks-md-100 > .block,
  .blocks-md-100 > li {
    width: 100%;
  }
  .blocks-md-2 > .block,
  .blocks-md-2 > li {
    width: 50%;
  }
  .blocks-md-3 > .block,
  .blocks-md-3 > li {
    width: 33.333333%;
  }
  .blocks-md-4 > .block,
  .blocks-md-4 > li {
    width: 25%;
  }
  .blocks-md-5 > .block,
  .blocks-md-5 > li {
    width: 20%;
  }
  .blocks-md-6 > .block,
  .blocks-md-6 > li {
    width: 16.666667%;
  }
}
@media (min-width: 992px) {
  .blocks-lg-100 > .block,
  .blocks-lg-100 > li {
    width: 100%;
  }
  .blocks-lg-2 > .block,
  .blocks-lg-2 > li {
    width: 50%;
  }
  .blocks-lg-3 > .block,
  .blocks-lg-3 > li {
    width: 33.333333%;
  }
  .blocks-lg-4 > .block,
  .blocks-lg-4 > li {
    width: 25%;
  }
  .blocks-lg-5 > .block,
  .blocks-lg-5 > li {
    width: 20%;
  }
  .blocks-lg-6 > .block,
  .blocks-lg-6 > li {
    width: 16.666667%;
  }
}
@media (min-width: 1200px) {
  .blocks-xl-100 > .block,
  .blocks-xl-100 > li {
    width: 100%;
  }
  .blocks-xl-2 > .block,
  .blocks-xl-2 > li {
    width: 50%;
  }
  .blocks-xl-3 > .block,
  .blocks-xl-3 > li {
    width: 33.333333%;
  }
  .blocks-xl-4 > .block,
  .blocks-xl-4 > li {
    width: 25%;
  }
  .blocks-xl-5 > .block,
  .blocks-xl-5 > li {
    width: 20%;
  }
  .blocks-xl-6 > .block,
  .blocks-xl-6 > li {
    width: 16.666667%;
  }
}
@media (min-width: 1600px) {
  .blocks-xxl-100 > .block,
  .blocks-xxl-100 > li {
    width: 100%;
  }
  .blocks-xxl-2 > .block,
  .blocks-xxl-2 > li {
    width: 50%;
  }
  .blocks-xxl-3 > .block,
  .blocks-xxl-3 > li {
    width: 33.333333%;
  }
  .blocks-xxl-4 > .block,
  .blocks-xxl-4 > li {
    width: 25%;
  }
  .blocks-xxl-5 > .block,
  .blocks-xxl-5 > li {
    width: 20%;
  }
  .blocks-xxl-6 > .block,
  .blocks-xxl-6 > li {
    width: 16.666667%;
  }
}
.avatar {
  position: relative;
  display: inline-block;
  width: 40px;
  white-space: nowrap;
  vertical-align: bottom;
  border-radius: 1000px;
}

.avatar i {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 100%;
}

.avatar img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0 none;
  border-radius: 1000px;
}

.avatar-online i {
  background-color: #4caf50;
}

.avatar-off i {
  background-color: #616161;
}

.avatar-busy i {
  background-color: #ff9800;
}

.avatar-away i {
  background-color: #f44336;
}

.avatar-100 {
  width: 100px;
}

.avatar-100 i {
  width: 20px;
  height: 20px;
}

.avatar-lg {
  width: 50px;
}

.avatar-lg i {
  width: 12px;
  height: 12px;
}

.avatar-sm {
  width: 30px;
}

.avatar-sm i {
  width: 8px;
  height: 8px;
}

.avatar-xs {
  width: 20px;
}

.avatar-xs i {
  width: 7px;
  height: 7px;
}

.status {
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 100%;
}

.status-online {
  background-color: #4caf50;
}

.status-off {
  background-color: #616161;
}

.status-busy {
  background-color: #ff9800;
}

.status-away {
  background-color: #f44336;
}

.status-lg {
  width: 14px;
  height: 14px;
}

.status-md {
  width: 10px;
  height: 10px;
}

.status-sm {
  width: 8px;
  height: 8px;
}

.status-xs {
  width: 7px;
  height: 7px;
}

.icon {
  position: relative;
  display: inline-block;
  font-style: normal;
  line-height: 1;
  transform: translate(0, 0);
  text-rendering: auto;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon.float-start {
  margin-right: 0.3em;
}

.icon.float-end {
  margin-left: 0.3em;
}

.icon-circle {
  position: relative;
  margin: 0.5em;
}

.icon-circle:before {
  position: relative;
  z-index: 1;
}

.icon-circle:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 2em;
  height: 2em;
  content: "";
  background-color: inherit;
  border-radius: 100%;
  transform: translate(-50%, -50%);
}

.icon-lg {
  font-size: 1.333333em;
  vertical-align: -15%;
}

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon-fw {
  width: 1.285714em;
  text-align: center;
}

.icon-ul {
  padding-left: 0;
  margin-left: 2.142857em;
  list-style-type: none;
}

.icon-ul > li {
  position: relative;
}

.icon-li {
  position: absolute;
  top: 0.142857em;
  left: -2.142857em;
  width: 2.142857em;
  text-align: center;
}

.icon-li.icon-lg {
  left: -1.857143em;
}

.icon-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #e0e0e0;
  border-radius: 0.1em;
}

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

.icon-spin-reverse {
  animation: icon-spin-reverse 2s infinite linear;
}

.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  transform: rotate(90deg);
}

.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  transform: rotate(180deg);
}

.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  transform: rotate(270deg);
}

.icon-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation, mirror=1);
  transform: scale(-1, 1);
}

.icon-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation, mirror=1);
  transform: scale(1, -1);
}

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.icon-stack-1x, .icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.icon-stack-1x {
  line-height: inherit;
}

.icon-stack-2x {
  font-size: 2em;
}

.icon-stack-inverse {
  color: #fff;
}

.icon-color {
  color: rgba(66, 66, 66, 0.4);
}

.icon-color:hover, .icon-color:focus {
  color: rgba(66, 66, 66, 0.6);
}

.icon-color.active, .icon-color:active {
  color: #424242;
}

.icon-color-alt {
  color: rgba(66, 66, 66, 0.6);
}

.icon-color-alt:hover, .icon-color-alt:focus {
  color: rgba(66, 66, 66, 0.8);
}

.icon-color-alt.active, .icon-color-alt:active {
  color: #424242;
}

:root-rotate-90, :root-rotate-180, :root-rotate-270, :root-flip-horizontal, :root-flip-vertical {
  filter: none;
  -webkit-filter: none;
}
@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes icon-spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
.hamburger {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  vertical-align: middle;
}

.hamburger, .hamburger:before,
.hamburger .hamburger-bar, .hamburger:after {
  transition: transform 0.2s ease-in-out;
}

.hamburger:before, .hamburger:after {
  content: "";
}

.hamburger:before,
.hamburger .hamburger-bar, .hamburger:after {
  display: block;
  width: 1em;
  height: 0.1em;
  margin: 0;
  background: #252525;
  border-radius: 1px;
}

.navbar-default .hamburger:before, .navbar-default .hamburger .hamburger-bar,
.navbar-default .hamburger:after {
  background: #252525;
}

.navbar-inverse .hamburger:before, .navbar-inverse .hamburger .hamburger-bar,
.navbar-inverse .hamburger:after {
  background: #fff;
}

.hamburger .hamburger-bar {
  margin: 0.2em 0;
}

.hamburger-close:before {
  transform: rotate(45deg);
  transform-origin: 8%;
}

.hamburger-close .hamburger-bar {
  opacity: 0;
}

.hamburger-close:after {
  transform: rotate(-45deg);
  transform-origin: 8%;
}

.hamburger-close.hided:before, .hamburger-close.collapsed:before {
  transform: rotate(0);
}

.hamburger-close.hided .hamburger-bar, .hamburger-close.collapsed .hamburger-bar {
  opacity: 1;
}

.hamburger-close.hided:after, .hamburger-close.collapsed:after {
  transform: rotate(0);
}

.hamburger-arrow-left.collapsed {
  transform: rotate(180deg);
}

.hamburger-arrow-left.collapsed:before {
  width: 0.6em;
  transform: translate3d(0.45em, 0.1em, 0) rotate(45deg);
}

.hamburger-arrow-left.collapsed .hamburger-bar {
  border-radius: 0.2em;
}

.hamburger-arrow-left.collapsed:after {
  width: 0.6em;
  transform: translate3d(0.45em, -0.1em, 0) rotate(-45deg);
}

.counter {
  text-align: center;
}

.counter > .counter-number,
.counter .counter-number-group {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  color: #424242;
}

.counter-label {
  display: block;
}

.counter-icon {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}

.counter-lg > .counter-number,
.counter-lg .counter-number-group {
  font-size: calc(var(--edc-fs-display) * 40 / 24);
}

.counter-lg .counter-icon {
  font-size: calc(var(--edc-fs-display) * 40 / 24);
}

.counter-md > .counter-number,
.counter-md .counter-number-group {
  font-size: calc(var(--edc-fs-display) * 30 / 24);
}

.counter-md .counter-icon {
  font-size: calc(var(--edc-fs-display) * 30 / 24);
}

.counter-sm > .counter-number,
.counter-sm .counter-number-group {
  font-size: var(--edc-fs-body);
}

.counter-sm .counter-icon {
  font-size: var(--edc-fs-body);
}

.counter-sm .counter-number-related + .counter-number,
.counter-sm .counter-number + .counter-number-related {
  margin-left: 0;
}

.counter-inverse {
  color: #fff;
}

.counter-inverse > .counter-number,
.counter-inverse .counter-number-group {
  color: #fff;
}

.counter-inverse .counter-icon {
  color: #fff;
}

.panel {
  position: relative;
  margin-bottom: 2.143rem;
  background-color: #fff;
  border: 0 solid transparent;
  border-radius: 0.286rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-content > .row {
  padding-right: 30px;
  padding-left: 30px;
}

.panel-content > .row > [class*=col-] {
  padding-right: 30px;
  padding-left: 30px;
}

.panel-heading {
  position: relative;
  padding: 0;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0.214rem;
  border-top-right-radius: 0.214rem;
}

.panel-heading + .alert {
  border-radius: 0;
}

.panel-heading > .nav-tabs {
  border-bottom: none;
}

.panel-heading-tab {
  padding: 10px 30px 0;
  background-color: #3f51b5;
}

.panel-heading-tab > .nav-tabs .nav-link {
  color: #fff;
}

.panel-heading-tab > .nav-tabs .nav-link.hover, .panel-heading-tab > .nav-tabs .nav-link:hover {
  color: #252525;
}

.panel-heading-tab > .nav-tabs .nav-link.active, .panel-heading-tab > .nav-tabs .nav-link:active {
  color: #252525;
  background-color: #fff;
}

.panel-heading + .nav-tabs {
  margin-top: -0.715rem;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-body {
  position: relative;
  padding: 30px 30px;
}

.panel-body::after {
  display: block;
  clear: both;
  content: "";
}

.panel-heading + .panel-body {
  padding-top: 0;
}

.panel-body h1:first-child, .panel-body h2:first-child, .panel-body h3:first-child, .panel-body h4:first-child, .panel-body h5:first-child, .panel-body h6:first-child,
.panel-body .h1:first-child, .panel-body .h2:first-child, .panel-body .h3:first-child, .panel-body .h4:first-child, .panel-body .h5:first-child, .panel-body .h6:first-child {
  margin-top: 0;
}

.panel-body > *:last-child {
  margin-bottom: 0;
}

.panel-body > .list-group-dividered:only-child > .list-group-item:last-child {
  border-bottom-color: transparent;
}

.panel-footer {
  padding: 0 30px 15px;
  background-color: transparent;
  border-top: 1px solid transparent;
  border-bottom-right-radius: 0.214rem;
  border-bottom-left-radius: 0.214rem;
}

.table + .panel-footer {
  padding-top: 15px;
  border-color: #e0e0e0;
}

.panel-title {
  display: block;
  padding: 20px 30px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--edc-fs-title);
  color: #424242;
}

.panel-title > .icon {
  margin-right: 10px;
}

.panel-title > .badge {
  margin-left: 10px;
}

.panel-title small,
.panel-title .small {
  color: #252525;
}

.panel-title > a,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-desc {
  display: block;
  padding: 5px 0 0;
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #252525;
}

.panel-actions {
  position: absolute;
  top: 50%;
  right: 30px;
  z-index: 1;
  margin: auto;
  transform: translate(0%, -50%);
}

@media (max-width: 479px) {
  .panel-actions {
    right: 20px;
  }
}
ul .panel-actions {
  list-style: none;
}

ul .panel-actions > li {
  display: inline-block;
  margin-left: 8px;
}

ul .panel-actions > li:first-child {
  margin-left: 0;
}

.panel-actions a.dropdown-toggle {
  text-decoration: none;
}

.panel-actions .dropdown {
  display: inline-block;
}

.panel-actions .dropdown-toggle {
  display: inline-block;
}

.panel-actions .panel-action {
  display: inline-block;
  padding: 8px 10px;
  color: #9e9e9e;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
}

.panel-actions .panel-action:hover {
  color: #616161;
}

.panel-actions .panel-action:active {
  color: #616161;
}

.panel-actions .panel-action[data-bs-toggle=dropdown]:not(.dropdown-toggle) {
  width: 34px;
  text-align: center;
}

.panel-actions .progress {
  width: 100px;
  margin: 0;
}

.panel-actions .pagination {
  margin: 0;
}

ul.panel-actions {
  list-style: none;
}

ul.panel-actions > li {
  display: inline-block;
  margin-left: 8px;
}

ul.panel-actions > li:first-child {
  margin-left: 0;
}

.panel-toolbar {
  padding: 5px 15px;
  margin: 0;
  background-color: transparent;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.panel-bordered .panel-toolbar {
  border-top-color: transparent;
}

.panel-toolbar .btn {
  padding: 5px 10px;
  color: #9e9e9e;
}

.panel-toolbar .btn.icon {
  width: 1em;
  text-align: center;
}

.panel-toolbar .btn:hover, .panel-toolbar .btn:active, .panel-toolbar .btn.active {
  color: #252525;
}

.panel-loading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 0.286rem;
  opacity: 0.6;
}

.panel-loading .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.panel > *:not(.panel-loading):not(.collapsing) {
  transition: opacity 0.3s;
}

.panel.is-loading > *:not(.panel-loading) {
  opacity: 0.3;
}

.panel.is-loading .panel-loading {
  display: block;
  opacity: 1;
}

.panel-footer-chart {
  padding: 0;
}

.panel-control {
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.panel-body.scrollable-vertical {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
  padding-right: 30px;
  padding-left: 30px;
}

@media (max-width: 479px) {
  .panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.panel-body.scrollable-vertical > .scrollable-bar {
  height: calc(100% - 30px);
  margin-top: 0;
  margin-bottom: 30px;
  transform: translateX(-26px);
}

.panel-bordered > .panel-body.scrollable-vertical > .scrollable-bar {
  height: calc(100% - 60px);
  margin-bottom: 30px;
}

.panel-body.scrollable-horizontal {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
  padding-top: 0;
  padding-bottom: 30px;
}

.panel-bordered > .panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
  padding-top: 30px;
  padding-bottom: 30px;
}

.panel-body.scrollable-horizontal > .scrollable-bar {
  width: calc(100% - 60px);
  margin-right: 30px;
  margin-left: 0;
  transform: translateY(-26px);
}

@media (max-width: 479px) {
  .panel-body.scrollable-horizontal > .scrollable-bar {
    width: calc(100% - 40px);
    margin-right: 20px;
  }
}
.panel-bordered > .panel-body.scrollable-horizontal > .scrollable-bar {
  transform: translateY(-26px);
}

.panel-bordered > .panel-heading {
  border-bottom: 1px solid #e0e0e0;
}

.panel-bordered-top {
  border-top: 1px solid #e0e0e0;
}

.panel-bordered > .panel-heading > .panel-title {
  padding-bottom: 20px;
}

.panel-bordered > .panel-footer {
  padding-top: 15px;
  border-top: 1px solid #e0e0e0;
}

.panel-bordered > .panel-body {
  padding-top: 30px;
}

.panel-bordered > .table > tbody:first-child > tr:first-child th,
.panel-bordered > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel.is-dragging {
  opacity: 0.8;
}

.panel.is-dragging {
  cursor: move;
}

.panel > .nav-tabs-vertical .nav-tabs {
  margin-left: -1px;
}

.panel > .nav-tabs-vertical .nav-tabs > li > a {
  border-left: none;
  border-radius: 0;
}

.panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse {
  margin-right: -1px;
}

.panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse > li > a {
  border-right: none;
  border-radius: 0;
}

.panel:hover .panel-actions .show-on-hover {
  display: inline-block;
}

.panel .panel-actions .show-on-hover {
  display: none;
}

.panel.is-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.panel.is-fullscreen .panel-loading {
  border-radius: 0;
}

.panel.is-fullscreen .panel-actions [data-toggle=collapse] {
  display: none;
}

.panel.is-close {
  display: none;
}

.panel.is-collapse .panel-body {
  display: none;
  height: 0;
}

.panel > .alert {
  padding-right: 30px;
  padding-left: 30px;
}

.panel > .alert-dismissible {
  padding-right: 50px;
}

@media (max-width: 479px) {
  .panel > .alert {
    padding-right: 20px;
    padding-left: 20px;
  }
  .panel > .alert-dismissible {
    padding-right: 40px;
  }
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 30px 30px;
  padding-left: 30px 30px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 0.214rem;
  border-top-right-radius: 0.214rem;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 0.214rem;
  border-top-right-radius: 0.214rem;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 0.214rem;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 0.214rem;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 0.214rem;
  border-bottom-left-radius: 0.214rem;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 0.214rem;
  border-bottom-left-radius: 0.214rem;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 0.214rem;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 0.214rem;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #e0e0e0;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel > .table > tr > td:first-child,
.panel > .table > tr > th:first-child, .panel > .table > thead > tr > td:first-child,
.panel > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child,
.panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child,
.panel > .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child,
.panel > .table-responsive .table > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child,
.panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tbody > tr > td:first-child,
.panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child,
.panel > .table-responsive .table > tfoot > tr > th:first-child {
  padding-left: 30px;
}

@media (max-width: 479px) {
  .panel > .table > tr > td:first-child,
  .panel > .table > tr > th:first-child, .panel > .table > thead > tr > td:first-child,
  .panel > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child,
  .panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child,
  .panel > .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child,
  .panel > .table-responsive .table > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child,
  .panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tbody > tr > td:first-child,
  .panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child,
  .panel > .table-responsive .table > tfoot > tr > th:first-child {
    padding-left: 20px;
  }
}
.panel > .table > tr > td:last-child,
.panel > .table > tr > th:last-child, .panel > .table > thead > tr > td:last-child,
.panel > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child,
.panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child,
.panel > .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child,
.panel > .table-responsive .table > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child,
.panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tbody > tr > td:last-child,
.panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child,
.panel > .table-responsive .table > tfoot > tr > th:last-child {
  padding-right: 30px;
}

@media (max-width: 479px) {
  .panel > .table > tr > td:last-child,
  .panel > .table > tr > th:last-child, .panel > .table > thead > tr > td:last-child,
  .panel > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child,
  .panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child,
  .panel > .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child,
  .panel > .table-responsive .table > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child,
  .panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tbody > tr > td:last-child,
  .panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child,
  .panel > .table-responsive .table > tfoot > tr > th:last-child {
    padding-right: 20px;
  }
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 1px solid #e0e0e0;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 0.214rem;
  border-top-right-radius: 0.214rem;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 0.214rem;
  border-bottom-left-radius: 0.214rem;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel > .list-group .list-group-item {
  padding-right: 30px;
  padding-left: 30px;
}

@media (max-width: 479px) {
  .panel > .list-group .list-group-item {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel-group {
  margin-bottom: 22px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0.286rem;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #e0e0e0;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #e0e0e0;
}

.panel.panel-transparent {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.panel.panel-transparent > .panel-heading, .panel.panel-transparent > .panel-footer {
  border-color: transparent;
}

.panel-default {
  border-color: #e0e0e0;
}

.panel-default > .panel-heading {
  color: #252525;
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e0e0e0;
}

.panel-default > .panel-heading .badge-pill {
  color: #e0e0e0;
  background-color: #252525;
}

.panel-default .panel-title {
  color: #252525;
}

.panel-default .panel-action {
  color: #252525;
}

.panel-default .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e0e0e0;
}

.panel-default .panel-title {
  color: #424242;
}

.panel-primary {
  border-color: #3f51b5;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #3f51b5;
  border-color: #3f51b5;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #3f51b5;
}

.panel-primary > .panel-heading .badge-pill {
  color: #3f51b5;
  background-color: #fff;
}

.panel-primary .panel-title {
  color: #fff;
}

.panel-primary .panel-action {
  color: #fff;
}

.panel-primary .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #3f51b5;
}

.panel-success {
  border-color: #509d44;
}

.panel-success > .panel-heading {
  color: #fff;
  background-color: #4caf50;
  border-color: #509d44;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #509d44;
}

.panel-success > .panel-heading .badge-pill {
  color: #4caf50;
  background-color: #fff;
}

.panel-success .panel-title {
  color: #fff;
}

.panel-success .panel-action {
  color: #fff;
}

.panel-success .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #509d44;
}

.panel-info {
  border-color: #00b0a7;
}

.panel-info > .panel-heading {
  color: #fff;
  background-color: #00bcd4;
  border-color: #00b0a7;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #00b0a7;
}

.panel-info > .panel-heading .badge-pill {
  color: #00bcd4;
  background-color: #fff;
}

.panel-info .panel-title {
  color: #fff;
}

.panel-info .panel-action {
  color: #fff;
}

.panel-info .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #00b0a7;
}

.panel-warning {
  border-color: #f06700;
}

.panel-warning > .panel-heading {
  color: #fff;
  background-color: #ff9800;
  border-color: #f06700;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f06700;
}

.panel-warning > .panel-heading .badge-pill {
  color: #ff9800;
  background-color: #fff;
}

.panel-warning .panel-title {
  color: #fff;
}

.panel-warning .panel-action {
  color: #fff;
}

.panel-warning .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f06700;
}

.panel-danger {
  border-color: #f3273c;
}

.panel-danger > .panel-heading {
  color: #fff;
  background-color: #f44336;
  border-color: #f3273c;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f3273c;
}

.panel-danger > .panel-heading .badge-pill {
  color: #f44336;
  background-color: #fff;
}

.panel-danger .panel-title {
  color: #fff;
}

.panel-danger .panel-action {
  color: #fff;
}

.panel-danger .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f3273c;
}

.panel-dark {
  border-color: #616161;
}

.panel-dark > .panel-heading {
  color: #fff;
  background-color: #616161;
  border-color: #616161;
}

.panel-dark > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #616161;
}

.panel-dark > .panel-heading .badge-pill {
  color: #616161;
  background-color: #fff;
}

.panel-dark .panel-title {
  color: #fff;
}

.panel-dark .panel-action {
  color: #fff;
}

.panel-dark .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #616161;
}

.panel-primary,
.panel-info,
.panel-success,
.panel-warning,
.panel-danger,
.panel-dark {
  border: none;
}

.panel-primary .panel-heading,
.panel-info .panel-heading,
.panel-success .panel-heading,
.panel-warning .panel-heading,
.panel-danger .panel-heading,
.panel-dark .panel-heading {
  border: none;
}

.panel-primary .panel-title,
.panel-info .panel-title,
.panel-success .panel-title,
.panel-warning .panel-title,
.panel-danger .panel-title,
.panel-dark .panel-title {
  color: #fff;
}

.panel-primary .panel-action,
.panel-info .panel-action,
.panel-success .panel-action,
.panel-warning .panel-action,
.panel-danger .panel-action,
.panel-dark .panel-action {
  color: #fff;
}

.panel-line .panel-heading {
  background: transparent;
  border: none;
  border-top: 3px solid transparent;
}

.panel-line.panel-default .panel-heading {
  color: #e0e0e0;
  background: transparent;
  border-top-color: #e0e0e0;
}

.panel-line.panel-default .panel-title {
  color: #e0e0e0;
}

.panel-line.panel-default .panel-action {
  color: #e0e0e0;
}

.panel-line.panel-default .panel-title {
  color: #424242;
}

.panel-line.panel-default .panel-action {
  color: #9e9e9e;
}

.panel-line.panel-primary .panel-heading {
  color: #3f51b5;
  background: transparent;
  border-top-color: #3f51b5;
}

.panel-line.panel-primary .panel-title {
  color: #3f51b5;
}

.panel-line.panel-primary .panel-action {
  color: #3f51b5;
}

.panel-line.panel-success .panel-heading {
  color: #4caf50;
  background: transparent;
  border-top-color: #4caf50;
}

.panel-line.panel-success .panel-title {
  color: #4caf50;
}

.panel-line.panel-success .panel-action {
  color: #4caf50;
}

.panel-line.panel-info .panel-heading {
  color: #00bcd4;
  background: transparent;
  border-top-color: #00bcd4;
}

.panel-line.panel-info .panel-title {
  color: #00bcd4;
}

.panel-line.panel-info .panel-action {
  color: #00bcd4;
}

.panel-line.panel-warning .panel-heading {
  color: #ff9800;
  background: transparent;
  border-top-color: #ff9800;
}

.panel-line.panel-warning .panel-title {
  color: #ff9800;
}

.panel-line.panel-warning .panel-action {
  color: #ff9800;
}

.panel-line.panel-danger .panel-heading {
  color: #f44336;
  background: transparent;
  border-top-color: #f44336;
}

.panel-line.panel-danger .panel-title {
  color: #f44336;
}

.panel-line.panel-danger .panel-action {
  color: #f44336;
}

.panel-line.panel-dark .panel-heading {
  color: #616161;
  background: transparent;
  border-top-color: #616161;
}

.panel-line.panel-dark .panel-title {
  color: #616161;
}

.panel-line.panel-dark .panel-action {
  color: #616161;
}

@media (max-width: 767px) {
  .panel-actions {
    position: relative;
    top: auto;
    right: auto;
    display: block;
    padding: 0 30px 15px;
    margin: auto;
    transform: none;
  }
  .panel-actions-keep {
    position: absolute;
    top: 50%;
    right: 30px;
    padding: 0;
    transform: translate(0%, -50%);
  }
}
@media (max-width: 479px) {
  .panel-actions {
    padding-left: 20px;
  }
  .panel-actions-keep {
    right: 15px;
  }
  .panel-actions .progress {
    min-width: 80px;
  }
  .panel-actions .show-on-hover {
    display: none;
  }
  .panel-title, .panel-body, .panel-footer {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.panel-group {
  margin-bottom: 22px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0.286rem;
  box-shadow: none;
}

.panel-group .panel + .panel {
  margin-top: 10px;
}

.panel-group .panel-title {
  position: relative;
  padding: 15px 45px 15px 30px;
  font-size: var(--edc-fs-body);
}

.panel-group .panel-title:before, .panel-group .panel-title:after {
  position: absolute;
  top: 15px;
  right: 30px;
  font-family: "Material-Design-Iconic-Font";
  transition: all 300ms linear 0s;
}

.panel-group .panel-title:before {
  content: "\f278";
}

.panel-group .panel-title:after {
  content: "\f273";
}

.panel-group .panel-title[aria-expanded=false]:before {
  opacity: 0.4;
}

.panel-group .panel-title[aria-expanded=false]:after {
  opacity: 0;
  transform: rotate(-180deg);
}

.panel-group .panel-title[aria-expanded=true]:before {
  opacity: 0;
  transform: rotate(180deg);
}

.panel-group .panel-title[aria-expanded=true]:after {
  opacity: 1;
}

.panel-group .panel-title:hover, .panel-group .panel-title:focus {
  color: #252525;
  text-decoration: none;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse {
  margin: 0;
}

.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #e0e0e0;
}

.panel-group .panel-collapse .panel-body {
  padding: 15px 30px;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #e0e0e0;
}

.panel-group .panel + .panel {
  margin-top: 10px;
}

.panel-group-continuous .panel {
  border-radius: 0;
}

.panel-group-continuous .panel:first-child {
  border-radius: 0.286rem 0.286rem 0 0;
}

.panel-group-continuous .panel:last-child {
  border-radius: 0 0 0.286rem 0.286rem;
}

.panel-group-continuous .panel + .panel {
  margin-top: 0;
  border-top: 1px solid #e0e0e0;
}

.panel-group-simple .panel {
  background: transparent;
  box-shadow: none;
}

.panel-group-simple .panel-title {
  padding-bottom: 10px;
  padding-left: 0;
}

.panel-group-simple .panel-title:before, .panel-group-simple .panel-title:after {
  right: 5px;
}

.panel-group-simple .panel-collapse .panel-body {
  padding-top: 10px;
  padding-right: 0;
  padding-left: 0;
}

.panel-group-simple .panel + .panel {
  margin-top: 0;
}

.cover {
  overflow: hidden;
}

.cover-background {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.cover-image {
  width: 100%;
}

.cover-quote,
.blockquote.cover-quote {
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  border-left: none;
}

.cover-quote:before, .cover-quote:after,
.blockquote.cover-quote:before,
.blockquote.cover-quote:after {
  position: absolute;
  top: -20px;
  font-size: 4em;
}

.cover-quote:before,
.blockquote.cover-quote:before {
  left: 0;
  content: open-quote;
}

.cover-quote:after,
.blockquote.cover-quote:after {
  right: 0;
  visibility: hidden;
  content: close-quote;
}

.cover-quote.blockquote-reverse,
.blockquote.cover-quote.blockquote-reverse {
  padding-right: 35px;
  padding-left: 20px;
  border-right: none;
}

.cover-quote.blockquote-reverse:before,
.blockquote.cover-quote.blockquote-reverse:before {
  right: 0;
  left: auto;
  content: close-quote;
}

.cover-gallery .carousel-inner img {
  width: 100%;
}

.cover-iframe {
  width: 100%;
  border: 0 none;
}

/* ========================================================================
   Component: Overlay
 ========================================================================== */
.overlay {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
  transform: translateZ(0);
}

.overlay-figure {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}

/* Sub-object `overlay-panel`
 ========================================================================== */
.overlay-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px;
  color: #fff;
}

.overlay-panel a:not([class]) {
  color: inherit;
  text-decoration: underline;
}

.overlay-panel > :last-child {
  margin-bottom: 0;
}

.overlay-panel h1, .overlay-panel h2, .overlay-panel h3, .overlay-panel h4, .overlay-panel h5, .overlay-panel h6 {
  color: inherit;
}

/* Sub-object `overlay-hover`
 ========================================================================== */
.overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) {
  opacity: 0;
}

/* Modifier `overlay-background`
 ========================================================================== */
.overlay-background {
  background: rgba(0, 0, 0, 0.5);
}

/* Modifier `overlay-image`
 ========================================================================== */
.overlay-image {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

/* Modifier `overlay-shade`
 ========================================================================== */
.overlay-shade {
  background: transparent linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.87) 90%, #fff 100%) repeat scroll 0 0;
}

/* Position modifiers
 ========================================================================== */
.overlay-top {
  bottom: auto;
}

.overlay-bottom {
  top: auto;
}

.overlay-left {
  right: auto;
}

.overlay-right {
  left: auto;
}

/* Sub-object `overlay-icon`
 ========================================================================== */
.overlay-icon {
  font-size: 0;
  text-align: center;
}

.overlay-icon:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}

.overlay-icon .icon {
  display: inline-block;
  width: 2.286rem;
  height: 2.286rem;
  margin-right: 10px;
  margin-left: 10px;
  font-size: calc(var(--edc-fs-display) * 32.004 / 24);
  line-height: 1;
  color: #fff;
  text-decoration: none;
}

/* Sub-object `overlay-anchor`
 ========================================================================== */
.overlay-anchor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* Transitions
 ========================================================================== */
.overlay-fade,
.overlay-scale,
.overlay-spin,
.overlay-grayscale,
.overlay-blur,
[class*=overlay-slide] {
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
  transition-property: opacity transform filter;
}

.overlay-fade {
  opacity: 0.7;
}

.overlay-hover:hover .overlay-fade {
  opacity: 1;
}

.overlay-scale {
  transform: scale(1);
}

.overlay-hover:hover .overlay-scale {
  transform: scale(1.1);
}

.overlay-spin {
  transform: scale(1) rotate(0deg);
}

.overlay-hover:hover .overlay-spin {
  transform: scale(1.1) rotate(3deg);
}

.overlay-grayscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.overlay-hover:hover .overlay-grayscale {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

[class*=overlay-slide] {
  opacity: 0;
}

/* Top */
.overlay-slide-top {
  transform: translateY(-100%);
}

/* Bottom */
.overlay-slide-bottom {
  transform: translateY(100%);
}

/* Left */
.overlay-slide-left {
  transform: translateX(-100%);
}

/* Right */
.overlay-slide-right {
  transform: translateX(100%);
}

/* Hover */
.overlay-hover:hover [class*=overlay-slide] {
  opacity: 1;
  transform: translateX(0) translateY(0);
}

.comments {
  padding: 0;
  margin: 0;
}

.comments .comment {
  border: none;
  border-bottom: 1px solid #e0e0e0;
}

.comments .comment .comment:first-child {
  border-top: 1px solid #e0e0e0;
}

.comments .comment .comment:last-child {
  border-bottom: none;
}

.comment {
  padding: 20px 0;
  margin: 0;
}

.comment .comment {
  padding-bottom: 20px;
  margin-top: 20px;
}

.comment .comment:last-child {
  padding-bottom: 0;
}

.comment-author, .comment-author:hover, .comment-author:focus {
  color: #424242;
}

.comment-meta {
  display: inline-block;
  margin-left: 5px;
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  color: #9e9e9e;
}

.comment-content {
  margin-top: 5px;
}

.comment-content p:last-child {
  margin-bottom: 0;
}

.comment-actions {
  margin-top: 10px;
  text-align: right;
}

.comment-actions a {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.comment-actions a.icon {
  text-decoration: none;
}

.comment-actions a:last-child {
  margin-right: 0;
}

.comment-reply {
  margin: 22px 0 10px;
}

.comment-reply .form-group:last-child {
  margin-bottom: 0;
}

.chat-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
}

.chats {
  padding: 30px 15px;
}

.chat-avatar {
  float: right;
}

.chat-avatar .avatar {
  width: 30px;
}

.chat-body {
  display: block;
  margin: 10px 30px 0 0;
  overflow: hidden;
}

.chat-body:first-child {
  margin-top: 0;
}

.chat-content {
  position: relative;
  display: block;
  float: right;
  padding: 8px 15px;
  margin: 0 20px 10px 0;
  clear: both;
  color: #fff;
  background-color: #3f51b5;
  border-radius: 0.286rem;
}

.chat-content:before {
  position: absolute;
  top: 10px;
  right: -10px;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  border-left-color: #3f51b5;
}

.chat-content p {
  margin-bottom: 0.5rem;
}

.chat-content > p:last-child {
  margin-bottom: 0;
}

.chat-content + .chat-content:before {
  border-color: transparent;
}

.chat-time {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.6);
}

.chat-left .chat-avatar {
  float: left;
}

.chat-left .chat-body {
  margin-right: 0;
  margin-left: 30px;
}

.chat-left .chat-content {
  float: left;
  margin: 0 0 10px 20px;
  color: #252525;
  background-color: #ebebeb;
}

.chat-left .chat-content:before {
  right: auto;
  left: -10px;
  border-right-color: #ebebeb;
  border-left-color: transparent;
}

.chat-left .chat-content + .chat-content:before {
  border-color: transparent;
}

.chat-left .chat-time {
  color: #9e9e9e;
}

.steps {
  display: flex;
  margin: 0 0 22px;
  flex-wrap: wrap;
}

.step {
  position: relative;
  padding: 12px 20px;
  margin: 0;
  font-size: inherit;
  color: #9e9e9e;
  vertical-align: top;
  background-color: #eee;
  border-radius: 0;
}

.step-icon {
  float: left;
  margin-right: 0.5em;
  font-size: calc(var(--edc-fs-display) * 27 / 24);
}

.step-number {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 40px;
  height: 40px;
  font-size: var(--edc-fs-display);
  line-height: 40px;
  color: #fff;
  text-align: center;
  background: #e0e0e0;
  border-radius: 50%;
  transform: translateY(-50%);
}

.step-number ~ .step-desc {
  min-height: 40px;
  margin-left: 50px;
}

.step-title {
  margin-bottom: 0;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  color: #616161;
}

.step-desc {
  text-align: left;
}

.step-desc p {
  margin-bottom: 0;
}

.steps-vertical {
  flex-direction: column;
}

.step.current, .step.active {
  color: #fff;
  background-color: #3f51b5;
}

.step.current .step-title, .step.active .step-title {
  color: #fff;
}

.step.current .step-number, .step.active .step-number {
  color: #3f51b5;
  background-color: #fff;
}

.step.disabled {
  color: #bdbdbd;
  pointer-events: none;
  cursor: auto;
}

.step.disabled .step-title {
  color: #bdbdbd;
}

.step.disabled .step-number {
  background-color: #bdbdbd;
}

.step.error {
  color: #fff;
  background-color: #f44336;
}

.step.error .step-title {
  color: #fff;
}

.step.error .step-number {
  color: #f44336;
  background-color: #fff;
}

.step.done {
  color: #fff;
  background-color: #4caf50;
}

.step.done .step-title {
  color: #fff;
}

.step.done .step-number {
  color: #4caf50;
  background-color: #fff;
}

.steps-lg .step {
  padding: 20px 20px;
  font-size: var(--edc-fs-heading);
}

.steps-lg .step-icon {
  font-size: calc(var(--edc-fs-display) * 32 / 24);
}

.steps-lg .step-title {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
}

.steps-lg .step-number {
  width: 46px;
  height: 46px;
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  line-height: 46px;
}

.steps-lg .step-number ~ .step-desc {
  min-height: 46px;
  margin-left: 56px;
}

.steps-sm .step {
  font-size: var(--edc-fs-label);
}

.steps-sm .step-icon {
  font-size: var(--edc-fs-display);
}

.steps-sm .step-title {
  font-size: var(--edc-fs-title);
}

.steps-sm .step-number {
  width: 30px;
  height: 30px;
  font-size: var(--edc-fs-display);
  line-height: 30px;
}

.steps-sm .step-number ~ .step-desc {
  min-height: 30px;
  margin-left: 40px;
}

.steps-xs .step {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
}

.steps-xs .step-icon {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
}

.steps-xs .step-title {
  font-size: var(--edc-fs-heading);
}

.steps-xs .step-number {
  width: 24px;
  height: 24px;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  line-height: 24px;
}

.steps-xs .step-number ~ .step-desc {
  min-height: 24px;
  margin-left: 34px;
}

.pearls {
  display: flex;
  margin: 0 0 22px;
  flex-wrap: wrap;
}

.pearl {
  position: relative;
  padding: 0;
  margin: 0;
  text-align: center;
}

.pearl:before, .pearl:after {
  position: absolute;
  top: 18px;
  z-index: 0;
  width: 50%;
  height: 4px;
  content: "";
  background-color: #eee;
}

.pearl:before {
  left: 0;
}

.pearl:after {
  right: 0;
}

.pearl:first-child:before, .pearl:last-child:after {
  display: none !important;
}

.pearl-number, .pearl-icon {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  background: #bdbdbd;
  border: 2px solid #bdbdbd;
  border-radius: 50%;
}

.pearl-number {
  font-size: var(--edc-fs-title);
}

.pearl-icon {
  font-size: var(--edc-fs-title);
}

.pearl-title {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0;
  overflow: hidden;
  font-size: var(--edc-fs-body);
  color: #616161;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pearl.current:before, .pearl.current:after, .pearl.active:before, .pearl.active:after {
  background-color: #3f51b5;
}

.pearl.current .pearl-number, .pearl.current .pearl-icon, .pearl.active .pearl-number, .pearl.active .pearl-icon {
  color: #3f51b5;
  background-color: #fff;
  border-color: #3f51b5;
  transform: scale(1.3);
}

.pearl.disabled {
  pointer-events: none;
  cursor: auto;
}

.pearl.disabled:before, .pearl.disabled:after {
  background-color: #eee;
}

.pearl.disabled .pearl-number, .pearl.disabled .pearl-icon {
  color: #fff;
  background-color: #bdbdbd;
  border-color: #bdbdbd;
}

.pearl.error:before {
  background-color: #3f51b5;
}

.pearl.error:after {
  background-color: #eee;
}

.pearl.error .pearl-number, .pearl.error .pearl-icon {
  color: #f44336;
  background-color: #fff;
  border-color: #f44336;
}

.pearl.done:before, .pearl.done:after {
  background-color: #3f51b5;
}

.pearl.done .pearl-number, .pearl.done .pearl-icon {
  color: #fff;
  background-color: #3f51b5;
  border-color: #3f51b5;
}

.pearls-lg .pearl:before, .pearls-lg .pearl:after {
  top: 20px;
}

.pearls-lg .pearl-title {
  font-size: var(--edc-fs-title);
}

.pearls-lg .pearl-number, .pearls-lg .pearl-icon {
  width: 40px;
  height: 40px;
  line-height: 36px;
}

.pearls-lg .pearl-icon {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}

.pearls-lg .pearl-number {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}

.pearls-sm .pearl:before, .pearls-sm .pearl:after {
  top: 16px;
}

.pearls-sm .pearl-title {
  font-size: var(--edc-fs-body);
}

.pearls-sm .pearl-number, .pearls-sm .pearl-icon {
  width: 32px;
  height: 32px;
  line-height: 28px;
}

.pearls-sm .pearl-number {
  font-size: var(--edc-fs-heading);
}

.pearls-sm .pearl-icon {
  font-size: var(--edc-fs-body);
}

.pearls-xs .pearl:before, .pearls-xs .pearl:after {
  top: 12px;
  height: 2px;
}

.pearls-xs .pearl-title {
  font-size: var(--edc-fs-label);
}

.pearls-xs .pearl-number, .pearls-xs .pearl-icon {
  width: 24px;
  height: 24px;
  line-height: 20px;
}

.pearls-xs .pearl-number {
  font-size: var(--edc-fs-label);
}

.pearls-xs .pearl-icon {
  font-size: var(--edc-fs-label);
}

.timeline {
  position: relative;
  padding: 0;
  margin-bottom: 22px;
  list-style: none;
  background: transparent;
}

.timeline:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
  content: "";
  background-color: #e0e0e0;
}

.timeline::after {
  display: block;
  clear: both;
  content: "";
}

.timeline:not(.timeline-single) .timeline-item:first-child + .timeline-item,
.timeline:not(.timeline-single) .timeline-period + .timeline-item + .timeline-item {
  margin-top: 90px;
}

.timeline-item {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  padding-right: 40px;
  margin-bottom: 60px;
}

.timeline-item:not(.timeline-period)::after {
  display: block;
  clear: both;
  content: "";
}

.timeline-item.timeline-reverse {
  float: right;
  padding-right: 0;
  padding-left: 40px;
  clear: right;
}

.timeline-item:last-child {
  margin-bottom: 0;
}

.timeline-period {
  position: relative;
  z-index: 6;
  display: block;
  padding: 25px 10px;
  margin: 20px auto 30px;
  clear: both;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  text-align: center;
  text-transform: uppercase;
  background: #f1f4f5;
}

.timeline-content {
  width: 100%;
  overflow: hidden;
}

.timeline-dot {
  position: absolute;
  top: 7.5px;
  right: 0;
  z-index: 11;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #3f51b5;
  border-radius: 50%;
}

.timeline-reverse .timeline-dot {
  right: auto;
  left: 0;
  margin-right: 0;
}

.timeline .timeline-dot {
  width: 14px;
  height: 14px;
  margin-right: -7px;
  line-height: 14px;
}

.timeline .timeline-reverse .timeline-dot {
  margin-left: -7px;
}

.timeline.timeline-single {
  margin-left: 7px;
}

.timeline.timeline-single .timeline-dot {
  margin-left: -7px;
}

@media (max-width: 767px) {
  .timeline {
    margin-left: 7px;
  }
  .timeline .timeline-dot {
    margin-left: -7px;
  }
}
.timeline-info {
  float: right;
  padding: 0 20px;
  margin-bottom: 22px;
  line-height: 28px;
  text-align: center;
  background: #e0e0e0;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
}

.timeline-reverse .timeline-info {
  float: left;
}

.timeline-footer {
  position: absolute;
  right: 0;
  bottom: -30px;
  margin-right: 55px;
}

.timeline-footer .icon {
  margin-right: 0.3em;
}

.timeline-reverse .timeline-footer {
  right: auto;
  left: 0;
  margin-right: 0;
  margin-left: 55px;
}

.timeline-reverse + .timeline-reverse {
  margin-top: 0;
}

@media (max-width: 767px) {
  .timeline:before {
    left: 0;
  }
  .timeline-item, .timeline-item.timeline-reverse {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 40px;
    margin-top: 0;
    margin-bottom: 60px;
  }
  .timeline-dot {
    right: auto;
    left: 0;
    margin-right: 0;
    margin-left: -7px;
  }
  .timeline-info {
    display: inline-block;
    float: none;
  }
  .timeline-footer {
    right: auto;
    bottom: -26px;
    left: 0;
    margin-right: 0;
    margin-left: 40px;
  }
}
.timeline-single:before {
  left: 0;
}

.timeline-single .timeline-item {
  float: none;
  width: 100%;
  padding-right: 0;
  padding-left: 40px;
  margin-bottom: 60px;
}

.timeline-single .timeline-dot {
  right: auto;
  left: 0;
  margin-right: 0;
  margin-left: -7px;
}

.timeline-single .timeline-info {
  float: left;
}

.timeline-single .timeline-footer {
  right: auto;
  bottom: -26px;
  left: 0;
  margin-right: 0;
  margin-left: 40px;
}

.timeline-icon .timeline-dot {
  width: 40px;
  height: 40px;
  margin-right: -20px;
  line-height: 40px;
}

.timeline-icon .timeline-reverse .timeline-dot {
  margin-left: -20px;
}

.timeline-icon.timeline-single {
  margin-left: 20px;
}

.timeline-icon.timeline-single .timeline-dot {
  margin-left: -20px;
}

@media (max-width: 767px) {
  .timeline-icon {
    margin-left: 20px;
  }
  .timeline-icon .timeline-dot {
    margin-left: -20px;
  }
}
.timeline-icon .timeline-dot {
  top: -5.5px;
}

.timeline-avatar .timeline-dot {
  width: 40px;
  height: 40px;
  margin-right: -20px;
  line-height: 40px;
}

.timeline-avatar .timeline-reverse .timeline-dot {
  margin-left: -20px;
}

.timeline-avatar.timeline-single {
  margin-left: 20px;
}

.timeline-avatar.timeline-single .timeline-dot {
  margin-left: -20px;
}

@media (max-width: 767px) {
  .timeline-avatar {
    margin-left: 20px;
  }
  .timeline-avatar .timeline-dot {
    margin-left: -20px;
  }
}
.timeline-avatar-sm .timeline-dot {
  width: 30px;
  height: 30px;
  margin-right: -15px;
  line-height: 30px;
}

.timeline-avatar-sm .timeline-reverse .timeline-dot {
  margin-left: -15px;
}

.timeline-avatar-sm.timeline-single {
  margin-left: 15px;
}

.timeline-avatar-sm.timeline-single .timeline-dot {
  margin-left: -15px;
}

@media (max-width: 767px) {
  .timeline-avatar-sm {
    margin-left: 15px;
  }
  .timeline-avatar-sm .timeline-dot {
    margin-left: -15px;
  }
}
.timeline-avatar-lg .timeline-dot {
  width: 50px;
  height: 50px;
  margin-right: -25px;
  line-height: 50px;
}

.timeline-avatar-lg .timeline-reverse .timeline-dot {
  margin-left: -25px;
}

.timeline-avatar-lg.timeline-single {
  margin-left: 25px;
}

.timeline-avatar-lg.timeline-single .timeline-dot {
  margin-left: -25px;
}

@media (max-width: 767px) {
  .timeline-avatar-lg {
    margin-left: 25px;
  }
  .timeline-avatar-lg .timeline-dot {
    margin-left: -25px;
  }
}
.timeline-simple .timeline-dot {
  top: 0;
  margin-top: 10px;
}

.timeline-feed .timeline-dot {
  width: 30px;
  height: 30px;
  margin-right: -15px;
  line-height: 30px;
}

.timeline-feed .timeline-reverse .timeline-dot {
  margin-left: -15px;
}

.timeline-feed.timeline-single {
  margin-left: 15px;
}

.timeline-feed.timeline-single .timeline-dot {
  margin-left: -15px;
}

@media (max-width: 767px) {
  .timeline-feed {
    margin-left: 15px;
  }
  .timeline-feed .timeline-dot {
    margin-left: -15px;
  }
}
.timeline-feed.timeline-simple .timeline-dot {
  margin-top: 5px;
}

.timeline-feed .timeline-item {
  padding-right: 30px;
  margin-bottom: 22px;
}

.timeline-feed .timeline-item.timeline-reverse {
  padding-left: 30px;
}

.timeline-feed.timeline-single .timeline-item {
  padding-left: 30px;
}

@media (max-width: 767px) {
  .timeline-feed .timeline-item {
    padding-right: 30px;
    margin-bottom: 22px;
  }
}
.testimonial {
  margin: 3px 3px 22px;
}

.testimonial-ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.testimonial-item {
  float: left;
  padding: 0 15px 30px;
  margin: 0;
}

.testimonial-content {
  position: relative;
  padding: 15px 20px;
  margin-top: 10px;
  margin-bottom: 25px;
  background-color: #eee;
  border-radius: 0.215rem;
}

.testimonial-content:before {
  position: absolute;
  bottom: -7px;
  left: 33px;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
  background-color: #eee;
  transform: rotate(45deg);
}

.testimonial-content > p:last-child {
  margin-bottom: 0;
}

.testimonial-image {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-left: 20px;
}

.testimonial-author {
  display: block;
  margin-left: 75px;
  font-size: var(--edc-fs-title);
}

.testimonial-company {
  display: block;
  margin-left: 75px;
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  opacity: 0.8;
}

.testimonial-control a {
  color: #bdbdbd;
}

.testimonial-control a:hover {
  color: #3f51b5;
  text-decoration: none;
}

.testimonial-reverse .testimonial-content:before {
  right: 33px;
  left: auto;
}

.testimonial-reverse .testimonial-image {
  float: right;
  margin-right: 20px;
  margin-left: 0;
}

.testimonial-reverse .testimonial-author,
.testimonial-reverse .testimonial-company {
  margin-right: 75px;
  margin-left: 0;
  text-align: right;
}

.testimonial-top .testimonial-item {
  padding: 30px 15px 0;
}

.testimonial-top .testimonial-content {
  margin-top: 30px;
  margin-bottom: 10px;
}

.testimonial-top .testimonial-content:before {
  top: -7px;
  bottom: auto;
}

.testimonial.carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.testimonial.carousel .testimonial-item {
  position: relative;
  display: none;
  width: 100%;
  padding: 10px;
  transition: left 0.6s ease-in-out 0s;
}

.testimonial.carousel .testimonial-item.active, .testimonial.carousel .testimonial-item.next, .testimonial.carousel .testimonial-item.prev {
  display: block;
}

.testimonial.carousel .testimonial-item.next, .testimonial.carousel .testimonial-item.prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.testimonial.carousel .testimonial-item.next {
  left: 100%;
}

.testimonial.carousel .testimonial-item.prev {
  left: -100%;
}

.testimonial.carousel .testimonial-item.next.left, .testimonial.carousel .testimonial-item.prev.right {
  left: 0;
}

.testimonial.carousel .testimonial-item.active {
  left: 0;
}

.testimonial.carousel .testimonial-item.active.left {
  left: -100%;
}

.testimonial.carousel .testimonial-item.active.right {
  left: 100%;
}

.testimonial.carousel .testimonial-content {
  padding: 10px;
}

.testimonial.carousel .testimonial-control {
  position: absolute;
  right: 10px;
  bottom: 20px;
}

.testimonial.carousel .testimonial-control > * {
  margin-left: 10px;
}

.testimonial.carousel.testimonial-reverse .testimonial-control {
  right: auto;
  left: 10px;
}

.testimonial.carousel.testimonial-reverse .testimonial-control > * {
  margin-right: 10px;
  margin-left: 0;
}

.testimonial.carousel.testimonial-top .testimonial-control {
  top: 20px;
  bottom: auto;
}

.pricing-list {
  margin-bottom: 22px;
  text-align: center;
  border-radius: 0.215rem;
  box-shadow: 0 2px 16px 1px rgba(0, 0, 0, 0.1);
}

.pricing-list [class^=bg-],
.pricing-list [class^=bg-] *,
.pricing-list [class*=bg-],
.pricing-list [class*=bg-] * {
  color: #fff;
}

.pricing-list .pricing-header {
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0.215rem 0.215rem 0 0;
}

.pricing-list .pricing-title {
  padding: 15px 30px;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 0.215rem 0.215rem 0 0;
}

.pricing-list .pricing-price {
  padding: 20px 30px;
  margin: 0;
  font-size: calc(var(--edc-fs-display) * 54.012 / 24);
  font-weight: 500;
  color: #424242;
}

.pricing-list .pricing-period {
  font-size: var(--edc-fs-body);
  font-weight: 300;
}

.pricing-list .pricing-features {
  padding: 0 18px;
  margin: 0;
}

.pricing-list .pricing-features li {
  display: block;
  padding: 15px;
  list-style: none;
  border-top: 1px dashed #e0e0e0;
}

.pricing-list .pricing-features li:first-child {
  border-top: none;
}

.pricing-list .pricing-footer {
  padding: 30px;
  border-radius: 0 0 0.215rem 0.215rem;
}

.pricing-table {
  padding-top: 30px;
  text-align: center;
}

.pricing-table::after {
  display: block;
  clear: both;
  content: "";
}

.pricing-table [class*=pricing-column] {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  background-color: #eee;
  border: 1px solid #e0e0e0;
  border-right: none;
}

.pricing-table [class*=pricing-column]:last-child {
  border-right: 1px solid #e0e0e0;
}

.pricing-table [class*=pricing-column].featured {
  position: relative;
  margin-right: -1px;
  background-color: #fff;
  border-right: 1px solid #e0e0e0;
}

.pricing-table .pricing-header {
  padding-bottom: 24px;
  margin: 30px 30px 25px;
  border-bottom: 1px solid #e0e0e0;
}

.pricing-table .pricing-price {
  font-size: calc(var(--edc-fs-display) * 48 / 24);
}

.pricing-table .pricing-currency {
  display: inline-block;
  margin-top: 10px;
  margin-right: -10px;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  vertical-align: top;
}

.pricing-table .pricing-period {
  font-size: var(--edc-fs-heading);
}

.pricing-table .pricing-title {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  text-transform: uppercase;
  letter-spacing: 2px;
}

.pricing-table .pricing-features {
  padding: 0;
  margin: 0;
}

.pricing-table .pricing-features li {
  display: block;
  margin-bottom: 20px;
  font-size: var(--edc-fs-body);
  list-style: none;
}

.pricing-table .pricing-footer {
  padding: 20px 0;
  margin: 25px 30px 30px;
}

@media (min-width: 768px) {
  .pricing-table .pricing-column-three {
    width: 33.33%;
  }
  .pricing-table .pricing-column-three.featured {
    top: -30px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: -30px;
  }
  .pricing-table .pricing-column-four {
    width: 50%;
  }
  .pricing-table .pricing-column-five {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .pricing-table .pricing-column-four {
    width: 25%;
  }
  .pricing-table .pricing-column-five {
    width: 20%;
  }
  .pricing-table .pricing-column-four.featured, .pricing-table .pricing-column-five.featured {
    top: -30px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: -30px;
  }
}
.rating {
  display: inline-block;
  margin: 0 0.5rem 0 0;
  font-size: 0;
  vertical-align: middle;
}

.rating:before {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  content: "";
}

.rating.hover .icon.active {
  opacity: 0.5;
}

.rating .icon {
  width: 1em;
  height: auto;
  padding: 0;
  margin: 0 10px 0 0;
  font-size: var(--edc-fs-body);
  color: #bdbdbd;
  vertical-align: middle;
  cursor: pointer;
}

.rating .icon:before {
  transition: color 0.3s ease, opacity 0.3s ease;
}

.rating .icon.active {
  color: #fb8c00 !important;
}

.rating .icon.active.hover {
  color: #fb8c00 !important;
  opacity: 1;
}

.rating .icon.hover {
  color: #fb8c00 !important;
  opacity: 1;
}

.rating .icon:last-child {
  margin-right: 0;
}

.rating-disabled .icon {
  cursor: default;
}

.rating-sm .icon {
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
}

.rating-lg .icon {
  font-size: calc(var(--edc-fs-title) * 18.004 / 18);
}

.ribbon {
  position: absolute;
  top: -3px;
  left: -3px;
  width: 150px;
  height: 150px;
  text-align: center;
  background-color: transparent;
}

.ribbon-inner {
  position: absolute;
  top: 16px;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 30px;
  padding-right: 20px;
  padding-left: 20px;
  overflow: hidden;
  line-height: 30px;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #616161;
}

.ribbon-inner .icon {
  font-size: var(--edc-fs-heading);
}

.ribbon-lg .ribbon-inner {
  height: 38px;
  font-size: calc(var(--edc-fs-title) * 18.004 / 18);
  line-height: 38px;
}

.ribbon-sm .ribbon-inner {
  height: 26px;
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  line-height: 26px;
}

.ribbon-xs .ribbon-inner {
  height: 22px;
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  line-height: 22px;
}

.ribbon-vertical .ribbon-inner {
  top: 0;
  left: 16px;
  width: 30px;
  height: 60px;
  padding: 15px 0;
}

.ribbon-vertical.ribbon-xs .ribbon-inner {
  width: 22px;
  height: 50px;
}

.ribbon-vertical.ribbon-sm .ribbon-inner {
  width: 26px;
  height: 55px;
}

.ribbon-vertical.ribbon-lg .ribbon-inner {
  width: 38px;
  height: 70px;
}

.ribbon-reverse {
  right: -3px;
  left: auto;
}

.ribbon-reverse .ribbon-inner {
  right: 0;
  left: auto;
}

.ribbon-reverse.ribbon-vertical .ribbon-inner {
  right: 16px;
}

.ribbon-bookmark .ribbon-inner {
  padding-right: 42px;
  background-color: transparent;
  background-image: linear-gradient(to left, transparent 22px, #616161 0);
  box-shadow: none;
}

.ribbon-bookmark .ribbon-inner:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 15px solid #616161;
  border-right: 10px solid transparent;
}

.ribbon-bookmark.ribbon-vertical .ribbon-inner {
  height: 82px;
  padding-right: 0;
  padding-bottom: 37px;
  background-image: linear-gradient(to top, transparent 22px, #616161 0);
}

.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
  top: auto;
  bottom: 0;
  left: 0;
  margin-top: -15px;
  border-right: 15px solid #616161;
  border-bottom: 10px solid transparent;
}

.ribbon-bookmark.ribbon-vertical.ribbon-xs .ribbon-inner:before {
  margin-top: -11px;
}

.ribbon-bookmark.ribbon-vertical.ribbon-sm .ribbon-inner:before {
  margin-top: -13px;
}

.ribbon-bookmark.ribbon-vertical.ribbon-lg .ribbon-inner:before {
  margin-top: -19px;
}

.ribbon-bookmark.ribbon-reverse .ribbon-inner {
  padding-right: 20px;
  padding-left: 42px;
  background-image: linear-gradient(to right, transparent 22px, #616161 0);
}

.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
  left: 0;
  border-right: 15px solid #616161;
  border-left: 10px solid transparent;
}

.ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner {
  padding-right: 0;
  padding-left: 0;
}

.ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner:before {
  right: auto;
  left: 0;
  border-right-color: #616161;
  border-bottom-color: transparent;
  border-left: 15px solid #616161;
}

.ribbon-bookmark.ribbon-xs .ribbon-inner:before {
  border-width: 11px;
}

.ribbon-bookmark.ribbon-sm .ribbon-inner:before {
  border-width: 13px;
}

.ribbon-bookmark.ribbon-lg .ribbon-inner:before {
  border-width: 19px;
}

.ribbon-badge {
  top: -2px;
  left: -2px;
  overflow: hidden;
}

.ribbon-badge .ribbon-inner {
  left: -40px;
  width: 100%;
  transform: rotate(-45deg);
}

.ribbon-badge.ribbon-reverse {
  right: -2px;
  left: auto;
}

.ribbon-badge.ribbon-reverse .ribbon-inner {
  right: -40px;
  left: auto;
  transform: rotate(45deg);
}

.ribbon-badge.ribbon-bottom {
  top: auto;
  bottom: -2px;
}

.ribbon-badge.ribbon-bottom .ribbon-inner {
  top: auto;
  bottom: 16px;
  transform: rotate(45deg);
}

.ribbon-badge.ribbon-bottom.ribbon-reverse .ribbon-inner {
  transform: rotate(-45deg);
}

.ribbon-corner {
  top: 0;
  left: 0;
  overflow: hidden;
}

.ribbon-corner:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border: 30px solid transparent;
  border-top-color: #616161;
  border-left-color: #616161;
}

.ribbon-corner .ribbon-inner {
  top: 0;
  left: 0;
  width: 40px;
  height: 35px;
  padding: 0;
  line-height: 35px;
  background-color: transparent;
}

.ribbon-corner.ribbon-reverse {
  right: 0;
  left: auto;
}

.ribbon-corner.ribbon-reverse:before {
  right: 0;
  left: auto;
  border-right-color: #616161;
  border-left-color: transparent;
}

.ribbon-corner.ribbon-reverse .ribbon-inner {
  right: 0;
  left: auto;
}

.ribbon-corner.ribbon-bottom {
  top: auto;
  bottom: 0;
}

.ribbon-corner.ribbon-bottom:before {
  top: auto;
  bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #616161;
}

.ribbon-corner.ribbon-bottom .ribbon-inner {
  top: auto;
  bottom: 0;
}

.ribbon-corner.ribbon-xs:before {
  border-width: 22px;
}

.ribbon-corner.ribbon-xs .ribbon-inner {
  width: 28px;
  height: 26px;
  line-height: 26px;
}

.ribbon-corner.ribbon-xs .ribbon-inner > .icon {
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
}

.ribbon-corner.ribbon-sm:before {
  border-width: 26px;
}

.ribbon-corner.ribbon-sm .ribbon-inner {
  width: 34px;
  height: 32px;
  line-height: 32px;
}

.ribbon-corner.ribbon-sm .ribbon-inner > .icon {
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
}

.ribbon-corner.ribbon-lg:before {
  border-width: 36px;
}

.ribbon-corner.ribbon-lg .ribbon-inner {
  width: 46px;
  height: 44px;
  line-height: 44px;
}

.ribbon-corner.ribbon-lg .ribbon-inner > .icon {
  font-size: calc(var(--edc-fs-title) * 18.004 / 18);
}

.ribbon-clip {
  left: -14px;
}

.ribbon-clip:before {
  position: absolute;
  top: 46px;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border: 7px solid transparent;
  border-top-color: #424242;
  border-right-color: #424242;
}

.ribbon-clip .ribbon-inner {
  padding-left: 23px;
  border-radius: 0 5px 5px 0;
}

.ribbon-clip.ribbon-reverse {
  right: -14px;
  left: auto;
}

.ribbon-clip.ribbon-reverse:before {
  right: 0;
  left: auto;
  border-right-color: transparent;
  border-left-color: #424242;
}

.ribbon-clip.ribbon-reverse .ribbon-inner {
  padding-right: 23px;
  padding-left: 15px;
  border-radius: 5px 0 0 5px;
}

.ribbon-clip.ribbon-bottom {
  top: auto;
  bottom: -3px;
}

.ribbon-clip.ribbon-bottom:before {
  top: auto;
  bottom: 46px;
  border-top-color: transparent;
  border-bottom-color: #424242;
}

.ribbon-clip.ribbon-bottom .ribbon-inner {
  top: auto;
  bottom: 16px;
}

.ribbon-clip.ribbon-xs:before {
  top: 38px;
}

.ribbon-clip.ribbon-xs.ribbon-bottom:before {
  top: auto;
  bottom: 38px;
}

.ribbon-clip.ribbon-sm:before {
  top: 42px;
}

.ribbon-clip.ribbon-sm.ribbon-bottom:before {
  top: auto;
  bottom: 42px;
}

.ribbon-clip.ribbon-lg:before {
  top: 54px;
}

.ribbon-clip.ribbon-lg.ribbon-bottom:before {
  top: auto;
  bottom: 54px;
}

.ribbon-primary .ribbon-inner {
  background-color: #3f51b5;
}

.ribbon-primary.ribbon-bookmark .ribbon-inner {
  background-color: transparent;
  background-image: linear-gradient(to left, transparent 22px, #3f51b5 0);
}

.ribbon-primary.ribbon-bookmark .ribbon-inner:before {
  border-color: #3f51b5;
  border-right-color: transparent;
}

.ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner {
  background-image: linear-gradient(to right, transparent 22px, #3f51b5 0);
}

.ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
  border-right-color: #3f51b5;
  border-left-color: transparent;
}

.ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner {
  background-image: linear-gradient(to top, transparent 22px, #3f51b5 0);
}

.ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
  border-right-color: #3f51b5;
  border-bottom-color: transparent;
}

.ribbon-primary.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
  border-right-color: #3f51b5;
  border-bottom-color: transparent;
  border-left-color: #3f51b5;
}

.ribbon-primary.ribbon-corner:before {
  border-top-color: #3f51b5;
  border-left-color: #3f51b5;
}

.ribbon-primary.ribbon-corner .ribbon-inner {
  background-color: transparent;
}

.ribbon-primary.ribbon-corner.ribbon-reverse:before {
  border-right-color: #3f51b5;
  border-left-color: transparent;
}

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #3f51b5;
}

.ribbon-primary.ribbon-clip:before {
  border-top-color: #3949ab;
  border-right-color: #3949ab;
}

.ribbon-primary.ribbon-clip.ribbon-reverse:before {
  border-right-color: transparent;
  border-left-color: #3949ab;
}

.ribbon-primary.ribbon-clip.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #3949ab;
}

.ribbon-success .ribbon-inner {
  background-color: #4caf50;
}

.ribbon-success.ribbon-bookmark .ribbon-inner {
  background-color: transparent;
  background-image: linear-gradient(to left, transparent 22px, #4caf50 0);
}

.ribbon-success.ribbon-bookmark .ribbon-inner:before {
  border-color: #4caf50;
  border-right-color: transparent;
}

.ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner {
  background-image: linear-gradient(to right, transparent 22px, #4caf50 0);
}

.ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
  border-right-color: #4caf50;
  border-left-color: transparent;
}

.ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner {
  background-image: linear-gradient(to top, transparent 22px, #4caf50 0);
}

.ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
  border-right-color: #4caf50;
  border-bottom-color: transparent;
}

.ribbon-success.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
  border-right-color: #4caf50;
  border-bottom-color: transparent;
  border-left-color: #4caf50;
}

.ribbon-success.ribbon-corner:before {
  border-top-color: #4caf50;
  border-left-color: #4caf50;
}

.ribbon-success.ribbon-corner .ribbon-inner {
  background-color: transparent;
}

.ribbon-success.ribbon-corner.ribbon-reverse:before {
  border-right-color: #4caf50;
  border-left-color: transparent;
}

.ribbon-success.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #4caf50;
}

.ribbon-success.ribbon-clip:before {
  border-top-color: #43a047;
  border-right-color: #43a047;
}

.ribbon-success.ribbon-clip.ribbon-reverse:before {
  border-right-color: transparent;
  border-left-color: #43a047;
}

.ribbon-success.ribbon-clip.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #43a047;
}

.ribbon-info .ribbon-inner {
  background-color: #00bcd4;
}

.ribbon-info.ribbon-bookmark .ribbon-inner {
  background-color: transparent;
  background-image: linear-gradient(to left, transparent 22px, #00bcd4 0);
}

.ribbon-info.ribbon-bookmark .ribbon-inner:before {
  border-color: #00bcd4;
  border-right-color: transparent;
}

.ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner {
  background-image: linear-gradient(to right, transparent 22px, #00bcd4 0);
}

.ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
  border-right-color: #00bcd4;
  border-left-color: transparent;
}

.ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner {
  background-image: linear-gradient(to top, transparent 22px, #00bcd4 0);
}

.ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
  border-right-color: #00bcd4;
  border-bottom-color: transparent;
}

.ribbon-info.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
  border-right-color: #00bcd4;
  border-bottom-color: transparent;
  border-left-color: #00bcd4;
}

.ribbon-info.ribbon-corner:before {
  border-top-color: #00bcd4;
  border-left-color: #00bcd4;
}

.ribbon-info.ribbon-corner .ribbon-inner {
  background-color: transparent;
}

.ribbon-info.ribbon-corner.ribbon-reverse:before {
  border-right-color: #00bcd4;
  border-left-color: transparent;
}

.ribbon-info.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #00bcd4;
}

.ribbon-info.ribbon-clip:before {
  border-top-color: #00acc1;
  border-right-color: #00acc1;
}

.ribbon-info.ribbon-clip.ribbon-reverse:before {
  border-right-color: transparent;
  border-left-color: #00acc1;
}

.ribbon-info.ribbon-clip.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #00acc1;
}

.ribbon-warning .ribbon-inner {
  background-color: #ff9800;
}

.ribbon-warning.ribbon-bookmark .ribbon-inner {
  background-color: transparent;
  background-image: linear-gradient(to left, transparent 22px, #ff9800 0);
}

.ribbon-warning.ribbon-bookmark .ribbon-inner:before {
  border-color: #ff9800;
  border-right-color: transparent;
}

.ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner {
  background-image: linear-gradient(to right, transparent 22px, #ff9800 0);
}

.ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
  border-right-color: #ff9800;
  border-left-color: transparent;
}

.ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner {
  background-image: linear-gradient(to top, transparent 22px, #ff9800 0);
}

.ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
  border-right-color: #ff9800;
  border-bottom-color: transparent;
}

.ribbon-warning.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
  border-right-color: #ff9800;
  border-bottom-color: transparent;
  border-left-color: #ff9800;
}

.ribbon-warning.ribbon-corner:before {
  border-top-color: #ff9800;
  border-left-color: #ff9800;
}

.ribbon-warning.ribbon-corner .ribbon-inner {
  background-color: transparent;
}

.ribbon-warning.ribbon-corner.ribbon-reverse:before {
  border-right-color: #ff9800;
  border-left-color: transparent;
}

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #ff9800;
}

.ribbon-warning.ribbon-clip:before {
  border-top-color: #fb8c00;
  border-right-color: #fb8c00;
}

.ribbon-warning.ribbon-clip.ribbon-reverse:before {
  border-right-color: transparent;
  border-left-color: #fb8c00;
}

.ribbon-warning.ribbon-clip.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #fb8c00;
}

.ribbon-danger .ribbon-inner {
  background-color: #f44336;
}

.ribbon-danger.ribbon-bookmark .ribbon-inner {
  background-color: transparent;
  background-image: linear-gradient(to left, transparent 22px, #f44336 0);
}

.ribbon-danger.ribbon-bookmark .ribbon-inner:before {
  border-color: #f44336;
  border-right-color: transparent;
}

.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner {
  background-image: linear-gradient(to right, transparent 22px, #f44336 0);
}

.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
  border-right-color: #f44336;
  border-left-color: transparent;
}

.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner {
  background-image: linear-gradient(to top, transparent 22px, #f44336 0);
}

.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
  border-right-color: #f44336;
  border-bottom-color: transparent;
}

.ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
  border-right-color: #f44336;
  border-bottom-color: transparent;
  border-left-color: #f44336;
}

.ribbon-danger.ribbon-corner:before {
  border-top-color: #f44336;
  border-left-color: #f44336;
}

.ribbon-danger.ribbon-corner .ribbon-inner {
  background-color: transparent;
}

.ribbon-danger.ribbon-corner.ribbon-reverse:before {
  border-right-color: #f44336;
  border-left-color: transparent;
}

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #f44336;
}

.ribbon-danger.ribbon-clip:before {
  border-top-color: #e53935;
  border-right-color: #e53935;
}

.ribbon-danger.ribbon-clip.ribbon-reverse:before {
  border-right-color: transparent;
  border-left-color: #e53935;
}

.ribbon-danger.ribbon-clip.ribbon-bottom:before {
  border-top-color: transparent;
  border-bottom-color: #e53935;
}

.color-selector {
  padding: 0;
  margin: 0;
  list-style: none;
}

.color-selector > li {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 8px 8px 0;
  background-color: #3f51b5;
  border-radius: 100%;
}

.color-selector > li:hover {
  opacity: 0.8;
}

.color-selector > li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: inherit;
  height: inherit;
  content: "";
  background: inherit;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: inherit;
}

.color-selector > li input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: inherit;
  height: inherit;
  cursor: pointer;
  border-radius: inherit;
  opacity: 0;
}

.color-selector > li input[type=radio]:disabled {
  cursor: not-allowed;
}

.color-selector > li label {
  position: relative;
  margin-bottom: 0.4rem;
  font-family: "Material-Design-Iconic-Font";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}

.color-selector > li input[type=radio]:checked + label:after {
  position: absolute;
  top: 0;
  left: 8px;
  display: inline-block;
  margin-top: -2px;
  font-size: var(--edc-fs-heading);
  line-height: 1;
  color: #fff;
  content: "\f26b";
}

.color-selector > li.color-selector-disabled {
  background-color: #bdbdbd !important;
}

.color-selector > li.color-selector-disabled input[type=radio]:disabled {
  cursor: not-allowed;
}

.example-wrap {
  margin-bottom: 50px;
}

.example-wrap .example-wrap {
  margin-bottom: 0;
}

.example {
  margin-top: 20px;
  margin-bottom: 20px;
}

.example:before {
  display: table;
  content: "";
}

.example::after {
  display: block;
  clear: both;
  content: "";
}

.example-title {
  text-transform: uppercase;
}

h4.example-title {
  font-size: var(--edc-fs-body);
}

h3.example-title {
  font-size: var(--edc-fs-title);
}

.panel-body > .example-wrap:last-child {
  margin-bottom: 0;
}

.panel-body > .row:last-child > [class*=col-]:last-child .example-wrap:last-child {
  margin-bottom: 0;
}

.example-well {
  position: relative;
  margin-bottom: 30px;
  background-color: #f1f4f5;
}

.example-well .center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}

.example-dropdown .dropdown::after,
.example-dropdown .dropup::after {
  display: block;
  clear: both;
  content: "";
}

.example-dropdown .dropdown > .dropdown-toggle,
.example-dropdown .dropup > .dropdown-toggle {
  float: left;
}

.example-dropdown .dropdown > .dropdown-menu,
.example-dropdown .dropup > .dropdown-menu {
  position: static;
  display: block;
  clear: left;
}

.example-dropdown .dropdown > .dropdown-menu-right,
.example-dropdown .dropup > .dropdown-menu-right {
  float: right;
  clear: right;
}

.example-tooltip {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.example-tooltip .tooltip {
  position: relative;
  margin-right: 25px;
  opacity: 1;
}

.example-grid .example-col, .example-blocks .example-col {
  min-height: 0;
  padding: 10px 15px 12px;
  background-color: #f1f4f5;
  border-radius: 0;
}

.example-grid .example-col {
  margin-bottom: 20px;
}

.example-grid .example-col .example-col {
  margin-top: 20px;
  margin-bottom: 0;
  background-color: #e2e8ea;
}

.example-popover {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.example-popover .popover {
  position: relative;
  display: block;
  margin-right: 25px;
}

.example-buttons .btn,
.example-buttons .btn-group,
.example-buttons .btn-group-vertical {
  margin-right: 15px;
  margin-bottom: 20px;
}

.example-buttons .btn-group-vertical .btn,
.example-buttons .btn-group-vertical .btn-group,
.example-buttons .btn-group-vertical .btn-group-vertical,
.example-buttons .btn-group .btn,
.example-buttons .btn-group .btn-group,
.example-buttons .btn-group .btn-group-vertical {
  margin-right: 0;
  margin-bottom: 0;
}

.example-box {
  position: relative;
  padding: 45px 15px 15px;
  margin-right: 0;
  margin-left: 0;
  border: 1px solid #e0e0e0;
}

.example-box:after {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: calc(var(--edc-fs-label) * 12.012 / 12);
  color: #959595;
  text-transform: uppercase;
  letter-spacing: 1px;
  content: "Example";
}

.example-avatars .avatar {
  margin-right: 20px;
  margin-bottom: 20px;
}

.example-avatars .avatar:last-child {
  margin-right: 20px;
}

.example-typography {
  position: relative;
  padding-left: 25%;
}

.example-typography .heading-note,
.example-typography .text-note {
  position: absolute;
  bottom: 2px;
  left: 0;
  display: block;
  width: 260px;
  font-size: var(--edc-fs-secondary);
  font-weight: 300;
  line-height: 13px;
  color: #aab2bd;
}

.example-typography .text-note {
  top: 10px;
  bottom: auto;
}

.example-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}

@media (max-width: 767px) {
  .example-responsive {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.btn-wide {
  width: 200px;
}


/* ============================================================
   Sites inventory expansion (sites-inventory branch, Phase 4)
   Photos & files surface, upload controls, and map view.
   ============================================================ */
/* Photo gallery on the record page's "Photos & Files" section. The
   section lives OUTSIDE the record form (uploads are their own multipart
   forms), so the rfs script doesn't auto-wrap it — it carries the same
   card treatment as .rfs-card so the page reads as one system. */
.site-files {
  background: #ffffff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  padding: 20px 22px;
  margin: 8px 0 20px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.site-files h3 {
  color: #101828;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  margin-bottom: 14px;
}

/* Dividers between the Photos / Flyer / Attachments sub-areas. */
.site-files h3 + p.text-muted {
  margin-top: -6px;
}

.site-files h3.mt-4 {
  border-top: 1px solid #eaecf0;
  padding-top: 18px;
  margin-top: 20px !important;
}

.site-photo-grid {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 14px;
}

.site-photo-card {
  border: 1px solid #eaecf0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
  display: flex;
  flex-direction: column;
}

.site-photo-thumb {
  position: relative;
  aspect-ratio: 3/2;
  background: #f2f4f7;
  border-bottom: 1px solid #eaecf0;
}

.site-photo-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.site-photo-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #98a2b3;
  font-size: calc(var(--edc-fs-display) * 24.5 / 24);
}

.site-photo-primary-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  letter-spacing: 0.02em;
}

.site-photo-caption {
  padding: 8px 10px 2px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475467;
  word-break: break-word;
}

.site-photo-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 8px 10px 10px;
  margin-top: auto;
}

.site-photo-actions form {
  margin: 0;
}

/* Upload rows read as calm, bordered slots rather than raw inputs. */
.site-file-upload-form {
  border: 1px dashed #d0d5dd;
  border-radius: 12px;
  padding: 14px 16px 4px;
  background: #fcfcfd;
  margin-bottom: 4px;
}

.site-file-upload-form label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #344054;
  font-weight: 500;
}

/* Keep the button on the input baseline and the row visually packed. */
.site-file-upload-form .form-row {
  align-items: flex-end;
}

.site-file-upload-form .btn {
  margin-bottom: 2px;
}

.site-file-upload-form input[type=file] {
  background: #ffffff;
}

.site-flyer-list li,
.site-attachment-list li {
  padding: 6px 0;
}

/* Sites map view — the GisComponent mount needs an explicit height or the
   Leaflet canvas collapses to 0px. */
.sites-map-view #sitesMap {
  min-height: 640px;
}

.sites-map-view #sitesMap .leaflet-container {
  min-height: 560px;
  border-radius: 10px;
}

/* Keyboard focus stays visible on the photo action + toggle buttons. */
.site-photo-actions .btn:focus-visible,
.sites-index .btn-group .btn:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

/* "N applied" hint on the map page's collapsed filter panel. */
.sites-map-filter-badge {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  vertical-align: middle;
  margin-left: 8px;
}

/* ============================================================
   Stage 2 polish (UI/UX audit punch list)
   ============================================================ */
/* A2: the Filters heading toggle is a real button — style it to read
   exactly like the old heading. */
.sites-filter-toggle {
  display: block;
  width: 100%;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.sites-filter-toggle:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
  border-radius: 6px;
}

/* A5: AA contrast for validation errors on the record surface
   (global #error_explanation li is pure red — 4.0:1, fails AA). */
.record-form-surface #error_explanation ul li {
  color: #b42318;
}

.record-form-surface #error_explanation {
  border: 1px solid #fda29b;
  background: #fffbfa;
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 16px;
  color: #101828;
}

/* W3: teaching empty states for the sites list. */
.sites-empty-state {
  text-align: center;
  padding: 56px 24px 64px;
  color: #475467;
}

.sites-empty-icon {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  color: #98a2b3;
  margin-bottom: 12px;
  display: block;
}

.sites-empty-title {
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  font-weight: 700;
  color: #101828;
  margin-bottom: 6px;
}

.sites-empty-body {
  max-width: 480px;
  margin: 0 auto 18px;
}

.sites-empty-state .btn + .btn {
  margin-left: 8px;
}

/* W4: no-geocode hint above the map. */
.sites-map-geocode-hint {
  background: #fffaeb;
  border: 1px solid #fedf89;
  color: #93370d;
  border-radius: 8px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.sites-map-geocode-hint .fa {
  margin-right: 6px;
}

/* W5: photo move controls sit inline with the other actions. */
.site-photo-move-form {
  display: inline-block;
  margin: 0;
}

/* Sites that fit a project (GIS Phase B2, 2026-09-17): the requirement in
   words above the map. */
.sites-map-fit {
  margin: 0 0 10px;
  padding: 10px 14px;
  border-radius: 6px;
  background: #eef4ff;
  border: 1px solid #c7d7f8;
  font-size: var(--edc-fs-secondary);
  color: #1f2937;
}

.sites-map-fit a {
  color: #2f5cc4;
}

[data-rfs-ns=sites] .srec-fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
[data-rfs-ns=sites] .srec-note {
  margin: 0 0 14px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
  max-width: 72ch;
}
[data-rfs-ns=sites] .srec-note .fa {
  margin-right: 4px;
}
[data-rfs-ns=sites] .srec-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 20px;
  align-items: start;
}
@media (max-width: 1279.98px) {
  [data-rfs-ns=sites] .srec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  [data-rfs-ns=sites] .srec-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
[data-rfs-ns=sites] .srec-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
[data-rfs-ns=sites] .srec-field--wide {
  grid-column: 1/-1;
}
[data-rfs-ns=sites] .srec-field--check {
  justify-content: flex-end;
  min-height: 62px;
}
[data-rfs-ns=sites] .srec-label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
}
[data-rfs-ns=sites] .srec-help {
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #475467;
}
[data-rfs-ns=sites] .srec-field .form-check-label,
[data-rfs-ns=sites] .srec-verified .form-check-label {
  font-size: var(--edc-fs-secondary);
  color: #344054;
}
[data-rfs-ns=sites] .input-group {
  flex-wrap: nowrap;
}
[data-rfs-ns=sites] .input-group-text {
  min-width: 0;
  padding: 0 10px;
  background: #f2f4f7;
  border-color: #d0d5dd;
  font-size: var(--edc-fs-secondary);
  color: #475467;
  white-space: nowrap;
}
[data-rfs-ns=sites] .srec-derived {
  margin: 0;
  padding: 9px 12px;
  border: 1px dashed #d0d5dd;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  color: #344054;
}
[data-rfs-ns=sites] .srec-verified {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
[data-rfs-ns=sites] .srec-verified__state {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #101828;
}
[data-rfs-ns=sites] .srec-verified__state .fa-circle-check {
  color: #067647;
  margin-right: 6px;
}
[data-rfs-ns=sites] .srec-verified__state .fa-circle-question {
  color: #475467;
  margin-right: 6px;
}
[data-rfs-ns=sites] .srec-grid .form-select,
[data-rfs-ns=sites] .srec-unit .form-select {
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
}
[data-rfs-ns=sites] .srec-units {
  margin: 0 0 20px;
  padding: 20px 22px;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
[data-rfs-ns=sites] .srec-units h3 {
  margin: 0 0 6px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #101828;
  text-shadow: none;
}
[data-rfs-ns=sites] .srec-unit-row {
  margin: 0 0 12px;
  padding: 14px 16px;
  border: 1px solid #eaecf0;
  border-radius: 10px;
}
[data-rfs-ns=sites] .srec-unit-row:last-child {
  margin-bottom: 0;
}
[data-rfs-ns=sites] .srec-unit-row--new {
  background: #f9fafb;
  border-style: dashed;
  border-color: #d0d5dd;
}
[data-rfs-ns=sites] .srec-unit-row__title {
  margin: 0 0 10px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #101828;
}
[data-rfs-ns=sites] .srec-unit {
  margin: 0;
}
[data-rfs-ns=sites] .srec-unit__fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 16px;
  align-items: end;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
[data-rfs-ns=sites] .srec-unit__cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
[data-rfs-ns=sites] .srec-unit__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}
[data-rfs-ns=sites] .srec-unit__actions .btn {
  min-width: 0;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  [data-rfs-ns=sites] .srec-unit__fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #333;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img {
  max-width: 100%;
}

/*body.modal-open > .page, body.modal-open > .site-gridmenu, body.modal-open > .site-menubar, body.modal-open > .site-navbar  {
	filter: blur(2px);
}*/
.form-control.focus, .form-control:focus {
  border-color: #2563eb;
}

.form-control.focus.error, .form-control.error:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 25%);
}

.site-menu br {
  display: none;
}

.page-content {
  padding: 20px;
}

.form-control {
  font-size: calc(var(--edc-fs-label) * 11.9994 / 12);
  padding-left: 0.5714rem;
}

.form-control, .btn {
  height: 2.714rem;
}

select.form-control.custom-select {
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='grey' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  padding-left: 4px;
}

.custom-select, .form-control {
  color: #252525;
  border-color: #bdbdbd;
}

label {
  font-weight: 500;
  font-size: calc(var(--edc-fs-secondary) * 13.0004 / 13);
  color: #1a1a1a;
  margin: 6px 0 6px;
}

.form-group {
  margin-bottom: 1.071rem;
}

.btn {
  padding: 6px 15px;
  min-width: 120px;
  font-weight: 500;
}

.btn-org {
  font-size: var(--edc-fs-body);
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0.215rem;
  text-decoration: none !important;
  margin: 3px;
  min-width: unset;
  height: unset;
  padding: 6px 12px;
}

.btn-default {
  color: #555555;
  border-color: #e3e3e3;
  background-color: #f5f6fa;
  font-weight: 500;
}

.btn-default.focus, .btn-default:focus, .btn-default:hover {
  color: #565758;
  border-color: #d7d7d7;
  background-color: #f5f6fa;
}

.btn-default .btnIcon {
  color: #2563eb;
}

.site-menubar-unfold .site-menu > .site-menu-item > a .site-menu-title {
  font-size: var(--edc-fs-secondary);
}

.site-menu-sub .site-menu-item a {
  font-size: var(--edc-fs-label);
}

.table-hover tbody tr:hover {
  background-color: #f0f5ff;
}

.table-hover tr {
  position: relative;
}

.table-hover > tbody > tr {
  border-left: 3px solid transparent;
}

.table-hover > tbody > tr tbody > tr {
  border-left: none;
}

.table-hover tbody tr:hover {
  border-left-color: #2563eb;
}

.table-hover tbody tr.no-hover:hover {
  border-left-color: transparent;
  background: none;
}

.navbar-toolbar-right {
  font-size: var(--edc-fs-label);
}

.avatar {
  overflow: hidden;
  border-radius: 4px;
}

.avatar img {
  border-radius: 0;
}

.site-navbar, .site-menubar {
  background: #27292a !important;
  font-family: inherit;
}

.page {
  background: #f5f6fa;
}

.navbar {
  box-shadow: 0 1px 0px 0 rgba(133, 133, 133, 0.2);
  align-items: normal;
}

.site-menu-item a, .site-menu .site-menu-sub .site-menu-item.hover > a, .site-menu .site-menu-sub .site-menu-item:hover > a {
  color: #27292A;
}

.site-menu > .site-menu-item.hover > a, .site-menu > .site-menu-item:hover > a, .site-menu > .site-menu-item.open > a {
  color: #27292A;
}

.site-menu > .site-menu-item.active > a, .site-menu > .site-menu-item.active:hover > a {
  color: #FFFFFF;
  background: #193f87;
}

.site-menu .site-menu-sub .site-menu-item.active > a {
  color: #E52C3B;
}

.site-menubar-unfold .site-menu-category {
  color: #68696a;
}

.site-menubar-fold .site-menu > .site-menu-item > .site-menu-sub {
  background: #37393a;
  border: 1px solid #27292a;
}

.site-menu-icon {
  color: #193f87 !important;
  font-size: 120%;
}

.site-menubar-unfold .site-menu > .site-menu-item.active {
  border-left: 3px solid #E52C3B;
}

.site-menubar-unfold .site-menu-icon {
  margin-right: 10px;
}

.site-menubar-unfold .has-sub .site-menu-title:first-child {
  margin-left: 23px;
}

.site-menu .site-menu-item.active {
  border-left: 3px solid #E52C3B;
  background: rgba(33, 33, 33, 0.08);
  background-color: #193f87 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.site-menu .site-menu-item.active .site-menu-icon,
.site-menu .site-menu-item.active a {
  color: #ffffff !important;
}

.site-menu-sub .site-menu-item a {
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
}

.site-menu > .site-menu-item.open {
  background: none;
}

.iconSetting {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  padding-top: 6px;
}

.avatar {
  vertical-align: middle;
}

.userName {
  display: inline-block;
  vertical-align: middle;
  padding-right: 4px;
}

.userName > i {
  padding-right: 4px;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  vertical-align: middle;
}

.navbar-toolbar-right > li + li {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.site-menu-arrow {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}

.site-menubar-body {
  height: 100%;
  padding-bottom: 20px;
}

.page {
  min-height: 100%;
}

.tasksNavs .nav-link {
  border-radius: 30px;
  padding: 8px 20px;
  color: #282828;
  cursor: pointer;
}

.tasksNavs .nav-link.active {
  background: #2563eb;
  color: #fff;
}

.tasksNavs > ul > li + li {
  padding-left: 15px;
}

.openLeft .dropdown-menu {
  right: 0;
  left: auto;
  transition: none !important;
}

.moreOptions {
  display: block;
  text-align: right;
}

.moreOptions > a {
  color: #bbb;
  display: inline-block;
  padding: 0 5px;
  font-size: calc(var(--edc-fs-title) * 20.006 / 18);
  line-height: 1.429rem;
}

.moreOptions a {
  text-decoration: none;
}

.tableCustomStyle thead th {
  color: #475569;
  text-transform: uppercase;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.0002 / 10);
  padding-top: 1.286rem;
  padding-bottom: 1.071rem;
  font-weight: 500;
  letter-spacing: 2px;
}

/* Zebra-stripe colour token for tableCustomStyle tables.
   Derived from the header slate (#475569) so stripes feel part of the same
   palette. Using rgba keeps it semi-transparent so the existing blue hover
   accent (set on <tr> in the rule above) still bleeds through on odd rows,
   giving consistent hover feedback across all rows.
   WCAG: text contrast is unaffected — only a very pale background is added. */
table.tableCustomStyle {
  --bs-table-striped-bg: rgba(71, 85, 105, 0.06);
  --bs-table-striped-color: inherit;
}

table.tableCustomStyle td {
  font-size: calc(var(--edc-fs-secondary) * 13.0004 / 13);
}

.nowrapCol {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 200px;
}

.priorityDot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2563eb;
  vertical-align: middle;
  margin-right: 4px;
}

.priorityDot.dotHigh {
  background: #ff4757;
}

.priorityDot.dotMedium {
  background: #ff7544;
}

.table.tableCustomStyle td, .table.tableCustomStyle th {
  vertical-align: middle;
}

#allTasks .footable-filtering, .removeTblSearch .footable-filtering {
  display: none;
}

.tasksTopOptions {
  padding: 20px;
}

.tasksSelectFilter {
  display: inline-block;
  width: 100%;
  max-width: 200px;
}

.tasksRightOptions > ul > li {
  display: inline-block;
  vertical-align: middle;
}

.tasksRightOptions > ul > li + li {
  padding-left: 5px;
}

.panel-body {
  padding: 20px 20px 30px;
}

.footable > tfoot .pagination > li.active > a, .footable > tfoot .pagination > li.active > a:focus, .footable > tfoot .pagination > li.active > a:hover {
  color: #555555;
  border-color: #e3e3e3;
  background-color: #f5f6fa;
}

.footable > tfoot .pagination a:focus, .footable > tfoot .pagination a:hover {
  color: #555555;
  border-color: #e3e3e3;
  background-color: #f5f6fa;
}

.footable-paging > td .pagination ~ .label.label-default, .footable-paging > td .pagination ~ .divider {
  display: none;
}

.table .footable-paging td {
  border-top: none;
}

.tasksRightOptions .moreOptions {
  /*width: 45px;*/
  padding-right: 5px;
}

h4.modal-title {
  font-size: var(--edc-fs-body);
  color: #1e293b;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  text-shadow: none;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.rightIconFld {
  position: relative;
}

.rightIconFld .fldRightIcon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: var(--edc-fs-heading);
  margin: 1px 0 0;
}

.modal-body > .formStyle {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 15px;
  margin-top: 10px;
}

.modalFooterBtns {
  text-align: left;
}

.modalFooterBtns {
  text-align: left;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px;
  margin-top: 10px;
}

.modal-header {
  padding: 25px 30px 15px;
}

.modal-body {
  padding: 30px;
}

.formStyle {
  font-size: calc(var(--edc-fs-label) * 11.9994 / 12);
}

/***********************************Tabs-css**************************************/
.tasks-tabs .nav-link.active, .tasks-tabs .nav-link:hover, .tasks-tabs .nav-link:focus {
  background: white;
  color: #000;
  border-bottom: 5px solid #193F87;
  transition: all 300ms ease-in-out 0s;
}

.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item.show .nav-link:focus,
.nav-tabs .nav-item.show .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
  color: #000;
  background: white;
  border-color: transparent;
  border-bottom-color: #193F87;
}

.tasks-tabs a.nav-link {
  color: #000;
  font-weight: 400;
  padding: 0.8571rem 1.1rem;
  font-size: calc(var(--edc-fs-secondary) * 13.0004 / 13);
}

.tasks-tabs .nav-item {
  border-right: 1px solid #e3e3e3;
}

.tasks-tabs {
  background: #fff;
  border: 1px solid #e3e3e3;
}

.custom-radioBtn [type=radio]:checked,
.custom-radioBtn [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.custom-radioBtn [type=radio]:checked + label,
.custom-radioBtn [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #333;
}

.custom-radioBtn [type=radio]:checked + label:before,
.custom-radioBtn [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid #b3b3b3;
  border-radius: 100%;
  background: #fff;
}

.custom-radioBtn [type=radio]:checked + label:after,
.custom-radioBtn [type=radio]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #2ED573;
  position: absolute;
  top: 6px;
  left: 4px;
  border-radius: 100%;
  transition: all 0.2s ease;
}

.custom-radioBtn [type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.custom-radioBtn [type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.formStyle .custom-radioBtn label {
  font-weight: 400;
}

.inline-items li {
  display: inline-block;
  padding: 0 16px 0px 0px;
}

.divider-hr {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e3e3e3;
  margin: 10px 0 15px;
}

.formRowSize {
  width: 100%;
  max-width: 950px;
}

.formStyle span.red, .red-text {
  color: #ff5361;
}

.formTextarea {
  position: relative;
}

.fixWidthLbl {
  display: inline-block;
  width: 160px;
}

.selectOptionSection {
  padding: 1rem 0;
}

.inlineRadio > ul > li {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
}

.btmRadioSelector {
  padding: 30px 10px 10px;
}

.btmRadioSelector .radioLbl {
  text-align: right;
  padding-right: 10px;
}

.btmRadioSelector .radioLbl > label {
  padding-top: 2px;
}

.inline-items > ul {
  padding-bottom: 10px;
}

.size {
  width: 600px;
}

.tab-content.p-15 .tab-pane {
  padding: 0px 5px;
}

.datepicker table tr td.active:active, .datepicker table tr td.active.active, .show > .datepicker table tr td.active.dropdown-toggle, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.highlighted.active, .show > .datepicker table tr td.active.highlighted.dropdown-toggle {
  border-color: #2563eb;
  background-color: #2563eb;
}

.site-menubar-fold .site-menu-category {
  background: rgba(0, 0, 0, 0.15);
}

.site-menubar-fold .site-menubar-body {
  padding-top: 20px;
}

.site-menubar-fold .site-menu > .site-menu-item > a .site-menu-title {
  font-size: var(--edc-fs-label);
  padding: 5px;
}

.cardPadding {
  padding: 20px;
}

.modalStyle .modal-body {
  padding-top: 0;
}

.form-control[type=file] {
  padding: 0 !important;
  border: none !important;
  width: auto;
}

.dotList > ul > li {
  position: relative;
  padding-left: 22px;
  padding-bottom: 5px;
}

.dotList > ul > li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #2563eb;
  border-radius: 50%;
  left: 5px;
  position: absolute;
  top: 5px;
}

.importMdlLeftCol {
  max-width: 250px;
  padding: 20px 0 20px;
}

.modal-body > .formStyle.importContactForm {
  padding-top: 0;
}

.importContactForm .modalFooterBtns {
  margin-top: 0;
}

.importMdlRightCol {
  height: 100%;
  border-left: 1px solid #e3e3e3;
  display: block;
  margin: 0;
  padding: 20px 20px 20px 50px;
}

.tableTitle > h2 {
  margin: 0;
  font-size: var(--edc-fs-display);
}

.pageTitle > h2 {
  margin-top: 0;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  padding-bottom: 8px;
}

.pageTitle h2 > i.icon,
.tableTitle h2 > i.icon {
  margin-right: 2px;
  color: #2563eb;
}

.btmLineLinks {
  position: relative;
}

.btmLineLinks:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  border-bottom: 1px solid #e3e3e3;
}

.btmLineLinks .nav-link {
  padding: 0 0rem 0.715rem;
  color: #666;
  font-weight: 500;
}

.btmLineLinks .nav-link.active {
  color: #1a1a1a;
  font-weight: 600;
}

.btmLineLinks > .nav > .nav-item + .nav-item {
  padding-left: 3rem;
}

.btmLineLinks .nav-link:focus, .btmLineLinks .nav-link:hover {
  background: none;
  color: #1a1a1a;
}

.btmLineLinks .nav-link::before {
  content: "";
  background: #2563eb;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  opacity: 0;
}

.btmLineLinks .nav-link:hover:before, .btmLineLinks .nav-link.active:before {
  opacity: 1;
}

.bodrTop {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.filterSec {
  background: #fff;
  padding: 20px;
}

.filter-heading > h3 {
  text-align: left;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 15px;
  margin-top: 0;
  font-size: var(--edc-fs-heading);
}

.updBtn {
  padding: 0;
}

.modalFooterBtns {
  text-align: left;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px;
  margin-top: 10px;
}

.updBtn .btn {
  min-width: 100%;
}

.user-item > ul { /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}

.user-item .custom-checkbox .custom-control-indicator {
  background: transparent;
  border: 1px solid #c4c4c4;
  border-radius: 0.16rem;
}

.dashboard .card.configCardSpace {
  margin-bottom: 15px;
}

.dashboard .card, .dashboard .panel {
  height: calc(100% - 14px);
}

.le-panel {
  height: calc(100% - 30px) !important;
}

.manageConfig > ul { /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-gap: 15px; /* Firefox */
  column-gap: 15px;
}

.autoWd {
  min-width: inherit;
}

.cardTitle {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 5px;
}

.editableList > ul > li + li {
  border-top: 1px solid #e3e3e3;
}

.editableList > ul > li {
  position: relative;
  padding-left: 30px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.editableList .listEditIcon {
  position: absolute;
  left: 4px;
  top: 9px;
  color: #2563eb;
}

.editableList .listEditIcon {
  position: absolute;
  right: 8px;
  top: 9px;
  color: #ff4757;
}

.cardTitle .col > h4 {
  font-size: var(--edc-fs-body);
}

.title-menu h3 {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 100;
  display: inline-block;
}

.btn.activeBtn {
  display: inline-block;
  background: #2563eb;
  color: #fff;
  padding: 0 5px;
  margin-right: 4px;
  min-width: auto;
  font-size: var(--edc-fs-secondary);
  height: auto;
}

.viewReport ul > li {
  display: inline-block;
  padding: 3px 10px;
  font-size: var(--edc-fs-secondary);
}

.viewReport ul > li .priorityDot {
  margin-top: -3px;
}

li.viewItem.viewlink {
  border: 1px solid;
  border-radius: 20px;
}

.prospectCont > h3 {
  font-size: var(--edc-fs-body);
}

.btn.activeBtn.primary {
  background: #ff7544;
}

.projectMenu > h3 {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  position: relative;
  margin: 0;
  padding-left: 20px;
}

.projectSec .col-auto {
  width: 150px;
}

.projectSec .form-row {
  margin-top: 18px;
}

.projectMenu > h3 > span {
  display: block;
  font-weight: 100;
  font-size: var(--edc-fs-secondary);
}

.projectMenu .IconCart {
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 2px;
  margin: 0;
  cursor: pointer;
  color: #ff7544;
}

.projectMenu .IconCart.bgGreen {
  color: #2563eb;
}

.projectSec {
  background: #f5f6fa;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 0.215rem;
}

.prospectCont > img {
  max-width: 300px;
  margin-bottom: 8px;
  width: 100%;
  margin-top: 20px;
}

.cardImg img {
  padding-top: 30px;
  padding-bottom: 36px;
}

/*************************************************************************/
@media only screen and (max-width: 1199px) {
  .site-menubar-fold .site-menu br {
    display: block;
  }
  .site-menubar-fold a .site-menu-title {
    line-height: 18px;
    font-size: var(--edc-fs-label);
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .site-menubar-fold .site-menu-category {
    height: 0px;
  }
}
@media screen and (max-width: 991px) {
  .btmRadioSelector .radioLbl {
    text-align: left;
  }
  .btmRadioSelector {
    padding: 0;
  }
  .inline-items li {
    padding: 0 10px 0px 0px;
  }
  .tasks-tabs .nav-item {
    text-align: center;
    flex-basis: 0;
    flex-grow: 1;
    border-bottom: 1px solid #e3e3e3;
  }
  .tasks-tabs a.nav-link {
    padding: 0.8571rem 0.2857rem;
    font-size: calc(var(--edc-fs-label) * 11.9994 / 12);
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    border-bottom: 2px solid transparent;
  }
  .page-content {
    padding: 20px 15px;
  }
  .tab-content.p-15 .tab-pane {
    padding: 0px;
  }
  /* Ensure Turbo Frame tab panes maintain card background */
  .tab-content.card .tab-pane {
    background-color: #fff;
    min-height: 200px;
  }
  .modal-header {
    padding-top: 20px;
  }
  .modal-body, .modal-header {
    padding-left: 20px;
    padding-right: 20px;
  }
  .modal-body > .formStyle {
    margin-top: 0px;
  }
  .cardTitle .col > h4 {
    font-size: var(--edc-fs-eyebrow);
  }
  .manageConfig > ul {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
  .prospectCont > h3 {
    font-size: var(--edc-fs-eyebrow);
  }
  .title-menu h3 {
    font-size: var(--edc-fs-eyebrow);
  }
  .viewReport ul > li {
    padding: 3px 6px;
    font-size: var(--edc-fs-eyebrow);
  }
  .projectMenu > h3 {
    font-size: var(--edc-fs-label);
  }
  .projectMenu .IconCart {
    top: 0;
  }
  .projectMenu > h3 > span {
    font-size: var(--edc-fs-eyebrow);
  }
  .projectMenu ul > li {
    display: inline-block;
    width: 49%;
  }
}
@media only screen and (max-width: 767px) {
  .inline-items li.lblMdBlock {
    display: block;
  }
  label {
    margin: 0px 0 6px;
  }
  .site-menu br {
    display: none;
  }
  .site-menubar-fold a .site-menu-title {
    height: auto;
    display: inherit;
  }
  .navbar-toolbar .nav-item:first-child {
    display: none;
  }
  .mbFullWd, .mbFullWd .btn {
    width: 100%;
  }
  .modal-body, .modal-header {
    padding-left: 15px;
    padding-right: 15px;
  }
  .importMdlLeftCol {
    max-width: 100%;
    padding: 20px 0 0;
  }
  .importMdlRightCol {
    border-left: none;
    padding: 0;
  }
  .tasksTopOptions .btn {
    margin: 0 0 5px;
  }
}
@media screen and (max-width: 575px) {
  .tasks-tabs .nav-item {
    min-width: 100px;
  }
  .tasks-tabs .nav-item {
    min-width: 100px;
  }
  .modalFooterBtns .btn {
    margin: 0 0 5px;
    width: 100%;
  }
  .tableTitle > h2 {
    font-size: calc(var(--edc-fs-title) * 20 / 18);
  }
  .manageConfig > ul {
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media only screen and (max-width: 480px) {
  .page-content {
    padding: 15px;
  }
  .panel-body {
    /* padding: 20px 5px 30px;*/
  }
  .btmLineLinks .nav {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
  }
}
.btmLineLinks .nav-link {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  text-align: center;
  line-height: 1.2rem;
}

.tableTitle > h2 {
  font-size: var(--edc-fs-heading);
}

.user-item > ul {
  -moz-column-count: 1;
  column-count: 1;
}

.projectMenu ul > li {
  width: 100%;
}

@media only screen and (max-width: 440px) {
  .panel-heading .col {
    /*width: 100%;*/
  }
  .tasksSelectFilter {
    max-width: 100%;
    margin-bottom: 12px;
  }
  .tasksTopOptions ul li:first-child {
    width: 85%;
    float: left;
  }
  .btn.btn-default.waves-effect.waves-classic {
    width: 100%;
  }
  .tasksTopOptions ul li:last-child {
    width: 15%;
    float: left;
    margin-top: 3px;
  }
}
@media only screen and (max-width: 400px) {
  table.tableCustomStyle td {
    padding: 8px 2px;
  }
}
@media only screen and (max-width: 360px) {
  table.tableCustomStyle td {
    font-size: var(--edc-fs-label);
    padding: 8px 2px;
  }
  .table thead:first-child th {
    font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
    padding: 0 5px;
  }
  .footable.breakpoint > tbody > tr > td > span.footable-toggle {
    padding-right: 2px;
  }
  .bt-rt-tp-5 {
    position: absolute !important;
    top: 5px !important;
  }
  .bt-rt-5 {
    position: absolute !important;
    bottom: 5px !important;
  }
  .fa-pencil:before {
    content: "\f040";
  }
}
.panel-success .panel-heading-contacts {
  background-color: #15803d;
}

.contact-btn:hover {
  color: #ffffff;
}

.listEditIcon .fa-pencil {
  color: #2563eb;
}

.listRemoveIcon .fa-close {
  color: #ff4757;
}

.rolesTable thead th, td {
  color: #252525;
  font-size: calc(var(--edc-fs-secondary) * 13.0004 / 13);
}

.modal-content .alert-modal-title {
  color: #ff0000;
  margin-left: 200px;
}

a:not([href]):not([tabindex]) {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

.manageConfig ul li {
  display: inline-block;
  width: 100%;
}

.editableList ul li {
  width: 100%;
}

.res_formatter {
  display: inline-block;
  padding-left: 10px;
}

.emails-listing .tableTitle h2, .activitiesTabOptions .tableTitle h2 {
  margin-top: 10px;
}

.updBtn .reload-page-link .fa-refresh {
  margin-top: 10px;
}

#showExistingContacts .modal-body .card {
  padding: 0px;
}

.border-right-1 {
  border-right: 1px solid #e3e3e3;
}

#emailsList tbody tr td .moreOptions i {
  color: #bbb;
}

.yearlyReport .btn-primary, .btn-outline-primary {
  font-size: var(--edc-fs-body);
}

/****Demo mode Hover CSS***/
.hoverOverlay {
  position: relative;
  overflow: hidden;
}

.overlaySec {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2;
  transform: translate(0, -100%);
  transition: all 400ms ease-in-out 0s;
}

.hoverOverlay:hover .overlaySec {
  transform: translate(0, 0);
}

.overlaySec > a {
  color: #fff;
  background: #2563eb;
  border-radius: 4px;
  padding: 8px 20px;
  transition: all 300ms ease-in-out 0s;
  font-weight: 600;
  text-decoration: none;
}

.overlaySec > a > span > i {
  margin-right: 10px;
  vertical-align: middle;
}

/*************************************************************************/
.navbar-brand {
  margin-left: 6px;
}

.ui-menu a {
  color: #0000FF !important;
}

.ui-menu-item .ui-menu-item-wrapper:hover {
  border: none !important;
}

.export-button {
  margin-left: 350px;
}

.custom-export-button {
  margin-left: 265px;
}

.custom-export-block {
  display: inline-block;
}

.custom-export-chk {
  margin-right: 5px;
}

.active_custom_export {
  background-color: #f4fdf8;
  border-left-color: #2ED573 !important;
}

.section-info {
  border: 1px solid #ff7544;
  background-color: #fff;
}

.btn-orng,
.btn-orng:hover,
.btn-orng:focus,
.btn-orng:active {
  background-color: #ff7544;
  border-color: #ff7544;
  color: #fff;
  box-shadow: none;
}

.horizontal-scroll {
  overflow-x: auto;
}

.horizontal-scroll::-webkit-scrollbar {
  display: none;
}

.quick-add-btn {
  min-width: 20px;
  padding: 6px 5px;
  margin-top: 32px;
}

.btn.activeBtn.successBtn {
  background: #008DC3;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
  border-left-color: #888888;
}

.tooltip-inner {
  max-width: 200px;
  padding: 6px 14px;
  color: #424242;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 4px;
  border: 1px solid #888888;
  font-size: var(--edc-fs-body);
}

.email-btn {
  min-width: auto;
  height: auto;
}

.contact-table {
  margin: -80px 0 20px 0;
}

@media screen and (max-width: 991px) {
  .contact-table {
    margin: 0;
  }
}
.mini-divider-hr {
  display: inline-block;
  width: 70%;
  height: 1px;
  background: #e3e3e3;
  margin: 10px 180px 15px;
}

.md-notifications {
  font-size: calc(var(--edc-fs-display) * 22.5 / 24);
}

.notifications-div {
  margin-top: 7.5px;
  margin-right: 15px;
}

.notifications-links, .notifications-links:hover {
  color: #2B2D2E;
}

.grey-background {
  background: #F3F7F7;
}

.bold-text > td, .bold-text, .bold-text > div > div > div > h6 {
  font-weight: bold;
}

.bold-text > td > a {
  color: #2F2F2F !important;
}

.notification-table > tbody > tr {
  border-left: 3px solid transparent;
}

.notification-table tbody tr:hover {
  border-left-color: #2563eb;
  background: #E8E8E8;
}

.green-background {
  background: #2563eb !important;
}

.white-text {
  color: #fff !important;
}

.notification-popup-icon-div {
  text-align: center;
  margin-top: 5px;
}

.underline-text {
  text-decoration: underline;
}

.topicsSelectFilter {
  display: inline-block;
  width: 100%;
  max-width: 360px;
}

@media screen and (max-width: 1200px) {
  .topicsSelectFilter {
    display: inline-block;
    width: 100%;
    max-width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .left-position {
    left: 0 !important;
    right: auto;
  }
}
.left-position {
  left: auto;
  right: 0;
}

.notification-card-body {
  margin-left: 0px;
}

.notification-popup-empty-div {
  text-align: center;
  margin-top: 25%;
}

.white-space-inherit {
  white-space: inherit;
}

.notification-view-all {
  width: 300px;
}

.email-body {
  color: #000000;
  font-family: "Inter", sans-serif;
  font-size: var(--edc-fs-body);
  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-weight: 400;
  letter-spacing: normal;
  orphans: 2;
  text-align: start;
  text-indent: 0px;
  text-transform: none;
  white-space: normal;
  widows: 2;
  word-spacing: 0px;
  -webkit-text-stroke-width: 0px;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.campaign-no-data-div {
  text-align: center;
  margin: 5%;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: bold;
  color: #666666;
  fill: #666666;
}

.normal-background {
  background: #f1f4f5;
}

.organization-main-card-title {
  font-weight: 500;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
}

.pearl > span {
  cursor: pointer;
}

.pearl.current:before, .pearl.current:after, .pearl.active:before, .pearl.active:after {
  background-color: #2ED573;
}

.pearl.current .pearl-number, .pearl.current .pearl-icon, .pearl.active .pearl-number, .pearl.active .pearl-icon {
  color: #2ED573;
  background-color: #fff;
  border-color: #2ED573;
  transform: scale(1.3);
}

.pearl.disabled {
  pointer-events: none;
  cursor: auto;
}

.pearl.disabled:before, .pearl.disabled:after {
  background-color: #eee;
}

.pearl.disabled .pearl-number, .pearl.disabled .pearl-icon {
  color: #fff;
  background-color: #bdbdbd;
  border-color: #bdbdbd;
}

.pearl.error:before {
  background-color: #2ED573;
}

.pearl.error:after {
  background-color: #eee;
}

.pearl.error .pearl-number, .pearl.error .pearl-icon {
  color: #f44336;
  background-color: #fff;
  border-color: #f44336;
}

.pearl.done:before, .pearl.done:after {
  background-color: #2ED573;
}

.pearl.done .pearl-number, .pearl.done .pearl-icon {
  color: #fff;
  background-color: #2ED573;
  border-color: #2ED573;
}

.ui-menu .ui-menu-item {
  border: none;
  margin: 10px;
}

.ui-menu .searchItem, .ui-menu .searchItem:hover {
  padding: 8px;
  background: #2B2D2E !important;
}

.ui-menu .searchItem a span, .ui-menu .searchItem a:hover {
  color: white !important;
  background: #2B2D2E !important;
}

ul.ui-autocomplete li:hover .ui-state-active,
ul.ui-autocomplete li .ui-state-active {
  background: inherit !important;
  color: #252525;
  border: inherit;
  margin: 0 !important;
}

ul.ui-autocomplete li:hover {
  background: #EDEDED !important;
  color: black;
}

.report-table th {
  font-size: var(--edc-fs-body) !important;
}

.custom-href-with-underline {
  color: #252525;
  text-decoration: none !important;
}

.custom-href-with-underline:hover {
  color: #252525;
  text-decoration: underline !important;
}

.activeOrngBtn:active {
  background: #ff7544 !important;
}

.mini-text {
  font-size: smaller;
}

.scrollable-report-div {
  overflow-x: scroll;
}

.site-menu-arrow {
  right: 22px !important;
}

.attachment-download {
  margin: 0 10px 10px 10px;
  font-size: var(--edc-fs-body);
}

.pagination-info {
  text-align: right !important;
  margin: 10px !important;
}

.block-imp {
  display: block !important;
}

.btmIcons {
  margin-top: -15px;
  margin-bottom: 3px;
  margin-right: -10px;
}

.popover, .tooltip {
  z-index: 1701;
}

.tooltip.show {
  opacity: 1;
}

.popover-header {
  margin-top: 0;
}

.popover-close {
  margin-top: -0.15em;
}

.popover-content > b, strong {
  font-weight: 700 !important;
}

/* ──────────────────────────────────────────────────────────────────
 * Custom Project Status (Pipelines) styles
 * Forward-ported from claude/pipelines-project-status-OjzsQ.
 * Net-new classes only — no overrides to existing layout.css rules.
 * ───────────────────────────────────────────────────────────────── */
/* Form section cards */
.form-section-card {
  background: #fff;
  border: 1px solid #e2e6ea;
  border-radius: 8px;
  margin-bottom: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.form-section-header {
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #1a1a1a;
  padding: 10px 16px;
  border-bottom: 1px solid #e9ecef;
  background: #f8f9fa;
  border-radius: 8px 8px 0 0;
}

.form-section-header i {
  color: #193F87;
  margin-right: 6px;
  width: 16px;
  text-align: center;
}

.form-section-body {
  padding: 12px 16px 12px;
}

/* Pipeline card (elevated treatment) */
.pipeline-card {
  background: #fff;
  border: 1px solid #c9d4e8;
  border-left: 4px solid #193F87;
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(25, 63, 135, 0.08);
}

.pipeline-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px 10px;
  border-bottom: 1px solid #e9ecef;
  background: linear-gradient(135deg, #f0f4fb 0%, #f8f9fa 100%);
  border-radius: 8px 8px 0 0;
}

.pipeline-card-icon {
  width: 28px;
  height: 28px;
  background: #193F87;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  flex-shrink: 0;
}

.pipeline-card-title {
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  color: #193F87;
  margin: 0;
  flex: 1;
}

.pipeline-manage-link {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475467;
  text-decoration: none;
  transition: color 0.15s;
}

.pipeline-manage-link:hover {
  color: #193F87;
}

.pipeline-card-body {
  padding: 12px 16px 8px;
}

.pipeline-parallel-empty {
  margin: 0;
  padding: 12px 14px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475467;
  background: #f8f9fa;
  border: 1px dashed #d0d5dd;
  border-radius: 6px;
}

.pipeline-parallel-empty-link {
  color: #175cd3;
  font-weight: 600;
  text-decoration: none;
}

.pipeline-parallel-empty-link:hover,
.pipeline-parallel-empty-link:focus {
  text-decoration: underline;
}

.pipeline-status-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  margin: 4px 0;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #eef0f3;
  transition: border-color 0.15s;
}

.pipeline-status-row:hover {
  border-color: #c9d4e8;
}

.pipeline-color-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.pipeline-status-label {
  margin: 0;
  white-space: nowrap;
  min-width: 100px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #333;
}

.pipeline-status-select {
  flex: 1;
  max-width: 240px;
  height: 32px;
  padding: 2px 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  border-radius: 4px;
}

/* Neutral (gray) variant: the container is system chrome — color
   belongs to the user's pipeline/status data inside it. */
.pipeline-card--neutral {
  border: 1px solid #d9dee3;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.pipeline-card--neutral .pipeline-card-header {
  background: #f8f9fa;
}

.pipeline-card--neutral .pipeline-card-icon {
  background: #6c757d;
}

.pipeline-card--neutral .pipeline-card-title {
  color: #343a40;
}

/* Pipeline membership rows: one slim full-width row per pipeline this
   project belongs to — Primary (★ pill) first, then parallels, all
   identical anatomy: identity (name + kind pill), status select, notch
   strip, meta, board link. The stage capture note, when the current
   stage declares one, is a second full-width line inside the row. The
   left band carries the CURRENT STATUS color, so the stack answers
   "where does this project stand" at a glance. */
#pipeline-status-dropdowns {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
}

.pipeline-rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pipeline-membership {
  background: #fff;
  border: 1px solid #e2e6ea;
  border-radius: 8px;
  padding: 8px 14px;
}

/* No coloured card edge (2026-09-24): the stage is said by the stage select
   and drawn by the stage strip on the same row; the card keeps one border
   whatever colour the membership sync writes to its left edge. */
.pipeline-membership[style] {
  border-left-color: #e2e6ea !important;
}

.pipeline-row-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
}

.pipeline-row-ident {
  flex: 0 0 200px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

.pipeline-row-name {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #333;
  line-height: 1.25;
}

.pipeline-row-kind {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.75 / 10);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  padding: 3px 8px;
  border-radius: 999px;
  background: #f1f3f5;
  color: #475467;
}

.pipeline-row-kind--primary {
  background: #e7effc;
  color: #193F87;
}

.pipeline-row-kind--associated {
  background: #f1f3f5;
  color: #475467;
}

.pipeline-row-kind .fa-star {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 7.875 / 10);
}

/* Read-only stage chip — the select's stand-in on associated rows (C). */
.pipeline-stage-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  max-width: 200px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pipeline-membership--readonly {
  background: #fbfcfd;
}

/* Associated pipelines collapse (workstream C). */
.pipeline-associated {
  margin-top: 10px;
  border-top: 1px solid #eaecef;
  padding-top: 10px;
}

.pipeline-associated-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  padding: 4px 2px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475467;
  cursor: pointer;
}

.pipeline-associated-toggle:hover,
.pipeline-associated-toggle:focus {
  color: #193F87;
  text-decoration: underline;
}

.pipeline-associated-caret {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.75 / 10);
  transition: transform 0.15s ease;
}

.pipeline-associated-toggle:not(.collapsed) .pipeline-associated-caret {
  transform: rotate(180deg);
}

.pipeline-rows--associated {
  margin-top: 8px;
}

/* Pipeline-aware export filter (workstream F). */
.pipeline-export-filter {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e4e7ec;
}

.pipeline-export-filter-title {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  color: #193F87;
  margin-bottom: 4px;
}

.pipeline-export-filter-help {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475467;
  margin-bottom: 12px;
}

/* Per-module manage switcher (workstream D). */
.pmg-module-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border-bottom: 1px solid #e4e7ec;
  margin-bottom: 20px;
}

.pmg-module-tab {
  padding: 8px 16px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #475467;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}

.pmg-module-tab:hover,
.pmg-module-tab:focus {
  color: #193F87;
}

.pmg-module-tab.active {
  color: #193F87;
  border-bottom-color: #193F87;
}

/* Slim toolbar (Manage link) for the bare block on rfs-wrapped pages. */
.pipeline-bare-toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
}

/* Instant-save state on standalone (company/member) pipeline rows —
   transient "✓ Saved" / error text next to the row links. */
.pipeline-save-state {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #067647;
  white-space: nowrap;
}

.pipeline-save-state.is-error {
  color: #b42318;
}

.pipeline-row-main .pipeline-status-select {
  flex: 0 0 200px;
  max-width: 200px;
}

.pipeline-row-main .stage-glyph {
  margin-top: 0;
  flex: 1 1 140px;
  max-width: 240px;
}

.pipeline-membership-meta {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475467;
  white-space: nowrap;
}

.pipeline-row-links {
  margin-left: auto;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  white-space: nowrap;
}

.pipeline-row-links a {
  color: #175cd3;
  font-weight: 600;
  text-decoration: none;
}

.pipeline-row-links a:hover,
.pipeline-row-links a:focus {
  text-decoration: underline;
}

.pipeline-membership .pipeline-capture-field {
  margin: 8px 0 2px;
}

.pipeline-membership .pipeline-capture-field label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #495057;
  margin-bottom: 2px;
}

/* Stage glyph: segmented strip, one chevroned segment per stage,
   the current one lit in its status color. */
.stage-glyph {
  display: flex;
  gap: 3px;
  margin-top: 8px;
  height: 8px;
}

.stage-glyph-segment {
  flex: 1;
  min-width: 8px;
  background: #e9ecef;
  border-radius: 2px;
  transition: background-color 0.2s;
}

.stage-glyph-segment.current {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
}

/* Shape variants. flow = the default equal bars above.
   funnel = tapering bars (heights set inline, bottom-aligned). */
.stage-glyph--funnel {
  align-items: flex-end;
}

/* cycle = bars + a trailing loop glyph. */
.stage-glyph--cycle .stage-glyph-loop {
  flex: 0 0 auto;
  align-self: center;
  margin-left: 4px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.75 / 10);
  color: #868e96;
}

/* bins = discrete dots, directionless (no progression). */
.stage-glyph--bins {
  gap: 5px;
}

.stage-glyph--bins .stage-glyph-segment {
  flex: 0 0 8px;
  max-width: 8px;
  border-radius: 50%;
}

/* Shape chooser (create form, blank-start only). */
.pipeline-shape-chooser {
  /* reset fieldset defaults that break grid/flex children */
  min-width: 0;
  border: 0;
  padding: 0;
  margin: 4px 0 16px;
}

.pipeline-shape-info-toggle {
  border: 0;
  background: transparent;
  color: #868e96;
  padding: 0 2px;
  cursor: pointer;
}

.pipeline-shape-info-toggle:hover {
  color: #193F87;
}

.pipeline-shape-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
  max-width: 760px;
}

.pipeline-shape-option {
  position: relative; /* anchor the hidden radio */
  flex: 1 1 160px;
  max-width: 220px;
  margin: 0;
  cursor: pointer;
}

.pipeline-shape-option input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.pipeline-shape-option-body {
  display: block;
  border: 1px solid #e2e6ea;
  border-radius: 8px;
  padding: 10px 12px;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.pipeline-shape-option input:checked + .pipeline-shape-option-body {
  border-color: #193F87;
  box-shadow: 0 0 0 1px #193F87 inset;
}

.pipeline-shape-option input:focus-visible + .pipeline-shape-option-body {
  outline: 2px solid #193F87;
  outline-offset: 1px;
}

.pipeline-shape-preview {
  width: 56px;
  height: 10px;
  margin-bottom: 6px;
}

.pipeline-shape-option-name {
  display: block;
  font-weight: 600;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #1a1a1a;
}

.pipeline-shape-option-tagline {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  color: #6c757d;
  line-height: 1.35;
}

.pipeline-membership-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 10px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
}

.pipeline-membership-board-link {
  color: #193F87;
  text-decoration: none;
}

.pipeline-membership-board-link:hover {
  text-decoration: underline;
}

.pipeline-membership-remove {
  background: transparent;
  border: 0;
  padding: 0;
  color: #B02A37;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  cursor: pointer;
}

.pipeline-membership-remove:hover {
  text-decoration: underline;
}

/* Header row = collapse toggle (flex:1) + board-jump link. */
.pipeline-membership-toprow {
  display: flex;
  align-items: stretch;
}

.pipeline-membership-toprow .pipeline-membership-header {
  flex: 1 1 auto;
  min-width: 0;
}

.pipeline-membership-boardlink {
  display: flex;
  align-items: center;
  padding: 0 14px;
  color: #475467;
  border-left: 1px solid #eaecf0;
  flex-shrink: 0;
}

.pipeline-membership-boardlink:hover,
.pipeline-membership-boardlink:focus {
  color: #175cd3;
  background: #eff4ff;
  text-decoration: none;
}

/* ── Pipeline board picker (top edge = what am I looking at) ────
   The tab variant reuses the Projects-module tab component
   (.nav-tabs.tasks-tabs); only spacing and the many-pipelines
   dropdown fallback are styled here. */
/* Outranks `.panel-heading + .nav-tabs { margin-top: -0.715rem }`
   (the entity-page tuck-under), which would shove the strip up into
   the Filters button here. */
.panel-heading + .nav-tabs.pipeline-board-tabs,
.nav-tabs.pipeline-board-tabs {
  margin-top: 16px;
}

.pipeline-board-tabs .nav-link {
  cursor: pointer;
}

.pipeline-board-tabs .pipeline-primary-badge {
  margin-left: 4px;
  vertical-align: 1px;
}

.pipeline-board-picker {
  padding: 12px 20px 0;
}

.pipeline-board-picker select {
  max-width: 280px;
}

/* Breathing room between the panel header (or picker tabs) and the
   board on every kanban page — the Tasks board had none. */
#kanban_container {
  margin-top: 14px;
}

/* ── Board toolbar: ONE row, hierarchy left→right ───────────────
   [Board ▾] │ pipeline tabs + new/manage … filter chips [Filters ·n]
   Replaces the old two-row header (board dropdown exiled top-right,
   lone Filters button top-left, tabs on their own row). */
.pipeline-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 16px 0;
}

.pt-board {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pt-board-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475467;
  margin: 0;
}

.pt-board .bootstrap-select,
.pt-board .form-control {
  min-width: 150px;
  max-width: 210px;
}

.pt-board-quickadd {
  display: flex;
  align-items: center;
  gap: 6px;
}

.pt-board-quickadd.hidden {
  display: none;
}

.pt-board-quickadd .form-control {
  max-width: 180px;
}

.pt-divider {
  width: 1px;
  height: 26px;
  background: #e5e7eb;
  flex-shrink: 0;
}

/* Tabs sit inline in the toolbar — cancel the standalone-strip
   margins; the shelf underlines just the tab cluster. */
.pipeline-toolbar .pipeline-board-tabs,
.panel-heading + .nav-tabs.pipeline-board-tabs.pt-tabs {
  margin: 0;
}

.pt-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #475467;
  background: #fff;
  cursor: pointer;
  flex-shrink: 0;
}

.pt-icon-btn:hover,
.pt-icon-btn:focus {
  color: #101828;
  border-color: #d0d5dd;
  background: #f9fafb;
  text-decoration: none;
}

.pt-spacer {
  flex: 1 1 auto;
}

/* Active-filter chips — the board must never hide cards silently. */
.pt-chips ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pt-chips ul li {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #344054;
  background: #eff4ff;
  border: 1px solid #c3d4f8;
  border-radius: 999px;
  padding: 3px 10px;
  line-height: 1.4;
}

.pt-chips ul li strong {
  font-weight: 600;
  color: #1a56db;
}

.pt-chips .remove-filter {
  cursor: pointer;
  display: inline-block;
  margin-left: 2px;
}

.pt-chips .remove-filter::after {
  content: "✕";
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
  color: #475467;
}

.pt-chips .remove-filter:hover::after {
  color: #b42318;
}

/* The side-filter partial draws its own × (:before) — inside a chip
   band the pill's ::after is the one close glyph, never two. */
.filter-tags.pt-chips ul li .remove-filter::before {
  content: none;
}

.filter-tags.pt-chips ul li {
  margin: 0;
}

/* Filters + Manage — the toolbar's right-side tool pair, one visual
   vocabulary (labeled quiet buttons; no bare icon riddles). */
.pipeline-toolbar .filters-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 13px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #475467;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.8132 / 12);
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
  text-decoration: none;
}

.pipeline-toolbar .filters-toggle:hover,
.pipeline-toolbar .filters-toggle:focus {
  color: #101828;
  border-color: #d0d5dd;
  background: #f9fafb;
  text-decoration: none;
}

/* Board-level empty state (a module with no active pipelines). Plain
   visible prose — legibility floor: 14px, neutral-700, never light gray
   small text. */
.pipeline-board-empty {
  margin: 20px 4px 8px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
  color: #344054;
  max-width: 62ch;
}

/* ── Record form surface polish (.record-form-surface) ──────────
   Same disease as the Quick Add drawer: block labels orphaned the
   tooltip ⓘ and magnify 🔍 onto their own lines, uneven rhythm,
   mixed control sizes. CSS-only — field ORDER and GROUPINGS are
   deliberately untouched (users know where things are). */
.record-form-surface label {
  display: inline-block !important;
  width: auto !important;
  margin: 0 2px 6px 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #344054;
  vertical-align: middle;
}

.record-form-surface .tooltip-popover,
.record-form-surface .magnify-glass-icon {
  margin-top: 0 !important;
  margin-left: 4px !important;
  vertical-align: middle;
  opacity: 0.5;
  display: inline-block;
}

.record-form-surface .tooltip-popover:hover,
.record-form-surface .magnify-glass-icon:hover,
.record-form-surface .magnify-glass-icon:focus {
  opacity: 1;
}

.record-form-surface .magnify-glass-icon .fa-search {
  font-size: var(--edc-fs-label);
  color: #475467;
}

.record-form-surface .form-group {
  margin-bottom: 18px;
}

.record-form-surface .form-control,
.record-form-surface .custom-select {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.record-form-surface fieldset > .form-row > br,
.record-form-surface fieldset br {
  display: none;
}

.record-form-surface .divider-hr {
  background: #eaecf0;
  margin: 6px 0 24px;
}

/* Help callout (shared/_section_info): page education as a compact
   in-context card — icon chip, readable measure, quiet mute action.
   Never a modal (education shouldn't block the page). */
.help-callout {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  /* Centered at reading width — page documentation, not an alert, so
     it deliberately breaks from the full-width message-strip grammar. */
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  background: #fffcf5;
  border: 1px solid #fedf89;
  border-radius: 12px;
  padding: 16px 18px;
  position: relative;
}

.help-callout-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #fef0c7;
  color: #b54708;
  font-size: var(--edc-fs-heading);
  flex-shrink: 0;
}

.help-callout-body {
  flex: 1 1 auto;
  min-width: 0;
}

.help-callout-title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #b54708;
  margin-bottom: 4px;
}

.help-callout-text,
.help-callout-text p {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  line-height: 1.6;
  color: #344054;
  max-width: 70ch;
  margin-bottom: 0;
}

.help-callout-video {
  margin-top: 12px;
}

.help-callout-video-title {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #344054;
  margin-bottom: 6px;
}

.help-callout-actions {
  margin-top: 10px;
}

.help-callout-mute {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #475467; /* AA on white; was #98a2b3 (below the legibility floor) */
  cursor: pointer;
  text-decoration: underline;
}

.help-callout-mute:hover,
.help-callout-mute:focus {
  color: #1d2939;
  text-decoration: underline;
}

.help-callout-mute:focus-visible {
  outline: 2px solid #2f6feb;
  outline-offset: 2px;
  border-radius: 3px;
}

.help-callout-close {
  position: absolute;
  top: 14px;
  right: 14px;
}

/* ── Pipelines manage PAGE (pmg): roster + detail ───────────────
   One surface for everything pipelines: roster left, selected
   pipeline's stage editor (live counts) right; flows (create /
   make-primary mapping) run in the slim #pipelineFlowModal. */
.pmg {
  padding: 20px 28px 44px;
  max-width: 1320px;
}

.pmg-header {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 20px;
}

.pmg-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475467;
  text-decoration: none;
  margin-bottom: 6px;
}

.pmg-back:hover,
.pmg-back:focus {
  color: #175cd3;
  text-decoration: none;
}

.pmg-title {
  font-size: calc(var(--edc-fs-title) * 19.25 / 18);
  font-weight: 700;
  color: #101828;
  margin: 0;
  text-shadow: none;
}

.pmg-new {
  margin-left: auto; /* push to the right edge of the rail */
  align-self: flex-end; /* bottom edge level with the pipeline card */
  flex-shrink: 0;
  white-space: nowrap;
}

/* Pipeline card rail — elaborate tabs. Most orgs have 1-3 pipelines,
   so cards run horizontally above the detail panel. */
.pmg-rail {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}

.pmg-item {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 8px 14px 8px 8px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  min-width: 230px;
}

.pmg-item:hover {
  border-color: #d0d5dd;
}

.pmg-item.is-selected {
  background: #eff4ff;
  border-color: #a4bcf4;
  box-shadow: 0 1px 3px rgba(26, 86, 219, 0.1);
}

.pmg-item-star {
  flex-shrink: 0;
  width: 30px;
  text-align: center;
}

.pmg-item-link {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  padding: 4px 2px;
  text-decoration: none;
}

.pmg-item-link:hover,
.pmg-item-link:focus {
  text-decoration: none;
}

.pmg-item.is-selected .psl-name {
  color: #1a56db;
}

.pmg-rail-restore {
  margin-left: 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

/* Two-column structure editors — Primary (left, always) | Parallel
   (right, dropdown-selected). Mirrors the project-form Primary|Parallel
   block; stacks on narrow widths. */
/* Single structure editor with a pipeline picker at the top. */
.pmg-editor-region {
  margin-bottom: 24px;
}

.pmg-picker-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.pmg-picker-label {
  flex-shrink: 0;
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #344054;
}

.pmg-pipeline-picker {
  flex: 0 1 340px;
  max-width: 340px;
  height: 38px;
  padding: 4px 12px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  border-radius: 8px;
}

/* Each editor reads as a card (was the single .pmg-detail panel). */
.pmg-editor {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  padding: 18px 22px 20px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  min-width: 0;
}

/* Bulk values grid below the editors (full width). */
.pmg-values-full {
  margin-top: 4px;
}

.pmg-values-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.pmg-values-icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: #eff4ff;
  color: #175cd3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
}

.pmg-values-headings {
  flex: 1 1 260px;
  min-width: 0;
}

.pmg-values-sub {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475467;
}

.pmg-values-pipeline {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.pmg-values-pipeline-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #344054;
  margin: 0;
}

.pmg-values-pipeline-select {
  min-width: 200px;
  max-width: 280px;
  height: 34px;
  padding: 3px 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.pmg-values-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin: 14px 0 4px;
  padding: 12px 14px;
  background: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 10px;
}

.pmg-values-filter,
.pmg-values-assign {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap; /* a phone: the select takes the row under its label */
  max-width: 100%;
}

.pmg-values-filter-label,
.pmg-values-assign-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #344054;
  margin: 0;
  white-space: nowrap;
}

.pmg-values-filter-select {
  min-width: min(200px, 100%);
  max-width: 100%;
  height: 34px;
  padding: 3px 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.pmg-values-assign #pmg-values-assign-stage {
  min-width: 170px;
  height: 34px;
  padding: 3px 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.pmg-values-result-count {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475467;
}

.pmg-values-selected {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475467;
  min-width: 74px;
}

.pmg-values-empty {
  margin: 16px 2px 4px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475467;
}

.pmg-values-table .pmg-values-row-select {
  height: 32px;
  padding: 2px 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  max-width: 260px;
}

@media (max-width: 767.98px) {
  .pmg-values-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
}
/* Detail body: stages left, Unclassified worklist right (primary). */
.pmg-body--split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 430px);
  gap: 24px;
  align-items: start;
}

@media (max-width: 1279px) {
  .pmg-body--split {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Detail panel */
.pmg-detail {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  padding: 20px 24px 24px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  min-width: 0;
}

.pmg-detail-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f2f4f7;
  margin-bottom: 16px;
}

.pmg-detail-title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.pmg-detail-name {
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  font-weight: 700;
  color: #101828;
  margin: 0;
  text-shadow: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pmg-detail-editbar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
}

.pmg-detail-editbar.hidden {
  display: none;
}

.pmg-detail-editbar .status-list-name-field {
  max-width: 280px;
}

.pmg-detail-editbar .status-list-status-field {
  max-width: 140px;
}

.pmg-detail-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap; /* on a phone the four actions wrap instead of running off the screen */
  gap: 8px;
  flex-shrink: 1;
  min-width: 0;
}

.pmg-delete-link {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.8132 / 12);
  font-weight: 500;
  color: #98a2b3;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  padding: 6px 4px;
}

.pmg-delete-link:hover,
.pmg-delete-link:focus {
  color: #b42318;
  text-decoration: none;
}

/* Primary context strip inside the detail panel */
.pmg-primary-note {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fffcf5;
  border: 1px solid #fedf89;
  border-radius: 10px;
  padding: 11px 14px;
  margin-bottom: 16px;
}

.pmg-primary-copy {
  flex: 1 1 auto;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
  color: #475467;
  max-width: 62ch;
}

/* Ask-at-the-end promote step (create flow's only fork) */
.pmg-promote {
  text-align: center;
  padding: 26px 24px 18px;
}

.pmg-promote-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ecfdf3;
  color: #067647;
  font-size: calc(var(--edc-fs-title) * 19 / 18);
  margin-bottom: 14px;
}

.pmg-promote-title {
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  font-weight: 700;
  color: #101828;
  margin: 0 0 4px;
  text-shadow: none;
}

.pmg-promote-sub {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  color: #475467;
  margin-bottom: 24px;
}

.pmg-promote-q {
  max-width: 560px;
  margin: 0 auto;
  border-top: 1px solid #f2f4f7;
  padding-top: 22px;
}

.pmg-promote-question {
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  color: #344054;
  margin-bottom: 18px;
  text-wrap: balance;
}

.pmg-promote-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.pmg-promote-hint {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #667085;
  margin-top: 16px;
  max-width: 52ch;
  margin-left: auto;
  margin-right: auto;
}

/* Stage editor */
.pmg-stages-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
}

.pmg-stages-title {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  color: #101828;
  margin: 0;
  flex: 1 1 auto;
  text-shadow: none;
}

.pmg-stages-table {
  margin: 0 0 18px;
  width: 100%;
  border-collapse: collapse;
}

.pmg-stages-table thead th {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
  text-align: left;
  padding: 8px 8px;
  border-bottom: 1px solid #eaecf0;
}

.pmg-stages-table td {
  vertical-align: middle;
  padding: 9px 8px;
  border-bottom: 1px solid #f2f4f7;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #344054;
}

.pmg-stages-table tbody tr:hover {
  background: #f9fafb;
}

.pmg-stages-table .drag-handle {
  color: #d0d5dd;
  text-align: center;
}

.pmg-stage-count-cell .pov-stage-count.pmg-stage-count--zero {
  color: #98a2b3;
  background: #f9fafb;
  font-weight: 500;
}

.pmg-empty {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  padding: 40px 32px;
  text-align: center;
  color: #475467;
}

/* Flow modal (create chooser / create form / make-primary mapping) */
#pipelineFlowModal > .modal-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
}

#pipelineFlowModal > .modal-dialog {
  position: relative;
  z-index: 1;
  max-width: 860px;
}

#pipelineFlowModal .modal-body {
  position: relative;
  padding: 22px 26px 24px;
}

.pmg-flow-close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
}

/* Phase 2 — New Pipeline flow: intent fork + template browse */
.pmg-intent-grid {
  display: grid;
  gap: 14px;
  margin-top: 6px;
}

.pmg-intent-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid #d0d5dd;
  border-radius: 12px;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

.pmg-intent-card:hover,
.pmg-intent-card:focus-visible {
  text-decoration: none;
  border-color: #175cd3;
  box-shadow: 0 2px 8px rgba(26, 86, 219, 0.12);
}

.pmg-intent-card--primary {
  border-color: #a4bcf4;
  background: #f5f8ff;
}

.pmg-intent-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #193f87;
  color: #fff;
  font-size: calc(var(--edc-fs-body) * 14.875 / 14);
}

.pmg-intent-card--secondary .pmg-intent-icon {
  background: #eaecf0;
  color: #475467;
}

.pmg-intent-copy {
  flex: 1 1 auto;
  min-width: 0;
}

.pmg-intent-name {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #101828;
  margin-bottom: 3px;
}

.pmg-intent-desc {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.5;
  color: #475467;
}

.pmg-intent-chevron {
  flex-shrink: 0;
  color: #98a2b3;
}

.pmg-intent-intro {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.55;
  color: #475467;
  background: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 18px;
  max-width: 68ch;
}

.pmg-browse-heading {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #344054;
  margin: 0 0 12px;
}

/* Unseeded-library note (Drift invariant pipeline_template_library_unseeded):
   body-size and neutral-600 — the legibility floor, not a whisper. */
.pmg-browse-empty {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475467;
  margin: 0 0 12px;
}

.pmg-browse-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
  align-items: start; /* cards size to content — no stretch whitespace */
}

.pmg-browse-card {
  display: block;
  padding: 15px 16px 14px;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.pmg-browse-card:hover,
.pmg-browse-card:focus-visible {
  text-decoration: none;
  border-color: #175cd3;
  box-shadow: 0 2px 8px rgba(26, 86, 219, 0.12);
}

.pmg-browse-name {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  color: #101828;
  margin-bottom: 4px;
}

.pmg-browse-desc {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.45;
  color: #475467;
  margin-bottom: 10px;
}

.pmg-browse-stages {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.pmg-browse-stages::before { /* connector line threading the dots */
  content: "";
  position: absolute;
  left: 4px;
  top: 12px;
  bottom: 12px;
  width: 2px;
  background: #e7eaef;
}

.pmg-browse-stage {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 3px 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  color: #344054;
  min-width: 0;
}

.pmg-browse-stage .pipeline-color-dot {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  box-shadow: 0 0 0 3px #fff; /* mask the connector behind each dot */
}

.pmg-browse-stage-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pmg-browse-stage--more {
  color: #475467;
  background: #fff;
  font-weight: 600;
}

.pmg-browse-arrow {
  color: #98a2b3;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}

.pmg-browse-card--scratch {
  border-style: dashed;
  border-color: #d0d5dd;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.pmg-browse-scratch-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #eff4ff;
  color: #175cd3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

.psl-row-main {
  display: block;
  text-decoration: none;
}

.psl-row-main:hover,
.psl-row-main:focus {
  text-decoration: none;
}

.psl-row-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.psl-name {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 600;
  color: #101828;
}

.psl-row-main:hover .psl-name {
  color: #1a56db;
}

.psl-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 5px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #667085;
}

.psl-dots {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.psl-status-cell .display-field {
  text-decoration: none;
}

.psl-status-badge {
  display: inline-block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  border-radius: 999px;
  padding: 2px 11px;
  cursor: pointer;
}

.psl-status-badge.is-active {
  color: #067647;
  background: #ecfdf3;
  border: 1px solid #abefc6;
}

.psl-status-badge.is-inactive {
  color: #475467;
  background: #f2f4f7;
  border: 1px solid #e5e7eb;
}

/* Star icon chip (primary context strip on the manage page). */
.psl-primary-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: #fffaeb;
  color: #f59e0b;
  font-size: var(--edc-fs-secondary);
  flex-shrink: 0;
}

.psl-foot-action {
  flex-shrink: 0;
  color: #475467;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}

.psl-foot-action:hover,
.psl-foot-action:focus {
  color: #101828;
  text-decoration: underline;
}

/* Multi-select (bootstrap-select) display text: semibold + dark —
   the washed-out regular weight read as empty. Scoped to the record
   form surface first (candidate for app-wide adoption once judged).
   True placeholders stay visibly lighter than values. */
.record-form-surface .bootstrap-select > .dropdown-toggle {
  color: #1d2939;
  font-weight: 600;
}

.record-form-surface .bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: #667085;
  font-weight: 500;
}

.record-form-surface .bootstrap-select .dropdown-menu li a {
  color: #344054;
}

/* Record Form Sections (rfs): this block moved to record_form.css
   during the revive-geo-bre-fable merge (the shared, canonical copy —
   including additions: interior normalization, --static header). */
/* ── Quick Add drawer form cleanup ──────────────────────────────
   The shared field partials render label + tooltip-icon + control;
   inside the narrow drawer the icon (block-ish, mt-10) wrapped onto
   its own line and every field ballooned. Scope the fix to the
   drawer so the full-page forms are untouched. */
.qa_form_container .form-group label,
.qa_form_container label {
  /* !important: a drawer ID rule forces labels display:block, which
     dropped every tooltip icon onto its own line. */
  display: inline-block !important;
  width: auto !important;
  margin: 0 2px 6px 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #344054;
  vertical-align: middle;
}

.qa_form_container .tooltip-popover {
  margin-top: 0 !important;
  margin-left: 4px !important;
  vertical-align: middle;
  opacity: 0.55;
}

.qa_form_container .tooltip-popover:hover {
  opacity: 1;
}

.qa_form_container .form-group {
  margin-bottom: 18px;
}

.qa_form_container .form-control,
.qa_form_container .custom-select {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.qa_form_container br {
  display: none;
}

.pt-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  margin-left: 6px;
  padding: 0 5px;
  border-radius: 999px;
  background: #1a56db;
  color: #fff;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
}

/* ── Unlock Custom Project Status wizard ─────────────────────────
   Shared design system for all 5 steps: labeled stepper, typographic
   scale for body content, standardized footer. */
.wizard-stepper {
  display: flex;
  list-style: none;
  margin: 4px 0 24px;
  padding: 0;
}

.wizard-stepper-step {
  flex: 1;
  position: relative;
  text-align: center;
}

.wizard-stepper-step::before {
  content: "";
  position: absolute;
  top: 14px;
  left: calc(-50% + 14px);
  width: calc(100% - 28px);
  height: 2px;
  background: #e2e6ea;
}

.wizard-stepper-step:first-child::before {
  display: none;
}

.wizard-stepper-step.active::before,
.wizard-stepper-step.complete::before {
  background: #193F87;
}

.wizard-stepper-dot {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #ced4da;
  color: #868e96;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  line-height: 1;
}

.wizard-stepper-step.active .wizard-stepper-dot {
  background: #193F87;
  border-color: #193F87;
  color: #fff;
}

.wizard-stepper-step.complete .wizard-stepper-dot {
  background: #193F87;
  border-color: #193F87;
  color: #fff;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
}

.wizard-stepper-label {
  display: block;
  margin-top: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #adb5bd;
}

.wizard-stepper-step.active .wizard-stepper-label {
  color: #193F87;
}

.wizard-stepper-step.complete .wizard-stepper-label {
  color: #495057;
}

.wizard-title {
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 6px;
}

.wizard-lead {
  color: #495057;
  line-height: 1.55;
  margin-bottom: 16px;
}

/* Pipeline create gallery — "starting points" cards. */
.pipeline-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.pipeline-gallery-card {
  display: block;
  border: 1px solid #e2e6ea;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.pipeline-gallery-card:hover,
.pipeline-gallery-card:focus-visible {
  border-color: #193F87;
  box-shadow: 0 2px 10px rgba(25, 63, 135, 0.1);
  text-decoration: none;
  color: inherit;
}

.pipeline-gallery-name {
  font-weight: 600;
  font-size: var(--edc-fs-body);
  color: #101828;
  margin-bottom: 4px;
}

.pipeline-gallery-desc {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475467;
  line-height: 1.5;
  margin-bottom: 10px;
}

.pipeline-gallery-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.pipeline-gallery-chip {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475467;
  background: #f1f3f5;
  border-radius: 3px;
  padding: 2px 7px;
  white-space: nowrap;
}

.pipeline-gallery-chip-more {
  color: #667085;
  font-style: italic;
}

.pipeline-gallery-blank {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-style: dashed;
}

.pipeline-gallery-blank-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #eef2f9;
  color: #193F87;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

/* Shared stage builder (pipelines/_stage_builder) — used by the
   wizard Step 2 and the Create-new-Pipeline flow. */
/* ── Filter drawer (pf-*) ─────────────────────────────────────── */
.pf-section {
  margin-bottom: 22px;
}

.pf-heading {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #475467;
  margin-bottom: 10px;
}

.pf-label {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 500;
  color: #475467;
  margin: 0 0 4px;
}

.pf-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 14px;
}

.pf-grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.pf-grid .form-control, .pf-grid .btn.dropdown-toggle {
  height: 2.35rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.pf-chiprow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pf-chip input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pf-chip {
  margin: 0;
  cursor: pointer;
}

.pf-chip-body {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border: 1px solid #D0D5DD;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 500;
  color: #344054;
  background: #fff;
  transition: all 0.12s ease;
}

.pf-chip:hover .pf-chip-body {
  border-color: #98A2B3;
}

.pf-chip input:checked + .pf-chip-body {
  background: #EFF4FF;
  border-color: #2563EB;
  color: #1D4ED8;
  font-weight: 600;
}

.pf-chip input:focus-visible + .pf-chip-body {
  outline: 2px solid #2563EB;
  outline-offset: 1px;
}

.pf-chip-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}

.pf-heading-sub {
  display: inline-block;
  margin-left: 6px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #2563EB;
}

/* ── /projects Status column header (pipeline pointer) ─────────── */
.status-col-th {
  white-space: nowrap;
}

.status-col-header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.status-col-header .sch-title {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.status-col-header .sch-icon {
  color: #475467;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.status-col-header .sch-select {
  max-width: 190px;
  height: 1.9rem;
  padding: 1px 22px 1px 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 500;
  color: #344054;
  background-color: #fff;
  border: 1px solid #D0D5DD;
  border-radius: 6px;
  cursor: pointer;
}

.status-col-header .sch-select:hover {
  border-color: #98A2B3;
}

.status-col-header .sch-select:focus-visible {
  outline: 2px solid #2563EB;
  outline-offset: 1px;
  border-color: #2563EB;
}

/* ── /projects parallel-pipeline stage cell ───────────────────── */
.pipeline-stage-cell {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.pipeline-stage-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}

.pipeline-stage-unset {
  color: #475467;
  font-style: italic;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.pf-daterange .input-group-text {
  background: transparent;
  border: 0;
  padding: 0 6px;
  color: #98A2B3;
}

.pf-daterange .form-control {
  border-radius: 6px !important;
  text-align: center;
}

.pf-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.pf-reset-link {
  color: #475467;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  text-decoration: none;
}

.pf-reset-link:hover {
  color: #B42318;
  text-decoration: underline;
}

.pipeline-basic-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid #D0D5DD;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  max-width: 720px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pipeline-basic-card:hover, .pipeline-basic-card:focus {
  border-color: #2563EB;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.08);
  color: inherit;
  text-decoration: none;
}

.pipeline-basic-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #EFF4FF;
  color: #2563EB;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  flex-shrink: 0;
}

.pipeline-basic-chevron {
  margin-left: auto;
  color: #98A2B3;
}

.pipeline-specialty-heading {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 22px 0 12px;
  max-width: 720px;
}

.pipeline-specialty-spark {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  line-height: 1.3;
}

.pipeline-specialty-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 12px;
  max-width: 980px;
}

.pipeline-specialty-card {
  display: block;
  padding: 14px 16px;
  border: 1px solid #EAECF0;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.pipeline-specialty-card:hover, .pipeline-specialty-card:focus {
  border-color: #2563EB;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.08);
  transform: translateY(-1px);
  color: inherit;
  text-decoration: none;
}

.pipeline-specialty-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.pipeline-specialty-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #EFF4FF;
  color: #2563EB;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  flex-shrink: 0;
}

.pipeline-specialty-examples {
  margin-top: 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475467;
  font-weight: 500;
}

.pipeline-star-cell {
  text-align: center;
}

.pipeline-star {
  font-size: var(--edc-fs-body);
  text-decoration: none;
}

.pipeline-star.is-primary {
  color: #F59E0B;
}

a.pipeline-star {
  color: #ADB5BD;
}

a.pipeline-star:hover, a.pipeline-star:focus {
  color: #F59E0B;
}

.pipeline-lock {
  color: #ADB5BD;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  margin-left: 5px;
}

/* ── Unclassified worklist card (pov-*) — lives on the manage
   page's detail panel; the count pill is shared with the stage
   editor rows. */
.pov-card {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  padding: 18px 20px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.pov-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.pov-card-name {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #101828;
  margin: 0;
  text-shadow: none;
}

.pov-stage-count {
  flex-shrink: 0;
  min-width: 26px;
  text-align: center;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 700;
  color: #101828;
  background: #f2f4f7;
  border-radius: 999px;
  padding: 1px 8px;
  display: inline-block;
}

/* Worklist */
.pov-worklist--attention {
  border-color: #fedf89;
}

.pov-worklist-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: #fef0c7;
  color: #b54708;
  font-size: var(--edc-fs-secondary);
  flex-shrink: 0;
}

.pov-worklist-icon--ok {
  background: #ecfdf3;
  color: #067647;
}

.pov-count-warn {
  color: #92400e;
  background: #fef0c7;
}

.pov-count-ok {
  color: #067647;
  background: #ecfdf3;
}

.pov-copy {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  line-height: 1.6;
  color: #475467;
  max-width: 78ch;
  margin-bottom: 16px;
}

.pov-assign-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 14px;
  background: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  margin-bottom: 16px;
}

.pov-assign-label {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #344054;
  margin: 0;
}

.pov-assign-bar .custom-select {
  max-width: 260px;
}

.pov-selected {
  margin-left: auto;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475467;
}

.pov-table {
  width: 100%;
  border-collapse: collapse;
}

.pov-table th {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
  text-align: left;
  padding: 8px 12px;
  border-bottom: 1px solid #eaecf0;
}

.pov-table td {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #344054;
  padding: 12px;
  border-bottom: 1px solid #f2f4f7;
  vertical-align: middle;
}

.pov-table tbody tr:hover {
  background: #f9fafb;
}

.pov-th-check {
  width: 36px;
}

.pov-td-number {
  font-weight: 600;
  color: #101828;
  white-space: nowrap;
}

.pov-project-link {
  color: #175cd3;
  font-weight: 500;
  text-decoration: none;
}

.pov-project-link:hover {
  text-decoration: underline;
}

.pov-kept-badge {
  display: inline-block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #344054;
  background: #f2f4f7;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 2px 10px;
  margin-right: 6px;
}

.pov-kept-note {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #98a2b3;
}

.pipeline-primary-badge {
  background: #E8F0FE;
  color: #1A56DB;
  border: 1px solid #C3D4F8;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  vertical-align: middle;
  margin-left: 6px;
}

.stage-builder-rows {
  max-width: 560px;
}

.stage-builder-row {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f1f3;
}

.stage-builder-row:last-child {
  border-bottom: 0;
}

.stage-builder-row-main {
  display: flex;
  align-items: center;
  gap: 8px;
}

.stage-builder-row .form-control {
  height: 34px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.stage-builder-capture {
  margin-top: 6px;
  padding-left: 26px; /* align under the name input, past the drag handle */
}

.stage-builder-capture-label {
  display: block;
  margin-bottom: 3px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #6c757d;
}

.stage-builder-capture-label .fa {
  margin-right: 4px;
}

.stage-builder-capture-help {
  display: block;
  margin-top: 2px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.94 / 10);
}

.stage-builder-capture .form-control-sm {
  height: 30px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  max-width: 360px;
}

.stage-builder-color {
  flex: 0 0 44px;
  width: 44px;
  padding: 2px;
  cursor: pointer;
}

.stage-builder-handle {
  flex-shrink: 0;
  color: #adb5bd;
  cursor: grab;
  padding: 0 2px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.stage-builder-row.ui-sortable-helper {
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

.stage-builder-remove {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: #adb5bd;
  border-radius: 50%;
  cursor: pointer;
}

.stage-builder-remove:hover {
  background: #fbe9eb;
  color: #B02A37;
}

.wizard-footnote {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #868e96;
  margin-bottom: 0;
}

.wizard-footnote .fa {
  margin-right: 4px;
}

.wizard-field-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #495057;
  margin-bottom: 2px;
}

.wizard-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid #eef0f3;
  padding-top: 14px;
  margin-top: 20px;
}

/* Legacy field-group support (legacy form layout reuse) */
.field-group {
  border-left: 3px solid #193F87;
  padding: 8px 0 4px 16px;
  margin-bottom: 12px;
}

.field-group-title {
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 11.9994 / 12);
  color: #1a1a1a;
  letter-spacing: -0.01em;
}

.field-group-indent {
  padding-left: 4px;
}

.status-list-inline {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
}

.status-list-label {
  margin: 0;
  white-space: nowrap;
  min-width: 80px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  color: #555555;
}

.status-list-select {
  max-width: 220px;
  height: 32px;
  padding: 2px 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.manage-link {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  margin-top: 4px;
  display: inline-block;
  color: #555555;
}

.manage-link:hover {
  color: #193F87;
}

/* Drag handle (Pipelines management modal) */
.drag-handle {
  cursor: grab;
  color: #adb5bd;
}

.drag-handle:active {
  cursor: grabbing;
}

/* ──────────────────────────────────────────────────────────────────
 * Wizard step indicator (Unlock Custom Project Status modal)
 * Used by `_body.html.erb`'s .wizard-steps strip.
 * ───────────────────────────────────────────────────────────────── */
.wizard-steps {
  display: flex;
  gap: 4px;
  padding: 8px 0;
  border-bottom: 1px solid #e9ecef;
}

.wizard-step {
  flex: 1;
  text-align: center;
  padding: 6px 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #adb5bd;
  background: #f8f9fa;
  border-radius: 4px;
  transition: background 0.15s, color 0.15s;
}

.wizard-step.active {
  color: #fff;
  background: #193F87;
}

.wizard-step.complete {
  color: #fff;
  background: #2db97f;
}

.wizard-step-body {
  padding: 16px 0 8px;
}

.wizard-step-body h5 {
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 8px;
}

/* ── Derived rows (DerivedPaths) ──────────────────────────────────────────
   Records reached by traversal, never by a stored row. The DASHED accent is
   the carrier of "inferred" and it is doubled by the section heading, the
   intro sentence and a per-row "via …" label — so the distinction survives
   greyscale, colour-blindness and a printed page. Colour is never the only
   thing saying this. */
.derived-activities {
  margin-top: 24px;
  padding: 16px 0 4px 16px;
  border-left: 3px dashed #b9c0c9;
}

.derived-activities__head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
}

.derived-activities__title {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  color: #344054;
}

.derived-activities__title .fa-link {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #667085;
  margin-right: 4px;
}

.derived-activities__count {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475467;
  background: #f1f3f5;
  border-radius: 999px;
  padding: 2px 10px;
}

.derived-activities__intro {
  margin: 6px 0 12px;
  max-width: 74ch;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.5;
  color: #475467;
}

.derived-activities__table {
  background: #fbfcfd;
}

.derived-activities__table th {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  letter-spacing: 0.04em;
  color: #475467;
}

.derived-activities__table td {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  vertical-align: middle;
}

.derived-activities__via {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px dashed #b9c0c9;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475467;
  white-space: normal;
}

.derived-activities__via .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  color: #667085;
}

/* The menu's box model is its own. A page-wide reset injected later (a
   mounted component's CssBaseline — Drift::GlobalCssResets) once flipped the
   section rows to content-box and grew them 36px → 48px; the id selector
   outranks any `*` rule, so the rows hold whatever a page loads. */
#site-menubar, #site-menubar *, #site-menubar *::before, #site-menubar *::after {
  box-sizing: border-box;
}

/* Record Form Sections (rfs) — the bold sectioned form pattern.
   COPIED VERBATIM from revive-pipelines-and-kanban layout.css (where the
   projects form introduced it) so the company form here uses the exact
   same system and the branch merge resolves to one pattern.
   POST-MERGE CLEANUP: this block will exist twice (here + layout.css
   from that branch) — identical rules, harmless duplication; delete the
   layout.css copy and keep this file. */
.rfs-sect {
  display: none;
}

.rfs-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

@media (min-width: 1280px) {
  .rfs-layout {
    grid-template-columns: minmax(0, 1fr) 200px;
  }
}
.rfs-card {
  background: #ffffff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  padding: 20px 22px;
  margin-bottom: 20px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

/* Uniform bottom whitespace: the LAST element in every card sheds
   its trailing margins so padding alone sets the gap (Timeline was
   bloated by trailing margins; bare Pipelines had none). */
.rfs-card-body > :last-child {
  margin-bottom: 0 !important;
}

.rfs-card-body > :last-child > .form-group,
.rfs-card-body > :last-child > [class*=col] > .form-group:last-child {
  margin-bottom: 0;
}

.rfs-card--bare .pipeline-card {
  margin-bottom: 0;
}

/* Two half-height sections share a row as side-by-side CARDS (Site
   Flags left, Lease and Sales right); each keeps its own single-
   column list inside. */
.rfs-card-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
  margin-bottom: 20px;
}

.rfs-card-pair > .rfs-card {
  margin-bottom: 0;
}

@media (max-width: 1279.98px) {
  .rfs-card-pair {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Inside the paired half-width cards, each boolean row reads
   "Label ⓘ 🔍 …………… ◉No ○Yes" — one line, label left, radios right
   (the legacy col widths wrapped labels and orphaned the icons). */
.rfs-card-pair .rfs-card-body .form-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0 0 16px;
}

.rfs-card-pair .rfs-card-body .form-row [class*=col] {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  padding: 0;
}

.rfs-card-pair .rfs-card-body .form-row [class*=col]:first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.rfs-card-pair .rfs-card-body .radioLbl {
  text-align: left !important;
}

.rfs-card-pair .rfs-card-body label {
  margin-bottom: 0;
}

.rfs-card-pair .rfs-card-body .form-row:last-child {
  margin-bottom: 0;
}

.rfs-card-pair .rfs-card-body .form-row:first-child,
.rfs-card-pair .rfs-card-body > div > .form-row:first-child {
  margin-top: 0 !important;
}

.rfs-card-pair .rfs-card-body > div {
  padding: 0;
  margin: 0;
}

.rfs-card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: -2px 0 18px;
}

.rfs-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: #eef2ff;
  color: #3538cd;
  font-size: var(--edc-fs-secondary);
  flex-shrink: 0;
}

.rfs-card-title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #101828;
  margin: 0;
  text-shadow: none;
}

/* Static header variant: same voice, no collapse affordance — for
   section cards outside the collapsible-forms context (e.g. Data
   Health section shells adopting the rfs header vocabulary). */
.rfs-card-header.rfs-card-header--static,
.rfs-card-header.rfs-card-header--static:hover {
  cursor: default;
  background: transparent;
}

/* Cards ARE the separators — every legacy divider inside the bold
   surface goes (in-card, between-wrapper, all of them). */
.rfs-main .divider-hr {
  display: none;
}

/* Collapsible sections: header toggles, chevron tracks state. */
.rfs-card-header {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 8px;
}

.rfs-card-header:hover {
  background: #f9fafb;
}

.rfs-card-header:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.rfs-card-chevron {
  color: #667085;
  font-size: var(--edc-fs-secondary);
  width: 16px;
  text-align: center;
  transition: transform 0.15s ease;
  flex-shrink: 0;
}

/* Legacy artifacts retired inside the bold surface: duplicate
   pseudo-heading rows and the old panel headings (their collapse is
   superseded by the card collapse). */
.rfs-card .rfs-legacy-heading,
.rfs-card .panel-heading.rfs-hidden {
  display: none !important;
}

.rfs-card .panel .collapse.show {
  height: auto;
}

.rfs-card.rfs-collapsed .rfs-card-chevron {
  transform: rotate(-90deg);
}

.rfs-card.rfs-collapsed .rfs-card-body {
  display: none;
}

.rfs-card.rfs-collapsed .rfs-card-header {
  margin-bottom: -2px;
}

/* Bare card: the content brings its OWN chrome (the Pipelines card)
   — no double frame. */
.rfs-card--bare {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

/* Pipelines is the special section — accent it (indigo family, same
   voice as the board kickers) now that it leads the form. */
.rfs-main .pipeline-card {
  border: 1px solid #c7d7fe;
  box-shadow: 0 1px 3px rgba(53, 56, 205, 0.08);
}

.rfs-main .pipeline-card-header {
  background: #eef2ff;
  border-bottom: 1px solid #c7d7fe;
}

/* Display-only project hero above the form. */
.rfs-hero {
  margin: 2px 0 20px;
}

.rfs-hero-title {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: #101828;
  margin: 0;
  text-shadow: none;
  letter-spacing: -0.01em;
}

.rfs-hero-meta {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  color: #475467;
  margin-top: 4px;
}

/* The two legacy collapsible panels (Investments / Lease and Sales)
   live inside headerless cards — flatten their chrome to match. */
.rfs-card .panel {
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}

.rfs-nav {
  position: sticky;
  top: 96px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  padding: 6px 0;
}

.rfs-nav-kicker {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #475467;
  margin: 0 10px 8px;
}

.rfs-nav a {
  display: block;
  padding: 6px 10px;
  border-radius: 8px;
  color: #475467;
  text-decoration: none;
  border-left: 2px solid transparent;
  line-height: 1.4;
}

.rfs-nav a:hover {
  color: #101828;
  background: #f9fafb;
}

.rfs-nav a.active {
  color: #175cd3;
  background: #eff4ff;
  border-left-color: #175cd3;
  font-weight: 600;
}

@media (max-width: 1279.98px) {
  .rfs-nav {
    display: none;
  }
}
.rfs-savebar {
  position: sticky;
  bottom: 0;
  z-index: 5;
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  border-top: 1px solid #eaecf0;
  padding: 12px 2px 6px;
  margin-top: 8px;
}

.rfs-savebar .divider-hr {
  display: none;
}

.rfs-savebar .form-row {
  margin-bottom: 0;
}

/* ------------------------------------------------------------------
   rfs interior normalization — ADDED on this branch (NOT part of the
   verbatim block above; keep both at merge). The legacy panel bodies
   were styled for the flat stacked-panel page and fight the card
   rhythm: their own padding on top of the card's, spacing utilities
   (mt-20, list padding) standing in for a consistent rhythm, tooltip/
   magnify icons offset below their labels, and raw <hr>s as section
   dividers. Everything here is scoped to .rfs-card so non-rfs render
   sites of the same partials are untouched. */
/* The card already pads — the legacy panel body must not. */
.rfs-card .panel-body {
  padding: 0;
}

/* One vertical rhythm: every column in a field row ends with 16px. */
.rfs-card-body .row > [class*=col],
.rfs-card-body .form-row > [class*=col] {
  margin-bottom: 16px;
}

.rfs-card-body .form-group .form-group,
.rfs-card-body .form-row .form-row > [class*=col] {
  margin-bottom: 0;
}

.rfs-card-body .mt-20 {
  margin-top: 0 !important;
}

/* Cards are the separators — raw <hr>s inside them go the way of
   .divider-hr (hidden by the block above). */
.rfs-card-body hr {
  display: none;
}

/* Labels: one consistent voice, icons riding the label line. */
.rfs-card-body label {
  font-weight: 600;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #344054;
  margin: 0 0 6px;
}

.rfs-card-body .custom-radioBtn label {
  font-weight: 400;
  margin: 0;
}

.rfs-card-body .tooltip-popover {
  margin: 0 0 0 6px !important;
  color: #98a2b3;
  font-size: var(--edc-fs-secondary);
  vertical-align: baseline;
}

.rfs-card-body .magnify-glass-icon {
  margin-left: 4px;
  color: #98a2b3;
  font-size: var(--edc-fs-label);
}

.rfs-card-body .magnify-glass-icon:hover {
  color: #175cd3;
}

/* Boolean rows ("BRE ⓘ 🔍 ◉Yes ○No"): one compact line, no list
   padding, no utility-class spacing. */
.rfs-card-body .inline-items > ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap; /* the label and its picker share a row until a phone, then the picker drops under */
  gap: 8px 14px;
  padding: 0;
  margin: 0;
}

.rfs-card-body .inline-items li {
  padding: 0;
  min-width: 0;
  max-width: 100%;
}

.rfs-card-body .inline-items li.lblMdBlock {
  display: flex;
  align-items: center;
  gap: 4px;
}

.rfs-card-body .inline-items label {
  margin-bottom: 0;
}

/* In-card sub-section kicker (e.g. "Addresses"). */
.rfs-subhead {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #475467;
  margin: 4px 0 12px;
}

/* A note laid out as a content-width column (col-auto) may shrink and
   wrap inside the card instead of pushing the page sideways on a phone. */
.rfs-card-body .form-row > .col-auto,
.rfs-card-body .row > .col-auto {
  flex: 0 1 auto;
  max-width: 100%;
  white-space: normal;
}

/* Address blocks read as quiet sub-cards; their inline background
   stays, the frame comes from here. */
.rfs-card-body .address_fields > .form-group {
  background: #f9fafb !important;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  /* The same breathing room above the first row and below the last
     (the bottom was 4px, the fields sat against the frame). */
  padding: 16px;
  margin-bottom: 14px;
}

.rfs-card-body .address_fields > .form-group > .col-md-12 {
  padding: 0;
}

.rfs-card-body .address_fields > .form-group > .col-md-12 > .form-row:last-child {
  margin-bottom: 0;
}

.rfs-card-body .address_fields > .form-group > .col-md-12 > .form-row:last-child > .form-group {
  margin-bottom: 0;
}

.rfs-card-body .address_fields .addressLabel {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #101828;
  margin-top: 0;
}

.rfs-card-body .address_fields .addressLabel + .float-end {
  margin-top: 0;
}

.rfs-card-body .remove-link {
  color: #9f1c15; /* 4.5:1 on the frame's tint */
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
}

/* The save/cancel row is each section form's last row — its columns
   shed the rhythm margin so card padding alone closes the card. */
.rfs-card-body fieldset > .form-row:last-child > [class*=col],
.rfs-card-body fieldset > .row:last-child > [class*=col],
.rfs-card-body .modalFooterBtns [class*=col] {
  margin-bottom: 0;
}

.rfs-card-body .modalFooterBtns .form-group {
  margin-bottom: 0;
}

/* Data Health delivery — the contextual signal chip + compare modal
   (docs/DATA_HEALTH_DELIVERY.md). Tone: helpful, not alarming — the
   mark must read as inviting in embedded spots, never as an error
   badge. One chip shape everywhere it appears (learnable language). */
.dh-signal-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  white-space: nowrap;
}

.dh-signal-chip:hover {
  text-decoration: none;
  filter: brightness(0.97);
}

.dh-signal-chip:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

/* Proposed = a suggestion waiting on the user (blue, inviting). */
.dh-signal-chip--proposed {
  background: #eff8ff;
  color: #175cd3;
  border-color: #b2ddff;
}

.dh-signal-chip--proposed:hover {
  color: #175cd3;
}

/* Applied = we tidied this up, please glance at it (green, calm). */
.dh-signal-chip--applied {
  background: #ecfdf3;
  color: #067647;
  border-color: #abefc6;
}

.dh-signal-chip--applied:hover {
  color: #067647;
}

/* The heart mark is an inline SVG (data_health_mark helper) — ALWAYS red,
   never tinted by context (identity ruling 2026-08-18). State colors live
   on the chip containers above, never on the heart. */
.dh-heart-mark {
  vertical-align: -2px;
  flex: 0 0 auto;
}

.dh-signal-lede {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  color: #344054;
  margin-bottom: 12px;
}

.dh-signal-attention {
  background: #fffaeb;
  border: 1px solid #fedf89;
  color: #93370d;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  margin-bottom: 12px;
}

.dh-compare-table th[scope=row] {
  font-weight: 600;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475467;
  width: 28%;
}

.dh-compare-table td {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  color: #101828;
}

/* Changed rows: emphasis + tint on the incoming value — never color
   alone (the row header carries a visually-hidden "(changed)"). */
.dh-compare-changed td.dh-compare-to {
  font-weight: 700;
  background: #eff8ff;
}

.dh-signal-provenance {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475467;
  margin-bottom: 14px;
}

.dh-signal-queue-link {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #175cd3;
  text-decoration: none;
}

.dh-signal-queue-link:hover {
  text-decoration: underline;
}

.portal-page {
  margin-left: 0px !important;
}

.portal-footer {
  margin-left: 0px !important;
}

.mailbox-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100% !important;
}
.mailbox-table thead th {
  border-bottom: 1px solid #e9ecef;
  padding: 8px 16px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #6c757d;
}
.mailbox-table tbody .mailbox-row {
  cursor: pointer;
  transition: background-color 0.15s ease;
  border-bottom: 1px solid #f0f0f0;
}
.mailbox-table tbody .mailbox-row:hover {
  background-color: #f8f9fa;
}
.mailbox-table tbody .mailbox-row.mailbox-row-active {
  background-color: #e8f4fd;
  border-left: 3px solid #2ED573;
}
.mailbox-table tbody .mailbox-row td {
  padding: 12px 16px;
  vertical-align: middle;
}

.mailbox-inbox-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
}

.mailbox-avatar-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  font-weight: 600;
  font-size: var(--edc-fs-heading);
}

.mailbox-row-content {
  flex: 1;
  min-width: 0;
}

.mailbox-sender {
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mailbox-subject {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mailbox-preview {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #6c757d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mailbox-row-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  white-space: nowrap;
  min-width: 80px;
}

.mailbox-date {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6c757d;
}

.mailbox-badges {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.mailbox-badges .badge {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 4px;
  line-height: 1.4;
}

.mailbox-attachment-icon {
  color: #6c757d;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.mailbox-detail-panel {
  width: 500px !important;
  top: 66px !important;
  height: calc(100vh - 66px) !important;
}
@media (max-width: 768px) {
  .mailbox-detail-panel {
    width: 100% !important;
  }
}
.mailbox-detail-panel .offcanvas-header {
  padding: 12px 20px;
}
.mailbox-detail-panel .offcanvas-body {
  padding: 20px;
}

.mailbox-detail-body {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.mailbox-detail-body img {
  max-width: 100%;
  height: auto;
}

.mailbox-header-table {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.mailbox-header-table td {
  padding: 2px 8px 2px 0 !important;
}

.mailbox-detail-contact .card {
  border: 1px solid #e9ecef;
}

.mailbox-detail-attachments a {
  text-decoration: none;
}
.mailbox-detail-attachments a:hover {
  text-decoration: underline;
}

:root {
  --edc-primary-button-bg-color: #2563eb;
  --edc-primary-button-border-color: #2563eb;
  --edc-primary: #2563eb;
  --edc-primary-strong: #1d4ed8;
  --edc-primary-tint: #dbeafe;
  --edc-progress-primary: #17a2b8;
  --edc-progress-secondary: #15803d;
  --edc-grey: #D3D3D3;
  --edc-sidebar-bg: #0f1a2e;
  --edc-sidebar-text: rgba(255, 255, 255, 0.92);
  --edc-sidebar-text-muted: rgba(255, 255, 255, 0.65);
  --edc-sidebar-hover-bg: rgba(255, 255, 255, 0.08);
  --edc-sidebar-active-bg: rgba(255, 255, 255, 0.12);
  --edc-sidebar-active-text: #ffffff;
  --edc-sidebar-active-icon: #60a5fa;
  --edc-sidebar-border: rgba(255, 255, 255, 0.08);
  --edc-sidebar-divider: rgba(255, 255, 255, 0.10);
  --edc-sidebar-arrow: rgba(255, 255, 255, 0.55);
  --edc-sidebar-submenu-bg: #162036;
  --edc-sidebar-button-border: rgba(255, 255, 255, 0.2);
  --edc-sidebar-button-bg: transparent;
  --edc-navbar-bg: #ffffff;
  --edc-navbar-text: #1f2937;
  --edc-content-bg: #f1f4f8;
  --edc-panel-bg: #ffffff;
  --edc-panel-border: #e5e7eb;
  --edc-text-primary: #1f2937;
  --edc-text-secondary: #4b5563;
  --edc-text-muted: #6b7280;
  --edc-text-muted-words: #6b7280;
  --edc-table-header-bg: #f9fafb;
  --edc-table-hover-bg: #f3f4f6;
  --edc-input-bg: #ffffff;
  --edc-input-border: #d1d5db;
}

html[data-edc-new] {
  --edc-text-muted-words: #4b5563;
}

html[data-edc-new][data-font-size=small] {
  font-size: 13px;
}

html[data-edc-new][data-font-size=medium] {
  font-size: 14px;
}

html[data-edc-new][data-font-size=large] {
  font-size: 16px;
}

html[data-edc-new][data-font-size=large] .site-menu > .site-menu-item > a .site-menu-title,
html[data-edc-new][data-font-size=large] .site-menu > .site-menu-item > form > button .site-menu-title,
html[data-edc-new][data-font-size=large] .site-menu > .site-menu-item > button .site-menu-title {
  font-size: var(--edc-fs-body) !important;
}

body.reduced-motion,
body.reduced-motion * {
  animation-duration: 0.001ms !important;
  transition-duration: 0.001ms !important;
}

body[data-theme=light] {
  --edc-sidebar-bg: #f8f9fa;
  --edc-sidebar-text: #374151;
  --edc-sidebar-text-muted: #6b7280;
  --edc-sidebar-hover-bg: rgba(0, 0, 0, 0.04);
  --edc-sidebar-active-bg: rgba(37, 99, 235, 0.08);
  --edc-sidebar-active-text: #1d4ed8;
  --edc-sidebar-active-icon: #2563eb;
  --edc-sidebar-border: #e5e7eb;
  --edc-sidebar-divider: #e5e7eb;
  --edc-sidebar-arrow: #9ca3af;
  --edc-sidebar-submenu-bg: #f1f3f5;
  --edc-sidebar-button-border: #d1d5db;
  --edc-sidebar-button-bg: transparent;
}
body[data-theme=light] .site-menubar {
  background: var(--edc-sidebar-bg) !important;
  border-right: 1px solid var(--edc-sidebar-border) !important;
}
body[data-theme=light] .site-menu-icon {
  color: var(--edc-sidebar-text-muted) !important;
}
body[data-theme=light] .site-menu-arrow {
  color: var(--edc-sidebar-arrow) !important;
}
body[data-theme=light] .site-menu-item.open > a > .site-menu-arrow {
  color: var(--edc-text-muted-words, #6b7280) !important;
}
body[data-theme=light] .site-menu-divider {
  border-top-color: var(--edc-sidebar-divider) !important;
}
body[data-theme=light] .site-menubar-fold .site-menu > .site-menu-item > .site-menu-sub {
  background: var(--edc-sidebar-submenu-bg) !important;
  border-color: var(--edc-sidebar-border) !important;
}
body[data-theme=light] .site-menu > .site-menu-item > a,
body[data-theme=light] .site-menu > .site-menu-item > form > button,
body[data-theme=light] .site-menu > .site-menu-item > button {
  color: var(--edc-sidebar-text) !important;
}
body[data-theme=light] .site-menu > .site-menu-item > a .site-menu-icon,
body[data-theme=light] .site-menu > .site-menu-item > form > button .site-menu-icon,
body[data-theme=light] .site-menu > .site-menu-item > button .site-menu-icon {
  color: var(--edc-sidebar-text-muted) !important;
}
body[data-theme=light] .site-menu > .site-menu-item:not(.active):hover > a,
body[data-theme=light] .site-menu > .site-menu-item:not(.active):hover > form > button,
body[data-theme=light] .site-menu > .site-menu-item:not(.active):hover > button {
  color: #1f2937 !important;
  background-color: var(--edc-sidebar-hover-bg) !important;
}
body[data-theme=light] .site-menu > .site-menu-item:not(.active):hover > a .site-menu-icon,
body[data-theme=light] .site-menu > .site-menu-item:not(.active):hover > form > button .site-menu-icon,
body[data-theme=light] .site-menu > .site-menu-item:not(.active):hover > button .site-menu-icon {
  color: #4b5563 !important;
}
body[data-theme=light] .site-menu > .site-menu-item.active > a,
body[data-theme=light] .site-menu > .site-menu-item.active > form > button,
body[data-theme=light] .site-menu > .site-menu-item.active > button {
  color: var(--edc-sidebar-active-text) !important;
  background-color: var(--edc-sidebar-active-bg) !important;
  border-left-color: #2563eb !important;
}
body[data-theme=light] .site-menu > .site-menu-item.active > a .site-menu-icon,
body[data-theme=light] .site-menu > .site-menu-item.active > form > button .site-menu-icon,
body[data-theme=light] .site-menu > .site-menu-item.active > button .site-menu-icon {
  color: var(--edc-sidebar-active-icon) !important;
}
body[data-theme=light] .site-menu-item.active > .site-menu-icon i {
  color: var(--edc-sidebar-active-icon) !important;
}
body[data-theme=light] .site-menu .site-menu-sub .site-menu-item > a {
  color: #4b5563 !important;
}
body[data-theme=light] .site-menu .site-menu-sub .site-menu-item.active > a {
  color: #1d4ed8 !important;
  font-weight: 600;
}
body[data-theme=light] .site-menu .site-menu-sub .site-menu-item:hover > a {
  color: #1f2937 !important;
  background: rgba(0, 0, 0, 0.02) !important;
}

body[data-theme=dark] {
  --edc-navbar-bg: #1a1a2e;
  --edc-navbar-text: #e5e7eb;
  --edc-content-bg: #111827;
  --edc-panel-bg: #1f2937;
  --edc-panel-border: #374151;
  --edc-text-primary: #f3f4f6;
  --edc-text-secondary: #9ca3af;
  --edc-text-muted: #6b7280;
  --edc-table-header-bg: #1f2937;
  --edc-table-hover-bg: #374151;
  --edc-input-bg: #1f2937;
  --edc-input-border: #4b5563;
  background-color: var(--edc-content-bg) !important;
  color: var(--edc-text-primary);
}
body[data-theme=dark] .navbar-white {
  background-color: var(--edc-navbar-bg) !important;
}
body[data-theme=dark] .page {
  background-color: var(--edc-content-bg) !important;
}
body[data-theme=dark] .page-content {
  color: var(--edc-text-primary);
}
body[data-theme=dark] .panel {
  background-color: var(--edc-panel-bg) !important;
  border-color: var(--edc-panel-border) !important;
}
body[data-theme=dark] .panel-heading {
  border-bottom-color: var(--edc-panel-border) !important;
}
body[data-theme=dark] .card {
  background-color: var(--edc-panel-bg) !important;
  border-color: var(--edc-panel-border) !important;
}
body[data-theme=dark] .table {
  color: var(--edc-text-primary);
  --bs-table-bg: var(--edc-panel-bg);
}
body[data-theme=dark] .table thead th {
  background-color: var(--edc-table-header-bg) !important;
  color: var(--edc-text-secondary) !important;
  border-color: var(--edc-panel-border) !important;
}
body[data-theme=dark] .table td {
  border-color: var(--edc-panel-border) !important;
}
body[data-theme=dark] .table-hover > tbody > tr:hover {
  --bs-table-hover-bg: var(--edc-table-hover-bg);
}
body[data-theme=dark] .form-control, body[data-theme=dark] .form-select {
  background-color: var(--edc-input-bg) !important;
  border-color: var(--edc-input-border) !important;
  color: var(--edc-text-primary) !important;
}
body[data-theme=dark] .text-muted {
  color: var(--edc-text-secondary) !important;
}
body[data-theme=dark] .modal-content {
  background-color: var(--edc-panel-bg) !important;
  border-color: var(--edc-panel-border) !important;
  color: var(--edc-text-primary);
}
body[data-theme=dark] .modal-header, body[data-theme=dark] .modal-footer {
  border-color: var(--edc-panel-border) !important;
}
body[data-theme=dark] .dropdown-menu {
  background-color: var(--edc-panel-bg) !important;
  border-color: var(--edc-panel-border) !important;
}
body[data-theme=dark] .dropdown-item {
  color: var(--edc-text-primary) !important;
}
body[data-theme=dark] .dropdown-item:hover {
  background-color: var(--edc-table-hover-bg) !important;
}
body[data-theme=dark] .breadcrumb {
  background-color: transparent !important;
}
body[data-theme=dark] .breadcrumb-item, body[data-theme=dark] .breadcrumb-item a {
  color: var(--edc-text-secondary) !important;
}
body[data-theme=dark] h1, body[data-theme=dark] h2, body[data-theme=dark] h3, body[data-theme=dark] h4, body[data-theme=dark] h5, body[data-theme=dark] h6 {
  color: var(--edc-text-primary);
}
body[data-theme=dark] .tableTitle h2 {
  color: var(--edc-text-primary) !important;
}
body[data-theme=dark] .fw-500 {
  color: var(--edc-text-primary);
}
body[data-theme=dark] a {
  color: #60a5fa;
}
body[data-theme=dark] hr {
  border-color: var(--edc-panel-border) !important;
}
body[data-theme=dark] .badge.bg-light {
  background-color: #374151 !important;
  color: #d1d5db !important;
}
body[data-theme=dark] .session-stat-card, body[data-theme=dark] .quota-card, body[data-theme=dark] .role-card, body[data-theme=dark] .session-policy-card {
  background: var(--edc-panel-bg) !important;
  border-color: var(--edc-panel-border) !important;
}
body[data-theme=dark] .session-stat-value, body[data-theme=dark] .session-stat-label {
  color: var(--edc-text-primary);
}
body[data-theme=dark] .session-filter-bar {
  background: var(--edc-table-header-bg) !important;
  border-color: var(--edc-panel-border) !important;
}
body[data-theme=dark] .role-group {
  border-color: var(--edc-panel-border) !important;
}
body[data-theme=dark] .role-group-header {
  background: var(--edc-table-header-bg) !important;
  border-color: var(--edc-panel-border) !important;
  color: var(--edc-text-secondary) !important;
}
body[data-theme=dark] .navbar-search-trigger {
  color: var(--edc-text-secondary);
}
body[data-theme=dark] .navbar-avatar-initials {
  border-color: var(--edc-panel-border);
}

body[data-theme=high-contrast] {
  --edc-sidebar-bg: #000000;
  --edc-sidebar-text: #ffffff;
  --edc-sidebar-text-muted: #cccccc;
  --edc-sidebar-hover-bg: #1a1a1a;
  --edc-sidebar-active-bg: #003399;
  --edc-sidebar-active-text: #ffffff;
  --edc-sidebar-active-icon: #ffffff;
  --edc-sidebar-border: #444444;
  --edc-sidebar-divider: #444444;
  --edc-sidebar-arrow: #cccccc;
  --edc-sidebar-submenu-bg: #111111;
  --edc-sidebar-button-border: #ffffff;
  --edc-sidebar-button-bg: #000000;
  --edc-navbar-bg: #ffffff;
  --edc-content-bg: #ffffff;
  --edc-panel-bg: #ffffff;
  --edc-panel-border: #000000;
  --edc-text-primary: #000000;
  --edc-text-secondary: #333333;
}
body[data-theme=high-contrast] .site-menubar {
  background: var(--edc-sidebar-bg) !important;
  border-right: 2px solid var(--edc-sidebar-border) !important;
}
body[data-theme=high-contrast] .site-menu-icon {
  color: var(--edc-sidebar-text-muted) !important;
}
body[data-theme=high-contrast] .site-menu-arrow {
  color: var(--edc-sidebar-arrow) !important;
}
body[data-theme=high-contrast] .site-menu-divider {
  border-top-color: var(--edc-sidebar-divider) !important;
}
body[data-theme=high-contrast] .site-menu > .site-menu-item > a,
body[data-theme=high-contrast] .site-menu > .site-menu-item > form > button,
body[data-theme=high-contrast] .site-menu > .site-menu-item > button {
  color: var(--edc-sidebar-text) !important;
}
body[data-theme=high-contrast] .site-menu > .site-menu-item > a .site-menu-icon,
body[data-theme=high-contrast] .site-menu > .site-menu-item > form > button .site-menu-icon,
body[data-theme=high-contrast] .site-menu > .site-menu-item > button .site-menu-icon {
  color: var(--edc-sidebar-text-muted) !important;
}
body[data-theme=high-contrast] .site-menu > .site-menu-item:not(.active):hover > a,
body[data-theme=high-contrast] .site-menu > .site-menu-item:not(.active):hover > form > button,
body[data-theme=high-contrast] .site-menu > .site-menu-item:not(.active):hover > button {
  background-color: var(--edc-sidebar-hover-bg) !important;
  color: #ffffff !important;
}
body[data-theme=high-contrast] .site-menu > .site-menu-item.active > a,
body[data-theme=high-contrast] .site-menu > .site-menu-item.active > form > button,
body[data-theme=high-contrast] .site-menu > .site-menu-item.active > button {
  background-color: var(--edc-sidebar-active-bg) !important;
  color: var(--edc-sidebar-active-text) !important;
  border-left-color: #ffcc00 !important;
}
body[data-theme=high-contrast] .site-menu > .site-menu-item.active > a .site-menu-icon,
body[data-theme=high-contrast] .site-menu > .site-menu-item.active > form > button .site-menu-icon,
body[data-theme=high-contrast] .site-menu > .site-menu-item.active > button .site-menu-icon {
  color: var(--edc-sidebar-active-icon) !important;
}
body[data-theme=high-contrast] .site-menu .site-menu-sub .site-menu-item > a {
  color: #cccccc !important;
}
body[data-theme=high-contrast] .site-menu .site-menu-sub .site-menu-item.active > a {
  color: #ffffff !important;
  font-weight: 700;
}
body[data-theme=high-contrast] .panel {
  border-width: 2px !important;
}
body[data-theme=high-contrast] .table thead th {
  border-bottom-width: 2px !important;
}
body[data-theme=high-contrast] .form-control:focus, body[data-theme=high-contrast] .form-select:focus {
  outline: 3px solid #003399 !important;
  outline-offset: 1px;
}
body[data-theme=high-contrast] a {
  color: #003399;
  text-decoration: underline;
}
body[data-theme=high-contrast] a:hover {
  color: #001a66;
}
body[data-theme=high-contrast] .site-menu a, body[data-theme=high-contrast] .site-menubar a,
body[data-theme=high-contrast] .nav a, body[data-theme=high-contrast] .nav-link, body[data-theme=high-contrast] .navbar a,
body[data-theme=high-contrast] .btmLineLinks a, body[data-theme=high-contrast] .toggle-import-subtabs a,
body[data-theme=high-contrast] a.btn, body[data-theme=high-contrast] .btn-group a,
body[data-theme=high-contrast] .dropdown-menu a, body[data-theme=high-contrast] .pagination a,
body[data-theme=high-contrast] .breadcrumb a, body[data-theme=high-contrast] .custom-breadcrumbs a, body[data-theme=high-contrast] .breadcrumb-pill a,
body[data-theme=high-contrast] .imw-rail a, body[data-theme=high-contrast] a.imw-track, body[data-theme=high-contrast] .imw-step__link,
body[data-theme=high-contrast] .workspace-rail a {
  text-decoration: none !important;
}
body[data-theme=high-contrast] .btn-primary {
  background-color: #003399 !important;
  border-color: #003399 !important;
}
body[data-theme=high-contrast] .btn-primary:hover {
  background-color: #001a66 !important;
  border-color: #001a66 !important;
}

/* Turbo Drive progress bar — shows during page navigations */
.turbo-progress-bar {
  height: 3px;
  background-color: #193f87;
  z-index: 2147483647;
}

.progress-bar.bg-progress {
  background-color: var(--edc-progress-primary);
}

.progress-bar.bg-progress-bar {
  background-color: var(--edc-progress-secondary);
}

.pagination {
  --bs-pagination-active-bg: var(--edc-primary-button-bg-color);
  --bs-pagination-active-border-color: var(--edc-primary-button-border-color);
  --bs-pagination-color: var(--bs-body-color);
}

.required:after {
  content: " *";
}

.btmLineLinks:before {
  display: none;
}

.btmLineLinks > .nav {
  gap: 6px;
  align-items: center;
  border: 0;
}
.btmLineLinks > .nav > .nav-item + .nav-item {
  padding-left: 0;
}

.btmLineLinks .nav-link {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  color: #1f2937;
  border-radius: 999px;
  border-bottom: 0;
  background: transparent;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.btmLineLinks .nav-link:before, .btmLineLinks .nav-link:hover:before, .btmLineLinks .nav-link.active:before {
  display: none;
}
.btmLineLinks .nav-link:hover {
  background: rgba(37, 99, 235, 0.1);
  color: #1d4ed8;
}
.btmLineLinks .nav-link.active, .btmLineLinks .nav-link.active:hover, .btmLineLinks .nav-link.active:focus {
  background: #2563eb;
  color: #fff;
  font-weight: 500;
}

.tab-icon {
  font-size: var(--edc-fs-body);
  margin-right: 8px;
  opacity: 0.7;
}
.nav-link:hover .tab-icon {
  opacity: 0.95;
  color: inherit;
}
.nav-link.active .tab-icon {
  opacity: 1;
  color: #fff;
}

.page-tabs {
  background: #fff;
  padding: 0.4rem 1.25rem 0.65rem;
}
.page-tabs > .pageTitle {
  margin: 0.4rem 0 0.5rem;
}
.page-tabs > .btmLineLinks {
  margin-bottom: 0;
}

.tasks-tabs {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}
.tasks-tabs .nav-item {
  border-right: 0 !important;
}
.tasks-tabs a.nav-link,
.tasks-tabs button.nav-link[data-section-tab] {
  font-family: inherit;
  line-height: 1.5;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 8px 14px !important;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  color: #4b5563;
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.tasks-tabs a.nav-link::before,
.tasks-tabs button.nav-link[data-section-tab]::before {
  display: none !important;
}
.tasks-tabs a.nav-link:hover,
.tasks-tabs a.nav-link:focus,
.tasks-tabs button.nav-link[data-section-tab]:hover,
.tasks-tabs button.nav-link[data-section-tab]:focus {
  background: #e9edf3 !important;
  color: #111827 !important;
  border-bottom: 0 !important;
}
.tasks-tabs .nav-link.active,
.tasks-tabs .nav-link.active:hover,
.tasks-tabs .nav-link.active:focus {
  background: #fff !important;
  color: #1d4ed8 !important;
  font-weight: 600;
  border: 1px solid #e5e7eb !important;
  border-top: 2px solid #2563eb !important;
  border-bottom: 0 !important;
  margin-bottom: -1px;
  padding-top: 7px !important;
  padding-bottom: 9px !important;
}

@media (max-width: 991px) {
  .tasks-tabs .nav-item {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    text-align: left !important;
    border-bottom: 0 !important;
  }
  .tasks-tabs a.nav-link, .tasks-tabs button.nav-link[data-section-tab] {
    justify-content: flex-start;
    height: auto;
  }
}
.tasks-tabs[data-tab-overflow] {
  flex-wrap: nowrap;
  overflow: visible;
}

.tasks-tabs .tab-overflow {
  position: relative;
  flex: 0 0 auto;
}

.tasks-tabs .tab-overflow__toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px !important;
  font: inherit;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  line-height: 1.5;
  color: #4b5563;
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  cursor: pointer;
}

.tasks-tabs .tab-overflow__toggle:hover,
.tasks-tabs .tab-overflow__toggle:focus,
.tasks-tabs .tab-overflow__toggle[aria-expanded=true] {
  background: #e9edf3 !important;
  color: #111827 !important;
}

.tasks-tabs .tab-overflow__toggle:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.tasks-tabs .tab-overflow__caret {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
}

.tasks-tabs .tab-overflow__menu {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 1030;
  min-width: 220px;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.12);
}

.tasks-tabs .tab-overflow__menu .nav-item {
  display: block;
  flex: none;
}

.tasks-tabs .tab-overflow__menu .nav-link,
.tasks-tabs .tab-overflow__menu .nav-link.active,
.tasks-tabs .tab-overflow__menu .nav-link:hover,
.tasks-tabs .tab-overflow__menu .nav-link:focus {
  display: flex !important;
  width: 100%;
  margin: 0;
  padding: 8px 12px !important;
  font-size: var(--edc-fs-body);
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #111827 !important;
  text-align: left;
}

.tasks-tabs .tab-overflow__menu .nav-link:hover,
.tasks-tabs .tab-overflow__menu .nav-link:focus {
  background: #f3f4f6 !important;
}

.tasks-tabs .tab-overflow__menu .nav-link.active {
  background: #eef2ff !important;
  color: #1d4ed8 !important;
  font-weight: 600;
}

.collapsing {
  transition: height 0.28s cubic-bezier(0.32, 0.72, 0, 1);
}

.panel-heading[data-bs-toggle=collapse] {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  transition: background-color 0.15s ease;
  border-radius: 4px;
}
.panel-heading[data-bs-toggle=collapse]:hover {
  background-color: #f9fafb;
}
.panel-heading[data-bs-toggle=collapse]::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #6b7280;
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.18s ease;
}
.panel-heading[data-bs-toggle=collapse].collapsed::before {
  transform: translateY(-50%) rotate(0deg);
}
.panel-heading[data-bs-toggle=collapse] .fa-caret-down.float-end,
.panel-heading[data-bs-toggle=collapse] .fa-caret-up.float-end {
  display: none;
}
.panel-heading[data-bs-toggle=collapse] > .panel-title > h2,
.panel-heading[data-bs-toggle=collapse] > h2,
.panel-heading[data-bs-toggle=collapse] > .tableTitle > h2 {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #111827;
  margin: 0;
  line-height: 1.4;
}
.panel-heading[data-bs-toggle=collapse] > .panel-title > h2 > i,
.panel-heading[data-bs-toggle=collapse] > h2 > i,
.panel-heading[data-bs-toggle=collapse] > .tableTitle > h2 > i {
  color: var(--edc-text-muted-words, #6b7280);
}
.panel-heading[data-bs-toggle=collapse] > .panel-title > h2 > i:first-child,
.panel-heading[data-bs-toggle=collapse] > h2 > i:first-child,
.panel-heading[data-bs-toggle=collapse] > .tableTitle > h2 > i:first-child {
  margin-right: 0.55rem !important;
}

.pageTitle {
  margin-bottom: 0.5rem;
}
.pageTitle h2 {
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
  margin: 0;
}
.pageTitle h2 > i.icon {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: 1.05em;
  margin-right: 8px;
  vertical-align: -1px;
}

.heading-1 {
  position: relative;
  text-align: center;
  font-size: var(--edc-fs-heading) !important;
}

.heading-2 {
  font-size: var(--edc-fs-heading) !important;
}

.heading-1:before {
  content: "";
  display: block;
  border-top: solid 2px #e3e3e3;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  z-index: 0;
}

.heading-1 span {
  background: #fff;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}

.heading-step-report {
  position: relative;
  font-size: var(--edc-fs-body) !important;
  font-weight: bold;
  margin-bottom: 0px;
}

.label-step-report {
  padding-top: 0px !important;
  margin-top: 0px;
}

.site-menubar {
  background: #0f1a2e !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.page-content {
  padding-right: 56px;
}

@media (max-width: 767.98px) {
  .page-content {
    padding-right: 16px;
  }
  body .quick_create_container .quick_create_entities {
    top: auto;
    bottom: calc(84px + env(safe-area-inset-bottom, 0px));
  }
  body .wb_container {
    top: auto;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  }
}
.site-menu-icon {
  color: var(--edc-sidebar-text-muted) !important;
}

.site-menubar-fold .site-menu > .site-menu-item > .site-menu-sub {
  background: #162036 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.site-menu > .site-menu-item {
  margin: 0 !important;
  padding: 0 !important;
}

.site-menubar-unfold .has-sub .site-menu-title:first-child {
  margin-left: 0 !important;
}

.site-menu-arrow {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine)) !important;
  line-height: 1 !important;
  transition: transform 0.25s ease !important;
  color: var(--edc-sidebar-arrow) !important;
}
.site-menu-arrow:before {
  content: "\f054" !important;
}

.site-menu-item.open > a > .site-menu-arrow {
  transform: rotate(90deg);
  color: var(--edc-sidebar-text) !important;
}

.site-menu-divider {
  height: 0;
  margin: 10px 20px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.site-menu > .site-menu-item + .site-menu-item {
  margin-top: 3px;
}

.site-menu > .site-menu-item > a,
.site-menu > .site-menu-item > form > button,
.site-menu > .site-menu-item > button {
  display: flex !important;
  align-items: center;
  width: 100%;
  padding: 11px 16px 11px 20px !important;
  min-height: 44px;
  box-sizing: border-box !important;
  white-space: normal;
  font-weight: 600 !important;
  color: var(--edc-sidebar-text) !important;
  background-color: transparent !important;
  border: 0;
  border-left: 3px solid transparent;
  text-align: left;
  cursor: pointer;
  transition: all 0.15s ease;
}
.site-menu > .site-menu-item > a .site-menu-title,
.site-menu > .site-menu-item > form > button .site-menu-title,
.site-menu > .site-menu-item > button .site-menu-title {
  white-space: normal !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.3;
  flex: 1;
  font-size: var(--edc-fs-secondary) !important;
  font-weight: 600;
  color: inherit;
  text-transform: none;
  letter-spacing: normal;
}
.site-menu > .site-menu-item > a .site-menu-icon,
.site-menu > .site-menu-item > form > button .site-menu-icon,
.site-menu > .site-menu-item > button .site-menu-icon {
  width: 22px;
  min-width: 22px;
  text-align: center;
  flex-shrink: 0;
  margin-right: 10px;
  font-size: var(--edc-fs-body);
  color: var(--edc-sidebar-text-muted) !important;
  transition: color 0.15s ease;
}
.site-menu > .site-menu-item > a .site-menu-arrow,
.site-menu > .site-menu-item > form > button .site-menu-arrow,
.site-menu > .site-menu-item > button .site-menu-arrow {
  margin-left: auto;
  padding-left: 6px;
  position: static !important;
}

.site-menu > .site-menu-item > form {
  margin: 0;
  padding: 0;
}

.site-menu > .site-menu-item:not(.active):hover > a,
.site-menu > .site-menu-item:not(.active).hover > a,
.site-menu > .site-menu-item:not(.active):hover > form > button,
.site-menu > .site-menu-item:not(.active):hover > button {
  color: rgba(255, 255, 255, 0.9) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
}

.site-menu > .site-menu-item:not(.active):hover > a .site-menu-icon,
.site-menu > .site-menu-item:not(.active):hover > form > button .site-menu-icon,
.site-menu > .site-menu-item:not(.active):hover > button .site-menu-icon {
  color: rgba(255, 255, 255, 0.6) !important;
}

.site-menu > .site-menu-item.active {
  border-left: 0 !important;
}

.site-menu > .site-menu-item.active > a,
.site-menu > .site-menu-item.active > form > button,
.site-menu > .site-menu-item.active > button {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-left-color: #3b82f6 !important;
}

.site-menu > .site-menu-item.active > a .site-menu-icon,
.site-menu > .site-menu-item.active > form > button .site-menu-icon,
.site-menu > .site-menu-item.active > button .site-menu-icon {
  color: #60a5fa !important;
}

.site-menu-item.active > .site-menu-icon i {
  color: #60a5fa !important;
}

.site-menu .site-menu-sub {
  padding: 6px 0 !important;
  background: rgba(0, 0, 0, 0.12);
}

.site-menu .site-menu-sub .site-menu-item {
  line-height: normal !important;
}

.site-menu .site-menu-sub .site-menu-item > a {
  display: flex !important;
  align-items: center;
  padding: 8px 16px 8px 50px !important;
  min-height: 36px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  color: var(--edc-sidebar-text) !important;
  background-color: transparent !important;
  transition: all 0.15s ease;
}

.site-menu .site-menu-sub .site-menu-item:hover > a,
.site-menu .site-menu-sub .site-menu-item.hover > a {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
}

.site-menu .site-menu-sub .site-menu-item.active {
  background: transparent !important;
  background-color: transparent !important;
  border-left: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.site-menu .site-menu-sub .site-menu-item.active > a {
  background-color: rgba(59, 130, 246, 0.12) !important;
  color: #93c5fd !important;
  font-weight: 600;
}

.site-menu .site-menu-sub .site-menu-item.active > a .site-menu-title,
.site-menu .site-menu-sub .site-menu-item.active > a .site-menu-icon {
  color: #93c5fd !important;
}

.site-menu > .site-menu-item.open {
  background: transparent !important;
}

.site-menu > .site-menu-item.open:not(.active) > a {
  color: var(--edc-sidebar-text) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
}

.navbar-white {
  background-color: #FFFFFF !important;
}

.section-light-blue {
  background-color: #DAE7F3 !important;
}

.white-background {
  background-color: #FFFFFF !important;
}

.no-menu-transitions .site-menu-sub,
.no-menu-transitions .site-menu-item {
  transition: none !important;
  animation: none !important;
}

.site-menu-arrow:before {
  content: "\f2fb";
}

.site-menu .site-menu-item .dropdown li:not(.active) a {
  color: rgba(255, 255, 255, 0.7) !important;
}

.row-hightlight-light-yellow {
  background-color: lightyellow;
}

.row-hightlight-linen {
  background-color: linen;
}

.black-bg-color {
  color: #173642;
}

#rectangleinfo {
  width: 15px;
  height: 15px;
  background: #00bcd4;
}

#rectangledanger {
  width: 15px;
  height: 15px;
  background: #15803d;
}

table.table > tbody > tr.selected-campaign-attr td {
  background-color: #b1dfbb;
}

.selected {
  background-color: #eee;
}

.filter-div-border {
  border: 1px solid #e0e0e0;
  border-color: #bdbdbd;
  border-radius: 0.215rem;
}

.quick-add-btn-without-top-margin {
  min-width: 20px !important;
  padding: 6px 5px !important;
}

.navbar-brand-portal {
  font-size: calc(var(--edc-fs-title) * 18.004 / 18);
  font-weight: 500;
  line-height: 22px;
  float: left;
  height: 4.715rem;
  margin: 0;
}

.svg_icons-1dot3 {
  transform: scale(1.3);
}

.text-wrap {
  white-space: normal;
}

a.tasks-round-border.active {
  border: 1px solid #c7d7f4;
  border-radius: 20px;
  background: #eff4ff;
  color: #1849a9 !important;
}

.tasksTopOptions .tasksNav .nav-link {
  color: #475467;
  font-weight: 600;
}

.tasksTopOptions .form-row.form-group {
  margin-bottom: 0;
}

.tasksFilters .tasksSelectFilter {
  margin-bottom: 0;
}

#tasksList.panel-body {
  padding-top: 6px;
}

#tasksList .dt-layout-row {
  margin-top: 2px;
  margin-bottom: 6px;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  color: #fff !important;
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}

.tasksRightOptions [data-toggle=tab_list] {
  display: inline-block;
  font-size: calc(var(--edc-fs-display) * 30 / 24);
  vertical-align: bottom;
  margin-right: 10px;
  line-height: 34px;
  color: #3f51b5;
}
.tasksRightOptions [data-toggle=tab_list] a {
  opacity: 0.5;
}
.tasksRightOptions [data-toggle=tab_list] a.active {
  opacity: 1;
}

.noHover {
  pointer-events: none;
}

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

.snapshot-tab {
  align-items: center;
  justify-content: center;
}

.mt-6 {
  margin-top: 6px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mt-43 {
  margin-top: 43px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.imageuploadify {
  border: 2px dashed rgb(210, 210, 210);
  position: relative;
  min-height: 350px;
  min-width: 250px;
  max-width: 1000px;
  margin: auto;
  display: flex;
  padding: 0px;
  flex-direction: column;
  text-align: center;
  background-color: white;
  color: #55D573 !important;
}
.imageuploadify .imageuploadify-overlay {
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  flex-direction: column;
  top: 0;
  left: 0;
  display: none;
  font-size: 7em;
  background-color: rgba(242, 242, 242, 0.7);
  text-align: center;
  pointer-events: none;
}
.imageuploadify .imageuploadify-overlay i {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.imageuploadify .imageuploadify-images-list {
  display: inline-block;
}
.imageuploadify .imageuploadify-images-list i {
  display: block;
  font-size: 7em;
  text-align: center;
  margin-top: 0.5em;
  padding-bottom: 12px;
}
.imageuploadify .imageuploadify-images-list span.imageuploadify-message {
  font-size: var(--edc-fs-display);
  border-top: 1px solid #55D573 !important;
  border-bottom: 1px solid #55D573 !important;
  padding: 10px;
  display: inline-block;
}
.imageuploadify .imageuploadify-images-list button.btn-default {
  display: block;
  color: #55D573 !important;
  border-color: #55D573 !important;
  border-radius: 1em;
  margin: 25px auto;
  width: 100%;
  max-width: 500px;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  margin-bottom: 1em;
  float: left;
  border-radius: 12px;
  box-shadow: 0 0 4px 0 #888888;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger {
  min-width: 18px !important;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 20px;
  height: 20px;
  border-radius: 15px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  line-height: 1.42;
  padding: 2px 0;
  text-align: center;
  z-index: 3;
  color: #ffffff;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container img {
  height: 100px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details {
  position: absolute;
  top: 0;
  padding-top: 20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.5);
  z-index: 2;
  opacity: 0;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span {
  display: block;
}

.overlay-spinner {
  position: fixed;
  top: 0;
  z-index: 160000000000000000;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

.overlay-message h4 {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 100%;
  overflow: show;
  margin: auto;
  padding-top: 4em;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  color: white;
}

.bootstrap-select.btn-group.show > .dropdown-menu {
  display: flex;
  flex-direction: column;
}

.bootstrap-select.btn-group.show.dropup > .dropdown-menu {
  flex-direction: column-reverse;
}

.bootstrap-select .btn.dropdown-toggle, .bootstrap-select .btn.dropdown-toggle:active, .bootstrap-select .btn.dropdown-toggle:focus {
  background-color: #ffffff !important;
  border-color: #cbd5e1;
  color: #1e293b;
}

:not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
  max-width: 100%;
  width: 100% !important;
}

.bootstrap-select .dropdown-menu .no-results {
  white-space: normal;
}

.with_create_option .dropdown-menu .pick-matches {
  margin: 0 8px 8px;
  padding: 8px 10px;
  border: 1px solid #cfd9e6;
  border-radius: 6px;
  background: #f4f8fd;
  font-size: var(--edc-fs-secondary);
  color: #1f2d3d;
}
.with_create_option .dropdown-menu .pick-matches__title {
  margin: 0 0 6px;
  font-weight: 600;
  font-size: var(--edc-fs-label);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #44576b;
}
.with_create_option .dropdown-menu .pick-matches__note {
  margin: 0;
  color: #44576b;
}
.with_create_option .dropdown-menu .pick-matches__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.with_create_option .dropdown-menu .pick-matches__item {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.with_create_option .dropdown-menu .pick-matches__use {
  min-width: 0 !important;
  padding: 2px 10px;
  font-size: var(--edc-fs-secondary);
  white-space: normal;
  text-align: left;
}
.with_create_option .dropdown-menu .pick-matches__reason {
  color: #44576b;
  font-size: var(--edc-fs-label);
}
.with_create_option .dropdown-menu .pick-matches__anyway {
  min-width: 0 !important;
  padding: 6px 0 0;
  font-size: var(--edc-fs-secondary);
}
.with_create_option .bs-searchbox {
  position: relative;
}
.with_create_option .bs-searchbox input {
  padding-right: 36px;
}
.with_create_option .bs-searchbox .btn.add_new_option {
  position: absolute;
  right: 12px;
  top: 8px;
  bottom: 8px;
  padding: 0 4px;
  height: auto;
  min-width: auto;
}

.modal {
  z-index: 1700;
}

.bootstrap-select .dropdown-menu li a span.text {
  white-space: nowrap;
}

.bootstrap-select .dropdown-menu {
  z-index: 1500;
  min-width: 100% !important;
  width: -moz-max-content;
  width: max-content;
}

.input-group-addon {
  font-size: var(--edc-fs-body);
  font-weight: 300;
  line-height: 1.571429;
  margin-bottom: 0;
  padding: 0.429rem 1.072rem;
  text-align: center;
  color: #252525;
  border: 1px solid #e0e0e0;
  border-radius: 0.215rem;
  background-color: #eee;
}

.modal.show > .modal-backdrop {
  z-index: auto;
  opacity: 0.5;
}

.modal-header .close {
  padding: 0 1rem;
}

.modal.slide-out .modal-dialog {
  margin: 0 0 0 auto;
  background: #fff;
  display: flex;
  height: 100%;
  transform: translate(100%, 0);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal.slide-out .modal-content {
  flex: 1;
  width: 100%;
  box-shadow: none;
}
.modal.slide-out .modal-content > form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.modal.slide-out .modal-header {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  background: #ffffff;
  z-index: 5;
}
.modal.slide-out .modal-header .close {
  padding: 0 1rem;
}
.modal.slide-out .modal-title {
  color: inherit;
  font-size: var(--edc-fs-title);
  font-weight: 500;
  text-transform: none;
}
.modal.slide-out .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 15px;
}
.modal.slide-out .modal-footer {
  padding: 15px;
  border-top: 1px solid #e0e0e0;
  z-index: 5;
  background-color: #ffffff;
}

.custom-select.disabled {
  color: #6c757d;
  background: #e9ecef;
}

.modal.show.slide-out .modal-dialog {
  transform: translate(0, 0);
}

.modal.slide-out.with-footer .modal-body {
  padding: 65px 15px 85px 15px;
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 0;
  left: 0;
}
.modal.slide-out.with-footer .modal-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.quick_create_container .quick_create_entities {
  position: fixed;
  z-index: 1701;
  top: 170px;
  right: 0;
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  will-change: transform;
}

.quick_create_container .quick_create_entities .qa_tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  width: 44px;
  height: 56px;
  min-width: unset;
  padding: 0;
  border: none;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(135deg, #2ed573, #24c667);
  color: #fff;
  box-shadow: -4px 4px 14px rgba(46, 213, 115, 0.28);
  cursor: pointer;
  transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1), background 0.15s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.quick_create_container .quick_create_entities .qa_tab:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: -4px;
  box-shadow: -4px 4px 14px rgba(46, 213, 115, 0.5);
}

.qa_tab_icon {
  flex: 0 0 44px;
  width: 44px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-title);
  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}

.qa_tab_label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 14px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  letter-spacing: 0.2px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.18s ease 0.05s;
}

#companies-datatable_wrapper {
  overflow-x: auto;
}

.tasksTopOptions .tasksRightOptions .form-row {
  flex-wrap: wrap;
  row-gap: 8px;
}

@media (max-width: 600px) {
  .qa_tab_label, .wb_tab_label {
    display: none !important;
  }
  .tasksTopOptions .row > .col-auto {
    flex: 1 1 100%;
    max-width: 100%;
  }
  #companies-datatable_wrapper {
    position: relative;
  }
}
.company-v3-door {
  color: #1d4ed8;
  font-weight: 600;
}

.qa_tab_kbd {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 4px;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  line-height: 1;
}

.quick_create_container .quick_create_entities .qa_tab:hover,
.quick_create_container .quick_create_entities .qa_tab.qa_tab--peek {
  width: 158px;
  background: linear-gradient(135deg, #33dc7b, #26cf6c);
  box-shadow: -6px 6px 18px rgba(46, 213, 115, 0.38);
}

.quick_create_container .quick_create_entities .qa_tab:hover .qa_tab_label,
.quick_create_container .quick_create_entities .qa_tab.qa_tab--peek .qa_tab_label {
  opacity: 1;
}

.open_quick_create .quick_create_container .quick_create_entities .qa_tab {
  background: linear-gradient(135deg, #26b263, #1fa257);
  box-shadow: inset 2px 0 0 rgba(255, 255, 255, 0.4), -4px 4px 14px rgba(38, 178, 99, 0.35);
}

.open_quick_create .quick_create_container .quick_create_entities .qa_tab:hover {
  width: 44px;
}

.open_quick_create .quick_create_container .quick_create_entities .qa_tab .qa_tab_label {
  display: none;
}

.open_quick_create .quick_create_container .quick_create_entities .qa_tab .qa_tab_icon {
  transform: rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {
  .quick_create_container .quick_create_entities,
  .quick_create_container .quick_create_entities .qa_tab,
  .qa_tab_icon,
  .qa_tab_label {
    transition: none;
  }
}
.qa_drawer .qa_form_container .form-group.col-md-3 {
  flex: 0 0 50%;
  max-width: 50%;
}

.qa_drawer .qa_form_container .inline-items ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  padding-left: 0;
  margin: 0 0 12px;
}

.qa_drawer .qa_form_container .inline-items li {
  list-style: none;
}

.qa_drawer .qa_form_container .inline-items .lblMdBlock {
  flex: 0 0 100%;
  margin-bottom: 2px;
}

.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.premium-loader {
  position: relative;
  width: 64px;
  height: 64px;
}

.premium-loader-ring {
  position: absolute;
  inset: 0;
  border: 3px solid rgba(255, 255, 255, 0.15);
  border-top-color: #193F87;
  border-radius: 50%;
  animation: premium-spin 1s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.premium-loader-logo {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: premium-pulse 2s ease-in-out infinite;
}

.premium-loader-logo svg {
  opacity: 0.9;
}

@keyframes premium-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes premium-pulse {
  0%, 100% {
    opacity: 0.6;
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}
.alert-notice {
  text-color: black;
}

.alert-error {
  text-color: red;
}

.alert-success {
  text-color: green;
}

.alerts {
  color: green;
}

.alerts-danger {
  color: red;
}

.logo img {
  width: 160px;
}

#contactFilterHeadingOne a:hover {
  text-decoration: none;
  color: #000;
  background-color: #ffffff;
}

.pt-32 {
  padding-top: 32px !important;
}

.digg_pagination {
  background: white;
  cursor: default;
  text-align: center;
  /* self-clearing method: */
}

.digg_pagination .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px;
}

@media (max-width: 576px) {
  .digg_pagination .pagination {
    gap: 1px;
  }
  .digg_pagination a, .digg_pagination span, .digg_pagination em, .digg_pagination .disabled, .digg_pagination .current {
    padding: 0.4rem 0.6rem;
    font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  }
}
.digg_pagination a, .digg_pagination span, .digg_pagination em {
  line-height: 1.571429;
  position: relative;
  padding: 0.643rem 1.072rem;
  color: #000000;
  border: 1px solid #e0e0e0;
  background-color: transparent;
}

.digg_pagination .disabled {
  line-height: 1.571429;
  position: relative;
  padding: 0.643rem 1.072rem;
  color: #000000;
  border: 1px solid #e0e0e0;
  background-color: transparent;
}

.digg_pagination .current {
  line-height: 1.571429;
  position: relative;
  padding: 0.643rem 1.072rem;
  color: #000000;
  font-style: normal;
  border: 1px solid #e0e0e0;
  background-color: #DCDCDC;
}

.digg_pagination a {
  line-height: 1.571429;
  position: relative;
  padding: 0.643rem 1.072rem;
  color: #000000;
  border: 1px solid #e0e0e0;
  background-color: transparent;
}

.digg_pagination a:hover, .digg_pagination a:focus {
  line-height: 1.571429;
  position: relative;
  padding: 0.643rem 1.072rem;
  color: #000000;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  background-color: #DADADA;
}

.digg_pagination .page_info {
  background: #2ED573;
  color: white;
  padding: 0.4em 0.6em;
  width: 22em;
  margin-bottom: 0.3em;
  text-align: center;
}

.digg_pagination .page_info b {
  color: white;
  background: #2ED573;
  padding: 0.1em 0.25em;
}

.digg_pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.grey {
  color: #808080;
}

* html .digg_pagination {
  height: 1%;
}

*:first-child + html .digg_pagination {
  overflow: hidden;
}

.green-btn {
  border-color: #2563eb;
  background-color: #2563eb;
  box-shadow: none;
  color: white;
  font-weight: 400;
}

.btn-primary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.green-btn {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
.btn-primary:hover,
.btn-success:hover,
.btn-danger:hover,
.btn-warning:hover,
.btn-info:hover,
.green-btn:hover {
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.12);
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger {
  box-shadow: none;
}
.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-success:hover,
.btn-outline-danger:hover {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.themeColor {
  color: #2563eb !important;
}

#contactImportFormCenter .requirements .list-group-item {
  padding: 5px 5px;
}
#contactImportFormCenter .circle {
  color: #2563eb;
  margin-left: 10px;
  margin-right: 5px;
}

#contactsFileUploadHidden {
  display: none;
}

.white-btn {
  border-color: #2563eb;
  background-color: white;
  box-shadow: none;
  color: #2563eb;
  font-weight: 400;
}

.site-filter-clear {
  border-color: #2563eb;
  background-color: white;
  box-shadow: none;
  color: #2563eb;
  font-weight: 400;
  z-index: 300;
}

.site-filter-clear:hover {
  border-color: #2563eb;
  background-color: white;
  box-shadow: none;
  color: #2563eb;
  font-weight: 400;
  z-index: 300;
}

.modal-content .modal-title {
  color: #2563eb;
}

#tasksList thead th,
.taskTable thead th {
  color: #475467;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  vertical-align: middle;
  border-bottom: 2px solid #e7eaef;
}

.taskTable thead th,
.taskTable tbody td {
  padding-left: 7px;
  padding-right: 7px;
}

.taskTable tbody td {
  vertical-align: middle;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: var(--edc-fs-secondary);
  color: #344054;
}

.taskTable tbody tr:hover {
  background-color: #f8fafc;
}

.taskTable th:nth-child(2) {
  min-width: 140px;
}

.taskTable th:nth-child(4) {
  min-width: 140px;
}

.taskTable td .clickable {
  color: inherit;
}

.tt-name {
  font-weight: 600;
  color: #1f2937 !important;
}

.tt-desc {
  color: #475467;
  max-width: 170px;
}

.tt-date {
  white-space: nowrap;
}

.tt-empty {
  color: #98a2b3;
}

.tt-overdue {
  color: #b42318;
  font-weight: 700;
  white-space: nowrap;
}

.tt-chip {
  display: inline-block;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 1;
  padding: 4px 10px;
  border-radius: 999px;
  white-space: nowrap;
}

.tt-priority--high {
  background: #fef3f2;
  color: #b42318;
}

.tt-priority--medium {
  background: #fffaeb;
  color: #b54708;
}

.tt-priority--low {
  background: #ecfdf3;
  color: #067647;
}

.tt-status--done {
  background: #ecfdf3;
  color: #067647;
}

.tt-status--active {
  background: #eff4ff;
  color: #1849a9;
}

.tt-status--neutral {
  background: #f2f4f7;
  color: #475467;
}

.tt-assoc {
  display: inline-flex;
  flex-direction: column;
  gap: 1px;
}

.tt-assoc-type {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #667085;
}

.tt-assoc-name {
  color: #344054;
  font-weight: 500;
}

.tt-progress {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.tt-progress-track {
  display: inline-block;
  width: 44px;
  height: 6px;
  border-radius: 999px;
  background: #eef0f3;
  overflow: hidden;
}

.tt-progress-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #2563eb;
}

.tt-progress-fill.is-done {
  background: #16a34a;
}

.tt-progress-label {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475467;
}

#addContactFormCenter {
  z-index: 500;
}

.token-input-dropdown-facebook, .token-input-dropdown {
  z-index: 1100000 !important;
}

#error_explanation ul li {
  list-style-type: none;
  color: red;
}

#success_explanation ul li {
  list-style-type: none;
  color: green;
}

.panel-title .reload-page-link {
  margin-left: 15px;
}
.panel-title a:hover {
  background-color: #ffffff !important;
}

.nav-tabs-line .nav-link.active, .nav-tabs-line .nav-link.active:focus, .nav-tabs-line .nav-link.active:hover {
  color: #2ED573;
  border-bottom: 2px solid #2ED573;
  background-color: transparent;
}

#emailsList tbody tr td i {
  color: #2ED573;
  margin-right: 5px;
}
#emailsList tbody tr td:nth-child(4), #emailsList tbody tr td:nth-child(5) {
  text-align: left;
}

#emailDetailsModal .list-group-item {
  padding: 2px;
}

.spinner {
  margin: 14px auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3px solid rgba(25, 63, 135, 0.14);
  border-top-color: #193F87;
  animation: edcf-spin 0.8s linear infinite;
}

.spinner > div {
  display: none;
}

@keyframes edcf-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 767px) {
  .col-12 {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .col-6 {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .col-4 {
    margin-bottom: 10px;
  }
}
html, body {
  height: 100%;
}

.theme-body {
  padding-top: 66.01px;
}

.success {
  color: green;
}

.pointerCursor {
  cursor: pointer;
}

#activitiesBack {
  color: #2ED573;
  text-decoration: none;
}

#activitiesBack:hover, #activitiesBack:focus {
  color: #00b33c;
  text-decoration: underline;
}

.format_width_100 {
  width: 100% !important;
}

.reset-default {
  line-height: 25px;
}

.yearlyReport .panel-body {
  padding: 15px;
}
.yearlyReport .reportGenerationForm .form-group {
  margin-bottom: 5px;
}
.yearlyReport .col-xl-9, .yearlyReport .col-xl-3 {
  padding: 0 5px;
}
.yearlyReport .font-weight-bold {
  font-weight: 900 !important;
}
.yearlyReport .ct-chart .ct-bar {
  stroke-width: 5px;
}
.yearlyReport .cardTopTitle {
  padding-bottom: 10px;
}
.yearlyReport .cardTopTitle > h3 {
  font-size: var(--edc-fs-body);
  font-weight: 500;
  color: #555555;
  margin: 0 0 10px;
}
.yearlyReport .borderTitle {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.yearlyReport .nowrapBtn .btn {
  font-size: var(--edc-fs-secondary);
  padding: 6px 6px;
  white-space: nowrap;
}

.export-site-referrals-report .digg_pagination {
  background: none;
}
.export-site-referrals-report table th {
  color: #2ED573;
}
.export-site-referrals-report .input-daterange .input-group {
  width: 100%;
}

.successful-project-data .input-daterange .input-group {
  width: 100%;
}

.all-reports table th {
  color: #2ED573;
}

.datepicker {
  z-index: 1500;
}

.datepicker table tr td span.month.has-data {
  background-color: #e5f2ff;
}

.dashboard-menu select.form-control.custom-select {
  background: #2ED573;
  color: #fff;
  max-width: 200px;
  font-weight: 500;
  font-size: var(--edc-fs-secondary);
}
.dashboard-menu select.form-control#dashboard_activity_select {
  max-width: 100px;
}
.dashboard-menu .ct-chart .ct-bar {
  stroke-width: 5px;
}
.dashboard-menu #businessProspectBar svg path {
  stroke-width: 35px !important;
}
.dashboard-menu #prospectsByIndustryTypeBar svg path {
  stroke-width: 35px !important;
}
.dashboard-menu .ct-chart .ct-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
}
.dashboard-menu .botmheading a, .dashboard-menu a:hover {
  text-decoration: none;
  color: #252525;
}
.dashboard-menu .title-menu h3 {
  font-family: "Inter", sans-serif;
}
.dashboard-menu .prospectCont > h3 {
  font-family: "Inter", sans-serif;
}
.dashboard-menu .btn.activeBtn {
  padding: 2px 5px;
}

.emails-listing select, .emails-listing button {
  font-family: "Inter", sans-serif;
}

.add-project-btn {
  margin-bottom: 15px;
}

#businessTypeCharts.active {
  color: #000;
  font-weight: 600;
  background: none;
}

#cardOrTableViewTab.active {
  color: #2ED573;
  font-weight: 600;
  background: none;
}

@media (max-width: 1420px) {
  .yearlyReport .nav-tabs-line .nav-link {
    padding: 0.715rem 1rem;
    font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
    line-height: 1.4;
  }
}
ul.ui-autocomplete {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  border: solid 1px #999;
  cursor: default;
  z-index: 1700;
  top: 100%;
}
ul.ui-autocomplete li {
  background-color: #FFF;
  border-top: solid 1px #DDD;
  margin: 0;
  padding: 0;
}
ul.ui-autocomplete li a {
  color: #000;
  display: block;
  padding: 3px;
}
ul.ui-autocomplete li a.ui-state-hover, ul.ui-autocomplete li a.ui-state-active {
  background-color: #FFFCB2;
}

.custom-href {
  color: #252525;
  text-decoration: none !important;
}

.custom-href:hover {
  color: #252525;
}

.magnify-glass-icon {
  color: #6c757d;
  padding-left: 10px;
}

.magnify-glass-icon.position-right {
  position: absolute;
  right: -10px;
  top: 8px;
}

.red-links .links {
  margin-top: 10px;
}
.red-links .remove-link {
  text-decoration: none;
  color: #9f1c15;
}
.red-links .remove-link :hover {
  text-decoration: none;
}

.hidden {
  display: none;
}

.custom-breadcrumbs {
  background-color: #fff;
  padding: 0.7rem 20px 0.6rem;
}

.breadcrumb-pills {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}

.breadcrumb-pill {
  display: inline-flex;
  align-items: center;
}
.breadcrumb-pill + .breadcrumb-pill::before {
  content: "›";
  color: #cbd5e1;
  margin: 0 8px;
  font-size: var(--edc-fs-body);
  line-height: 1;
}

.breadcrumb-pill__link {
  display: inline-block;
  padding: 2px 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 500;
  color: var(--edc-text-muted-words, #6b7280);
  text-decoration: none;
  transition: color 0.15s ease;
}
.breadcrumb-pill__link:hover {
  color: #1d4ed8;
  text-decoration: none;
}

.breadcrumb-pill__link--current {
  color: #111827;
  font-weight: 600;
  cursor: default;
}
.breadcrumb-pill__link--current:hover {
  color: #111827;
}

.connections-section {
  margin: 0 0 2.5rem;
}
.connections-section__header {
  margin: 0 0 0.85rem;
}
.connections-section__heading {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 600;
  color: #1f2937;
}
.connections-section__subtitle {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  margin: 0.15rem 0 0;
}
.connections-section__footnote {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  margin: 0.85rem 0 0;
}
.connections-section__footnote i {
  margin-right: 5px;
  opacity: 0.75;
}
.connections-section__footnote a {
  color: inherit;
  text-decoration: underline;
}

.connections-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}

.connection-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 1.25rem 1.25rem 0;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.connection-card:hover {
  border-color: #d1d5db;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.connection-card--enabled {
  border-color: #d6e3ff;
}
.connection-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.85rem;
}
.connection-card__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #f9fafb;
  color: #374151;
  font-size: calc(var(--edc-fs-title) * 19.6 / 18);
  line-height: 1;
}
.connection-card__logo i {
  line-height: 1;
}
.connection-card__logo .fa-google,
.connection-card__logo .fa-google-drive {
  color: #1a73e8;
}
.connection-card__logo .fa-microsoft {
  color: #0078d4;
}
.connection-card__logo .fa-dropbox {
  color: #0061ff;
}
.connection-card__logo .fa-apple {
  color: #111827;
}
.connection-card__logo .fa-slack {
  color: #611f69;
}
.connection-card__logo .fa-calendar,
.connection-card__logo .fa-calendar-days {
  color: #1a73e8;
}
.connection-card__top-link {
  color: #9ca3af;
  text-decoration: none;
  padding: 6px;
  margin: -6px;
  border-radius: 6px;
}
.connection-card__top-link:hover, .connection-card__top-link:focus {
  color: #4b5563;
  background: #f3f4f6;
  text-decoration: none;
}
.connection-card__name {
  margin: 0 0 0.25rem;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #111827;
}
.connection-card__description {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  line-height: 1.45;
  margin: 0 0 0.75rem;
  min-height: 2.5em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.connection-card__stat {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  margin: 0 0 1rem;
  min-height: 1.25em;
}
.connection-card__stat i {
  margin-right: 4px;
  opacity: 0.75;
}
.connection-card__stat strong {
  color: #374151;
  font-weight: 600;
}
.connection-card__stat-aux {
  color: #9ca3af;
  margin-left: 4px;
}
.connection-card__error {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
  border-radius: 6px;
  padding: 0.4rem 0.55rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  margin: 0 0 0.85rem;
}
.connection-card__error i {
  margin-right: 4px;
}
.connection-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: auto;
  padding: 0.85rem 0;
  border-top: 1px solid #f3f4f6;
}
.connection-card__status {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 500;
}
.connection-card__status i {
  margin-right: 4px;
}
.connection-card__status.is-on {
  color: #15803d;
}
.connection-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}
.connection-card__actions .btn {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  padding: 5px 10px;
}

.connection-toggle-form {
  margin: 0;
  padding: 0;
  display: inline-block;
  line-height: 0;
}

.connection-toggle {
  position: relative;
  width: 38px;
  height: 22px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  flex-shrink: 0;
}
.connection-toggle__track {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  transition: background-color 150ms ease;
}
.connection-toggle__handle {
  position: absolute;
  top: 2px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: left 150ms ease;
}
.connection-toggle.is-off .connection-toggle__track {
  background-color: #d1d5db;
}
.connection-toggle.is-off .connection-toggle__handle {
  left: 2px;
}
.connection-toggle.is-off:hover .connection-toggle__track {
  background-color: #9ca3af;
}
.connection-toggle.is-on .connection-toggle__track {
  background-color: #2563eb;
}
.connection-toggle.is-on .connection-toggle__handle {
  left: 18px;
}
.connection-toggle.is-on:hover .connection-toggle__track {
  background-color: #1d4ed8;
}
.connection-toggle:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 3px;
  border-radius: 999px;
}

.tasksRightOptions .btn.btn-default.waves-effect.waves-classic {
  width: auto;
}

.waves-effect.dropdown-item {
  display: block;
}

@media only screen and (max-width: 440px) {
  .tasksTopOptions .tasksRightOptions ul li:first-child {
    width: auto;
    float: left;
  }
  ul.token-input-list {
    width: auto;
  }
}
.dropdown-item {
  width: auto !important;
}

.scroll-div {
  height: 400px;
  width: 800px;
  background: #E0E0E0;
  overflow: scroll;
}

.dz-completed-text {
  color: white;
  font-weight: bold;
  background-color: #2ED573;
  padding: 5px 10px;
  border-radius: 5px;
  z-index: 1000;
  text-align: center;
  display: block;
}

.highcharts-figure,
.highcharts-data-table table {
  min-width: 360px;
  max-width: 600px;
  margin: 1em auto;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

.caret-column {
  width: 5px !important;
  text-align: center;
}

.page .md-info:before {
  color: #D3D3D3;
}

td.error-log-assoicated {
  background: url(/assets/caret-right-red.svg) no-repeat center center;
  cursor: pointer;
}

tr.shown td.error-log-assoicated {
  background: url(/assets/caret-down-red.svg) no-repeat center center;
}

td.verbose-log-assoicated {
  background: url(/assets/caret-right-green.svg) no-repeat center center;
  cursor: pointer;
}

tr.shown td.verbose-log-assoicated {
  background: url(/assets/caret-down-green.svg) no-repeat center center;
}

td.details-control-associated,
td.details-control-unassociated {
  width: 32px !important;
  min-width: 32px;
  max-width: 32px;
  padding-left: 14px !important;
  padding-right: 0 !important;
  background-position: 12px center !important;
  background-size: 12px 12px;
  cursor: pointer;
}

table:has(td.details-control-associated) > thead > tr > th:first-child,
table:has(td.details-control-unassociated) > thead > tr > th:first-child {
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  padding-left: 14px;
  padding-right: 0;
}

td.details-control-associated {
  background: url(/assets/caret-right-black.svg) no-repeat;
}

tr.shown td.details-control-associated {
  background: url(/assets/caret-down-black.svg) no-repeat;
}

td.details-control-unassociated {
  background: url(/assets/caret-right-orange.svg) no-repeat;
}

tr.shown td.details-control-unassociated {
  background: url(/assets/caret-down-orange.svg) no-repeat;
}

.invoice-status-draft {
  color: var(--edc-grey);
}

.invoice-status-delivered {
  color: var(--edc-primary-button-bg-color);
}

.site-menu-item form.button_to,
.dropdown-menu form.button_to {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  display: block;
}

.site-menu-item form.button_to button {
  display: block;
  width: 100%;
  background: none;
  border: none;
  margin: 0;
  text-align: left;
  cursor: pointer;
  text-decoration: unset;
  white-space: nowrap;
  padding: 0 22px;
  line-height: 38px;
  font-size: var(--edc-fs-secondary);
  color: rgba(255, 255, 255, 0.65);
}

.site-menu-item form.button_to button:hover {
  color: rgba(255, 255, 255, 0.9);
  background-color: rgba(255, 255, 255, 0.06);
}

.dropdown-menu form.button_to button {
  display: block;
  width: 100%;
  background: none;
  border: none;
  padding: 0.25rem 1.5rem;
  margin: 0;
  text-align: left;
  cursor: pointer;
  color: #212529;
  white-space: nowrap;
}

.dropdown-menu form.button_to button:hover {
  color: #16181b;
  background-color: #f8f9fa;
}

.administration-dashboard {
  max-width: 1200px;
}

.administration-section-header h2 {
  font-size: var(--edc-fs-title);
  font-weight: 600;
  color: #1f2937;
}
.administration-section-header h2 i {
  color: #193f87;
}
.administration-section-header p {
  font-size: var(--edc-fs-secondary);
}

.administration-welcome {
  margin-bottom: 22px;
}

.administration-welcome--compact {
  margin-bottom: 18px;
}

.administration-welcome__inner {
  display: flex;
  align-items: center;
  gap: 16px;
}

.administration-welcome__greeting {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #1f2937;
  margin: 0;
  line-height: 1.3;
}

.administration-welcome--compact .administration-welcome__greeting {
  font-size: var(--edc-fs-title);
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}

.administration-welcome--compact .administration-welcome__sub {
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0;
}

.administration-welcome__sub {
  font-size: var(--edc-fs-body);
  color: var(--edc-text-muted-words, #6b7280);
  margin: 4px 0 0;
}

.administration-health-strip {
  margin-bottom: 22px;
}

.administration-health-strip--unlabeled {
  margin-bottom: 18px;
}

.administration-strip-heading {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 14px;
}
.administration-strip-heading i {
  color: #193f87;
}

.administration-stat-cards {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.administration-stat-card {
  flex: 1;
  min-width: 150px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px 18px;
  transition: box-shadow 0.15s ease;
}
.administration-stat-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.administration-stat-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-heading);
  flex-shrink: 0;
}
.administration-stat-icon--blue {
  background: #eff6ff;
  color: #2563eb;
}
.administration-stat-icon--amber {
  background: #fef3c7;
  color: #d97706;
}
.administration-stat-icon--green {
  background: #f0fdf4;
  color: #16a34a;
}
.administration-stat-icon--purple {
  background: #faf5ff;
  color: #7c3aed;
}
.administration-stat-icon--red {
  background: #fef2f2;
  color: #dc2626;
}

.administration-stat-body {
  min-width: 0;
}

.administration-stat-value {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #1f2937;
  line-height: 1.2;
}

.administration-stat-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: var(--edc-text-muted-words, #6b7280);
  white-space: nowrap;
}

.administration-action-strip {
  margin-bottom: 28px;
}

.administration-strip-label {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: var(--edc-text-muted-words, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

.administration-action-items {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 8px;
  padding: 16px 20px;
  height: 100%;
}

.administration-action-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.administration-action-list li:not(:last-child) {
  border-bottom: 1px solid #fde68a;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.administration-action-link {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #92400e;
  text-decoration: none;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 500;
  padding: 4px 0;
  transition: color 0.15s ease;
}
.administration-action-link:hover {
  color: #78350f;
  text-decoration: none;
}
.administration-action-link i:first-child {
  width: 18px;
  text-align: center;
  flex-shrink: 0;
}
.administration-action-link span {
  flex: 1;
}

.administration-action-arrow {
  font-size: var(--edc-fs-eyebrow);
  color: #d97706;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.administration-action-link:hover .administration-action-arrow {
  opacity: 1;
}

.administration-quick-actions {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px 20px;
  height: 100%;
}

.administration-quick-actions-standalone {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px 20px;
  margin-bottom: 28px;
}

.administration-quick-btn {
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  justify-content: flex-start;
}

.administration-directory {
  margin-top: 12px;
  padding-top: 24px;
  border-top: 1px solid #e5e7eb;
}

.administration-layout {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.administration-sidebar {
  width: 240px;
  flex-shrink: 0;
  position: sticky;
  top: 80px;
}

.administration-nav {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  padding: 8px 0;
}

.administration-nav-section:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 4px;
  padding-bottom: 4px;
}

.administration-nav-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  color: #374151;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
  text-decoration: none;
  border-left: 3px solid transparent;
  transition: all 0.15s ease;
}
.administration-nav-header:hover {
  color: #193f87;
  background: #f0f7ff;
  text-decoration: none;
}
.administration-nav-header.active {
  color: #193f87;
  border-left-color: #193f87;
  background: #f0f7ff;
}
.administration-nav-header i {
  width: 18px;
  text-align: center;
  font-size: var(--edc-fs-body);
}

.administration-nav-items {
  list-style: none;
  margin: 0;
  padding: 0 0 4px;
}
.administration-nav-items li {
  padding: 0;
}
.administration-nav-items a {
  display: block;
  padding: 5px 16px 5px 47px;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  text-decoration: none;
  transition: color 0.15s ease;
}
.administration-nav-items a:hover {
  color: #193f87;
  text-decoration: none;
}
.administration-nav-items .badge {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  padding: 2px 5px;
  vertical-align: middle;
}

.administration-nav-future {
  display: block;
  padding: 5px 16px 5px 47px;
  color: #9ca3af;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.administration-content {
  flex: 1;
  min-width: 0;
}

.administration-section .card {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.administration-section .card .card-body {
  padding: 20px 24px 24px;
}

.administration-section .card-header {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  padding: 18px 24px;
}

.dh-scan-errored {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  border: 1px solid #fecaca;
  border-left: 4px solid #dc2626;
  background: #fef2f2;
  border-radius: 10px;
  padding: 18px 20px;
  margin-bottom: 4px;
}
.dh-scan-errored__icon {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  color: #dc2626;
  flex: none;
  line-height: 1.2;
}
.dh-scan-errored__body {
  min-width: 0;
}
.dh-scan-errored__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #7f1d1d;
  margin: 0 0 6px;
}
.dh-scan-errored__lead {
  font-size: var(--edc-fs-body);
  color: #4b5563;
  margin: 0 0 12px;
  max-width: 620px;
}
.dh-scan-errored__detail {
  margin: 0 0 12px;
}
.dh-scan-errored__detail summary {
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}
.dh-scan-errored__detail summary:hover {
  color: #111827;
}
.dh-scan-errored__pre {
  margin: 8px 0 0;
  padding: 10px 12px;
  font-size: var(--edc-fs-label);
  background: #fff;
  border: 1px solid #fecaca;
  border-radius: 6px;
  color: #7f1d1d;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 180px;
  overflow: auto;
}
.dh-scan-errored__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.scanner-card {
  height: 100%;
}
.scanner-card .scanner-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: none;
  border-radius: 9px;
  background: #eef2ff;
  color: #193f87;
}

.scanners-hub {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  gap: 1.5rem;
  align-items: start;
}
@media (max-width: 991.98px) {
  .scanners-hub {
    grid-template-columns: minmax(0, 1fr);
  }
}

.scanners-hub__list ul {
  margin: 0;
}

.scanners-hub__list li + li {
  margin-top: 1rem;
}

.scanner-row {
  padding: 0.75rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.scanner-row:hover {
  border-color: #cbd5e1;
}
.scanner-row--running {
  border-color: #93c5fd;
  box-shadow: 0 0 0 1px #bfdbfe inset;
}
.scanner-row__top {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.scanner-row__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: none;
  align-self: flex-start;
  margin-top: 2px;
  border-radius: 10px;
  background: #eef2ff;
  color: #193f87;
  font-size: var(--edc-fs-body);
}
.scanner-row__body {
  flex: 1 1 auto;
  min-width: 0;
}
.scanner-row__headline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 2px;
}
.scanner-row__title {
  font-size: calc(var(--edc-fs-heading) * 15.26 / 16);
  font-weight: 700;
  color: #101828;
  letter-spacing: -0.01em;
  margin: 0;
}
.scanner-row__badge {
  display: inline-flex;
  align-items: center;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 600;
  padding: 2px 9px;
  border-radius: 999px;
  line-height: 1.5;
}
.scanner-row__badge--running {
  background: #e0f2fe;
  color: #075985;
}
.scanner-row__badge--warn {
  background: #fef3c7;
  color: #92400e;
}
.scanner-row__badge--fail {
  background: #fee2e2;
  color: #991b1b;
}
.scanner-row__badge--ok {
  background: #dcfce7;
  color: #166534;
}
.scanner-row__badge--muted {
  background: #f1f5f9;
  color: #475467;
}
.scanner-row__desc {
  color: #475467;
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  line-height: 1.35;
}
.scanner-row__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  color: #475467;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  margin-top: 2px;
}
.scanner-row__cluster {
  flex: none;
  display: grid;
  grid-template-columns: 130px 140px auto;
  align-items: center;
  gap: 0.5rem;
}
.scanner-row__slot {
  min-width: 0;
}
.scanner-row__slot--target {
  justify-self: stretch;
}
.scanner-row__slot--run {
  justify-self: stretch;
}
.scanner-row__slot--open {
  justify-self: end;
}
.scanner-row__slot .form-select {
  width: 100%;
}
.scanner-row__slot--run .btn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scanner-row__nomsg {
  display: inline-block;
  line-height: 1.2;
}
.scanner-row__open {
  white-space: nowrap;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media (max-width: 767.98px) {
  .scanner-row__top {
    flex-wrap: wrap;
  }
  .scanner-row__cluster {
    grid-template-columns: 130px 140px auto;
    width: 100%;
    justify-content: end;
    margin-top: 0.5rem;
  }
}
.scanner-row__history {
  margin-top: 0.6rem;
  padding-top: 0.6rem;
  border-top: 1px solid #eef2f6;
}
.scanner-row__history summary {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
  color: #475467;
  cursor: pointer;
}

.scanner-history__row {
  border-bottom: 1px solid #f1f3f5;
}
.scanner-history__row:last-child {
  border-bottom: 0;
}

.scanner-history__link {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0.5rem;
  color: inherit;
  text-decoration: none;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  transition: background-color 0.12s ease;
}

.scanner-history__row--link .scanner-history__link:hover,
.scanner-history__row--link .scanner-history__link:focus-visible {
  background: #f8fafc;
  text-decoration: none;
  color: inherit;
}

.scanner-history__row--link .scanner-history__link:focus-visible {
  outline: 2px solid #4338ca;
  outline-offset: -2px;
  border-radius: 6px;
}

.scanner-history__link--static {
  cursor: default;
}

.scanner-history__main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
}

.scanner-history__when {
  font-weight: 600;
  color: #1f2937;
}

.scanner-history__target {
  color: #475467;
}

.scanner-history__removed {
  color: #475467;
  font-style: italic;
}

.scanner-history__status {
  flex: none;
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

.scanner-history__findings {
  color: #475467;
  font-variant-numeric: tabular-nums;
}

.scanner-history__state {
  font-weight: 600;
}

.scanner-history__chevron {
  color: #94a3b8;
  font-size: var(--edc-fs-label);
  flex: none;
}

.scanners-hub__inspector {
  position: sticky;
  top: 1rem;
}
@media (max-width: 991.98px) {
  .scanners-hub__inspector {
    position: static;
  }
}

.scan-inspector {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #f8fafc;
  padding: 1.15rem;
}
.scan-inspector__head {
  margin-bottom: 1rem;
}
.scan-inspector__title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2937;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.scan-inspector__live {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #16a34a;
  box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.6);
  animation: scanPulse 1.4s infinite;
}
.scan-inspector__scanner {
  margin: 2px 0 0;
  color: #475467;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.scan-inspector__stage {
  margin-bottom: 1rem;
}
.scan-inspector__stagename {
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 2px;
}
.scan-inspector__stagename.text-success, .scan-inspector__recentstatus.text-success {
  color: #146c43 !important;
}
.scan-inspector__stagecount {
  color: #64748b;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  margin: 0 0 0.5rem;
}
.scan-inspector__errmsg {
  color: #991b1b;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  margin: 0.25rem 0 0;
}
.scan-inspector__bar {
  height: 7px;
  border-radius: 999px;
}
.scan-inspector__counters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.6rem;
  margin: 0 0 1rem;
}
.scan-inspector__counter {
  background: #fff;
  border: 1px solid #eef2f6;
  border-radius: 9px;
  padding: 0.5rem 0.65rem;
}
.scan-inspector__counter dt {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #64748b;
  font-weight: 600;
  margin: 0;
}
.scan-inspector__counter dd {
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  font-weight: 700;
  color: #1f2937;
  margin: 2px 0 0;
  font-variant-numeric: tabular-nums;
}
.scan-inspector__logtitle {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #64748b;
  font-weight: 700;
  margin: 0 0 0.5rem;
}
.scan-inspector__log {
  list-style: none;
  margin: 0;
  padding: 0.5rem;
  background: #fff;
  border: 1px solid #eef2f6;
  border-radius: 9px;
  max-height: 220px;
  overflow-y: auto;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
}
.scan-inspector__logrow {
  display: flex;
  gap: 0.5rem;
  padding: 2px 0;
  color: #334155;
}
.scan-inspector__logrow--error {
  color: #991b1b;
}
.scan-inspector__logrow--warning {
  color: #92400e;
}
.scan-inspector__logtime {
  color: #64748b;
  font-variant-numeric: tabular-nums;
  flex: none;
}
.scan-inspector__logmsg {
  min-width: 0;
}
.scan-inspector__empty {
  text-align: center;
  padding: 1.5rem 1rem;
  color: #475467;
}
.scan-inspector__empty i {
  font-size: calc(var(--edc-fs-display) * 25.2 / 24);
  color: #cbd5e1;
  margin-bottom: 0.5rem;
}
.scan-inspector__empty p {
  margin: 0 0 0.25rem;
}
.scan-inspector__recent {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}
.scan-inspector__recentrow {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  border-bottom: 1px solid #eef2f6;
}
.scan-inspector__recentrow:last-child {
  border-bottom: 0;
}
.scan-inspector__recentlink {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 5px 6px;
  color: inherit;
  text-decoration: none;
  border-radius: 6px;
  transition: background-color 0.12s ease;
}
.scan-inspector__recentrow--link .scan-inspector__recentlink:hover, .scan-inspector__recentrow--link .scan-inspector__recentlink:focus-visible {
  background: #eef2f6;
  text-decoration: none;
  color: inherit;
}
.scan-inspector__recentrow--link .scan-inspector__recentlink:focus-visible {
  outline: 2px solid #4338ca;
  outline-offset: -2px;
}
.scan-inspector__recentlink--static {
  cursor: default;
}
.scan-inspector__recentname {
  font-weight: 600;
  color: #334155;
  flex: 1 1 auto;
  min-width: 0;
}
.scan-inspector__recentremoved {
  color: #475467;
  font-style: italic;
  font-weight: 400;
}
.scan-inspector__recentwhen {
  color: #475467;
  flex: none;
}
.scan-inspector__recentstatus {
  flex: none;
  font-weight: 600;
}
.scan-inspector__recentchevron {
  color: #94a3b8;
  font-size: var(--edc-fs-eyebrow);
  flex: none;
  align-self: center;
}

@keyframes scanPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.5);
  }
  70% {
    box-shadow: 0 0 0 6px rgba(22, 163, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(22, 163, 74, 0);
  }
}
.administration-section-card-title {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.administration-section-card-title i {
  color: #193f87;
}

.administration-section-card-desc {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-muted-words, #6b7280);
  margin: 4px 0 0;
}

.administration-module-card {
  display: block;
  padding: 16px 18px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  height: 100%;
  transition: all 0.15s ease;
}
.administration-module-card:hover {
  border-color: #193f87;
  box-shadow: 0 2px 8px rgba(25, 63, 135, 0.08);
  text-decoration: none;
  color: inherit;
}
.administration-module-card.disabled {
  opacity: 0.55;
  cursor: default;
}
.administration-module-card.disabled:hover {
  border-color: #e5e7eb;
  box-shadow: none;
}
.administration-module-card .badge {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  padding: 2px 5px;
  vertical-align: middle;
}

.administration-module-card__title {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 3px;
}

.administration-module-card__desc {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  line-height: 1.45;
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0;
}

.administration-module-icon {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f7ff;
  border-radius: 8px;
  color: #193f87;
  font-size: var(--edc-fs-body);
  flex-shrink: 0;
  margin-right: 14px;
  margin-top: 1px;
}

@media (max-width: 991px) {
  .administration-welcome__greeting {
    font-size: calc(var(--edc-fs-title) * 19 / 18);
  }
  .administration-welcome--compact .administration-welcome__greeting {
    font-size: calc(var(--edc-fs-heading) * 17 / 16);
  }
  .administration-layout {
    flex-direction: column;
  }
  .administration-sidebar {
    width: 100%;
    position: static;
  }
  .administration-stat-cards {
    flex-direction: column;
  }
  .administration-stat-card {
    min-width: auto;
  }
  .administration-section .card-body {
    padding: 16px;
  }
}
.sso-section-header {
  margin-bottom: 16px;
}

.sso-section-title {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #1f2937;
  border-left: 3px solid #2ed573;
  padding-left: 10px;
  margin: 0;
}
.sso-section-title i {
  margin-right: 6px;
}

.sso-subsection-title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2937;
  margin: 20px 0 6px;
}
.sso-subsection-title i {
  margin-right: 5px;
  color: #6c757d;
}

.sso-status-row {
  margin-top: 15px;
}

.sso-status-card {
  text-align: center;
  padding: 18px 12px;
  border-radius: 10px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  height: 100%;
  transition: box-shadow 0.15s ease;
}
.sso-status-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.sso-status-card--active {
  background: linear-gradient(135deg, #2ed573, #24c667);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 2px 8px rgba(46, 213, 115, 0.25);
}

.sso-status-card__icon {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  margin-bottom: 6px;
  display: block;
  color: #6c757d;
}
.sso-status-card--active .sso-status-card__icon {
  color: #fff;
  opacity: 0.9;
}

.sso-status-card__value {
  font-size: var(--edc-fs-title);
  font-weight: 600;
  margin: 0;
}
.sso-status-card--active .sso-status-card__value {
  color: #fff;
}

.sso-status-card__label {
  font-size: var(--edc-fs-label);
  margin: 0;
  color: var(--edc-text-muted-words, #6b7280);
}
.sso-status-card--active .sso-status-card__label {
  color: rgba(255, 255, 255, 0.85);
}

.sso-provider-table-wrap {
  border-radius: 8px;
  border: 1px solid #e9ecef;
  overflow: hidden;
}

.sso-provider-table thead {
  background: #f8f9fa;
}

.sso-provider-name {
  font-weight: 500;
}

.sso-badge--active {
  background: #15803d;
  color: #fff;
  padding: 5px 10px;
  border-radius: 12px;
}

.sso-provider-table td {
  vertical-align: middle;
}

.sso-provider-table .input-group {
  flex-wrap: nowrap;
  align-items: stretch;
}

.sso-provider-table .form-control.sso-url-input {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: var(--edc-fs-eyebrow);
  line-height: 1.2;
  min-width: 0;
  height: 26px;
  padding: 2px 6px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sso-provider-table .btn.sso-url-copy {
  flex: 0 0 auto;
  width: 32px;
  height: 26px;
  min-height: 0;
  padding: 0;
  font-size: var(--edc-fs-eyebrow);
  line-height: 1;
  border-color: #d1d5db;
  color: var(--edc-text-muted-words, #6b7280);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sso-provider-table .btn.sso-url-copy i {
  font-size: var(--edc-fs-label);
  line-height: 1;
}
.sso-provider-table .btn.sso-url-copy:hover, .sso-provider-table .btn.sso-url-copy:focus {
  color: #2563eb;
  border-color: #93c5fd;
  background-color: transparent;
}

.sso-providers-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 20px 0 12px;
}

.sso-provider-type-badge {
  display: inline-block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 4px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.sso-provider-type-badge--oauth2 {
  background: #eff6ff;
  color: #2563eb;
}
.sso-provider-type-badge--saml {
  background: #f3e8ff;
  color: #7c3aed;
}

.sso-empty-state {
  text-align: center;
  padding: 40px 20px;
  background: #f8f9fa;
  border: 1px dashed #d1d5db;
  border-radius: 10px;
  margin-bottom: 16px;
}
.sso-empty-state i {
  font-size: calc(var(--edc-fs-display) * 36 / 24);
  color: #d1d5db;
  margin-bottom: 12px;
  display: block;
}
.sso-empty-state p {
  color: var(--edc-text-muted-words, #6b7280);
  margin-bottom: 12px;
}

.sso-type-picker {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.sso-type-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 24px 16px;
  background: #fff;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  text-align: center;
}
.sso-type-card:hover {
  border-color: #2563eb;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1);
}

.sso-type-card__icon {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
}
.sso-type-card__icon--google {
  color: #4285f4;
}
.sso-type-card__icon--azure {
  color: #00a4ef;
}
.sso-type-card__icon--okta {
  color: #007dc1;
}
.sso-type-card__icon--duo {
  color: #6bbf4e;
}
.sso-type-card__icon--saml {
  color: var(--edc-text-muted-words, #6b7280);
}

.sso-type-card__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2937;
}

.sso-type-card__desc {
  font-size: var(--edc-fs-label);
  color: #9ca3af;
}

@media (max-width: 767px) {
  .sso-type-picker {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .sso-type-picker {
    grid-template-columns: 1fr;
  }
}
.sso-require-toggle {
  align-items: center;
  margin-top: 10px;
  background: #fffaf0;
  border-color: #f1e2c0;
}

.sso-require-toggle form {
  margin-left: auto;
}

.sso-sp-details {
  margin-top: 18px;
  padding: 14px 16px;
  background: #f8fafc;
  border: 1px solid #e6ebf1;
  border-radius: 8px;
}

.sso-sp-details__provider + .sso-sp-details__provider {
  margin-top: 12px;
}

.sso-sp-details__name {
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
}

.sso-sp-details__list {
  margin: 0;
}

.sso-sp-details__row {
  display: flex;
  gap: 10px;
  padding: 3px 0;
  align-items: baseline;
}

.sso-sp-details__row dt {
  width: 130px;
  flex: none;
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #475467;
}

.sso-sp-details__row dd {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  word-break: break-all;
}

.sso-sp-details__row code {
  color: #101828;
  background: transparent;
}

.sso-fallback-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 16px;
  background: #f0f7ff;
  border: 1px solid #d6e4f0;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  line-height: 1.5;
  margin-bottom: 20px;
}
.sso-fallback-note > i {
  color: #2563eb;
  margin-top: 2px;
  flex-shrink: 0;
}

.sso-org-settings-card {
  margin-top: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 20px 24px;
  background: #fafbfc;
}

.sso-org-settings-card__header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
.sso-org-settings-card__header > i {
  font-size: var(--edc-fs-title);
  color: var(--edc-text-muted-words, #6b7280);
  margin-top: 2px;
}

.sso-org-settings-card__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 2px;
}

.sso-org-settings-card__desc {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0;
}

.sso-provider-table {
  font-size: var(--edc-fs-secondary);
}

.sso-provider-table thead th {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--edc-text-muted-words, #6b7280);
  border-bottom: 2px solid #e5e7eb;
  padding: 10px 12px;
}

.sso-provider-table tbody td {
  padding: 12px;
  border-bottom: 1px solid #f3f4f6;
}

.sso-provider-table tbody tr:hover {
  background: #f9fafb;
}

.sso-provider-table tbody tr:last-child td {
  border-bottom: 0;
}

.divider-hr {
  border: 0;
  border-top: 1px solid #e5e7eb;
  margin: 28px 0;
}

.mb-16 {
  margin-bottom: 16px;
}

.sso-info-panel {
  background: linear-gradient(135deg, #f0f7ff 0%, #f8f9fa 100%);
  border: 1px solid #d6e4f0;
  border-radius: 10px;
  padding: 28px;
  margin-top: 10px;
}

.sso-info-panel__title {
  font-weight: 600;
  color: #193F87;
  margin-bottom: 10px;
}
.sso-info-panel__title i {
  margin-right: 8px;
}

.sso-info-panel__desc {
  color: var(--edc-text-muted-words, #6b7280);
  margin-bottom: 14px;
  font-size: var(--edc-fs-body);
}

.sso-info-panel__benefits {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}
.sso-info-panel__benefits li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-muted-words, #6b7280);
}
.sso-info-panel__benefits i {
  color: #2ed573;
  margin-right: 10px;
  margin-top: 2px;
  flex-shrink: 0;
}

.sso-info-panel__cta {
  font-size: var(--edc-fs-secondary);
  color: #6c757d;
  margin: 0;
}
.sso-info-panel__cta i {
  margin-right: 5px;
}

.sso-info-panel__watermark {
  font-size: calc(var(--edc-fs-display) * 80 / 24);
  color: #d6e4f0;
  opacity: 0.6;
}

.sso-note {
  margin-top: 16px;
}

.tfa-methods {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.tfa-method-card {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.tfa-method-card--legacy {
  border-color: #fde68a;
}

.tfa-method-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 24px;
  background: #fafbfc;
  border-bottom: 1px solid #f0f0f0;
  gap: 12px;
}

.tfa-method-card__info {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  flex: 1;
  min-width: 0;
}

.tfa-method-card__icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  flex-shrink: 0;
}
.tfa-method-card__icon-wrap--totp {
  background: #eff6ff;
  color: #2563eb;
}
.tfa-method-card__icon-wrap--duo {
  background: #f0fdf4;
  color: #16a34a;
}
.tfa-method-card__icon-wrap--authy {
  background: #fff8e1;
  color: #f59e0b;
}

.tfa-method-card__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 4px;
}

.tfa-method-card__desc {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0;
  line-height: 1.5;
}

.tfa-method-card__body {
  padding: 20px 24px;
}

.tfa-method-card__details {
  margin-bottom: 4px;
}

.tfa-method-card__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.tfa-method-badge {
  font-size: var(--edc-fs-label);
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 20px;
  white-space: nowrap;
  flex-shrink: 0;
}
.tfa-method-badge--enabled {
  background: #ecfdf5;
  color: #059669;
  border: 1px solid #a7f3d0;
}
.tfa-method-badge--disabled {
  background: #f3f4f6;
  color: #4b5563;
  border: 1px solid #e5e7eb;
}
.tfa-method-badge--available {
  background: #eff6ff;
  color: #2563eb;
  border: 1px solid #bfdbfe;
}
.tfa-method-badge--setup {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
}
.tfa-method-badge--legacy {
  background: #fffbeb;
  color: #92400e;
  border: 1px solid #fde68a;
}
.tfa-method-badge i {
  margin-right: 4px;
}

.tfa-backup-status {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0 0 12px;
}
.tfa-backup-status i {
  margin-right: 4px;
}

.tfa-duo-admin {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 4px;
}

.tfa-duo-admin__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 8px;
}
.tfa-duo-admin__title i {
  margin-right: 5px;
  color: #6c757d;
}

.tfa-duo-divider {
  border-color: #e5e7eb;
  margin: 16px 0;
}

.tfa-duo-enrollment__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 12px;
}

.tfa-enrollment-status {
  font-size: var(--edc-fs-secondary);
  margin: 0 0 12px;
}
.tfa-enrollment-status--enrolled {
  color: #059669;
}
.tfa-enrollment-status--enrolled i {
  margin-right: 6px;
}

@media (max-width: 767px) {
  .tfa-method-card__header {
    flex-direction: column;
    padding: 16px;
  }
  .tfa-method-card__body {
    padding: 16px;
  }
  .sso-status-card {
    margin-bottom: 12px;
  }
  .tfa-duo-admin {
    padding: 16px;
  }
}
.usage-section-label {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: var(--edc-text-muted-words, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
}
.usage-section-label i {
  font-size: var(--edc-fs-eyebrow);
}

.quota-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 14px 16px;
  height: 100%;
}

.quota-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.quota-card-label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #374151;
}

.quota-card-values {
  font-size: var(--edc-fs-body);
  margin-bottom: 8px;
}
.quota-card-values strong {
  color: #1f2937;
}

.quota-badge {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 10px;
  color: #fff;
}
.quota-badge.quota-badge-success {
  background-color: #16a34a;
}
.quota-badge.quota-badge-warning {
  background-color: #d97706;
}
.quota-badge.quota-badge-danger {
  background-color: #dc2626;
}

.quota-progress-track {
  background-color: #e5e7eb;
  border-radius: 4px;
  height: 6px;
  overflow: hidden;
}

.quota-progress-fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.4s ease;
}
.quota-progress-fill.quota-progress-success {
  background-color: #16a34a;
}
.quota-progress-fill.quota-progress-warning {
  background-color: #d97706;
}
.quota-progress-fill.quota-progress-danger {
  background-color: #dc2626;
}

.quota-hero {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 22px 24px 20px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-left: 4px solid #16a34a;
  border-radius: 14px;
  height: 100%;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.quota-hero:hover {
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}

.quota-hero--warning {
  border-left-color: #d97706;
}

.quota-hero--danger {
  border-left-color: #dc2626;
}

.quota-hero__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.quota-hero__identity {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}

.quota-hero__icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #f0fdf4;
  color: #15803d;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}
.quota-hero--warning .quota-hero__icon {
  background: #fffbeb;
  color: #b45309;
}
.quota-hero--danger .quota-hero__icon {
  background: #fef2f2;
  color: #b91c1c;
}

.quota-hero__identity-text {
  min-width: 0;
}

.quota-hero__label {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #1e293b;
  letter-spacing: -0.2px;
  line-height: 1.25;
}

.quota-hero__desc {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #64748b;
  line-height: 1.4;
  margin-top: 2px;
}

.quota-hero__pct-block {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1;
}

.quota-hero__pct {
  font-size: calc(var(--edc-fs-display) * 40 / 24);
  font-weight: 700;
  color: #15803d;
  letter-spacing: -1.2px;
  line-height: 0.95;
}
.quota-hero__pct span {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 600;
  margin-left: 1px;
}
.quota-hero--warning .quota-hero__pct {
  color: #b45309;
}
.quota-hero--danger .quota-hero__pct {
  color: #b91c1c;
}

.quota-hero__pct-caption {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #475569;
  margin-top: 3px;
}

.quota-hero__values {
  font-size: var(--edc-fs-body);
  color: #64748b;
  line-height: 1.3;
}
.quota-hero__values .quota-hero__used {
  color: #1e293b;
  font-weight: 700;
  font-size: var(--edc-fs-title);
  margin-right: 4px;
  letter-spacing: -0.2px;
}
.quota-hero__values .quota-hero__of {
  color: #475569;
}
.quota-hero__values .quota-hero__remaining {
  color: #64748b;
  margin-left: 4px;
}
.quota-hero__values .quota-hero__remaining--alert {
  color: #b91c1c;
  font-weight: 600;
}

.quota-hero__bar {
  position: relative;
  height: 10px;
  background: #f1f5f9;
  border-radius: 999px;
  overflow: hidden;
}

.quota-hero__bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #22c55e, #16a34a);
  border-radius: 999px;
  transition: width 0.8s cubic-bezier(0.34, 1.2, 0.64, 1);
}
.quota-hero--warning .quota-hero__bar-fill {
  background: linear-gradient(90deg, #fbbf24, #d97706);
}
.quota-hero--danger .quota-hero__bar-fill {
  background: linear-gradient(90deg, #ef4444, #b91c1c);
}

@media (prefers-reduced-motion: reduce) {
  .quota-hero__bar-fill {
    transition: none;
  }
}
@media (max-width: 560px) {
  .quota-hero__top {
    flex-direction: column;
    align-items: flex-start;
  }
  .quota-hero__pct-block {
    align-items: flex-start;
  }
  .quota-hero__pct {
    font-size: calc(var(--edc-fs-display) * 34 / 24);
  }
}
.quota-hero--high {
  border-left-color: #ea580c;
}

.quota-hero--over {
  border-left-color: #dc2626;
}

.quota-hero--high .quota-hero__icon {
  background: #fff7ed;
  color: #c2410c;
}

.quota-hero--over .quota-hero__icon {
  background: #fef2f2;
  color: #b91c1c;
}

.quota-hero--high .quota-hero__pct {
  color: #c2410c;
}

.quota-hero--over .quota-hero__pct {
  color: #b91c1c;
}

.quota-hero--high .quota-hero__bar-fill {
  background: linear-gradient(90deg, #fb923c, #ea580c);
}

.quota-hero--over .quota-hero__bar-fill {
  background: linear-gradient(90deg, #ef4444, #b91c1c);
}

.quota-card--ok {
  border-left: 3px solid #16a34a;
}

.quota-card--warning {
  border-left: 3px solid #d97706;
}

.quota-card--high {
  border-left: 3px solid #ea580c;
}

.quota-card--over {
  border-left: 3px solid #dc2626;
}

.quota-badge--ok {
  background-color: #15803d;
  color: #fff;
}

.quota-badge--warning {
  background-color: #d97706;
  color: #fff;
}

.quota-badge--high {
  background-color: #ea580c;
  color: #fff;
}

.quota-badge--over {
  background-color: #dc2626;
  color: #fff;
}

.quota-card .quota-badge--ok,
.quota-card .quota-badge--warning,
.quota-card .quota-badge--high,
.quota-card .quota-badge--over {
  padding: 2px 10px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  border-radius: 999px;
}

.quota-progress--ok {
  background-color: #16a34a;
}

.quota-progress--warning {
  background-color: #d97706;
}

.quota-progress--high {
  background-color: #ea580c;
}

.quota-progress--over {
  background-color: #dc2626;
}

.quota-hero__help {
  margin-top: 10px;
  padding: 8px 12px;
  font-size: var(--edc-fs-label);
  color: #475569;
  background: #f1f5f9;
  border-radius: 6px;
  line-height: 1.5;
}
.quota-hero__help a {
  color: #1d4ed8;
  text-decoration: underline;
}
.quota-hero__help i {
  color: #64748b;
}

.mb-25 {
  margin-bottom: 25px;
}

.quota-banner {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 18px;
  border-bottom: 1px solid;
  font-size: var(--edc-fs-body);
}
.quota-banner--warning {
  background: #fffbeb;
  border-bottom-color: #fde68a;
  color: #92400e;
}
.quota-banner--warning .quota-banner__icon {
  color: #d97706;
}
.quota-banner--high {
  background: #fff7ed;
  border-bottom-color: #fed7aa;
  color: #9a3412;
}
.quota-banner--high .quota-banner__icon {
  color: #ea580c;
}
.quota-banner--over {
  background: #fef2f2;
  border-bottom-color: #fecaca;
  color: #991b1b;
}
.quota-banner--over .quota-banner__icon {
  color: #dc2626;
}

.quota-banner__icon {
  flex: 0 0 auto;
  font-size: var(--edc-fs-title);
}

.quota-banner__body {
  flex: 1 1 auto;
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  min-width: 0;
}

.quota-banner__title {
  font-weight: 600;
}

.quota-banner__meta {
  font-size: var(--edc-fs-label);
  font-weight: 400;
}
.quota-banner__meta code {
  font-size: var(--edc-fs-eyebrow);
  background: rgba(0, 0, 0, 0.04);
  padding: 1px 5px;
  border-radius: 4px;
}

.quota-banner__dismiss {
  flex: 0 0 auto;
  background: transparent;
  border: 0;
  padding: 4px 8px;
  border-radius: 6px;
  color: inherit;
  opacity: 0.65;
  cursor: pointer;
  transition: opacity 0.15s ease, background 0.15s ease;
}
.quota-banner__dismiss:hover, .quota-banner__dismiss:focus {
  opacity: 1;
  background: rgba(0, 0, 0, 0.05);
}

.quota-locked-panel {
  display: flex;
  gap: 24px;
  padding: 28px;
  background: #fff;
  border: 1px solid #fecaca;
  border-left: 4px solid #dc2626;
  border-radius: 12px;
  margin: 24px 0;
}

.quota-locked-panel__icon {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: calc(var(--edc-fs-display) * 28 / 24);
}

.quota-locked-panel__body {
  flex: 1 1 auto;
  min-width: 0;
}

.quota-locked-panel__title {
  font-size: var(--edc-fs-title);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 8px;
  letter-spacing: -0.2px;
}

.quota-locked-panel__lede {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #374151;
  margin: 0 0 12px;
  line-height: 1.5;
}

.quota-locked-panel__detail {
  font-size: var(--edc-fs-secondary);
  margin: 0 0 16px;
  line-height: 1.5;
}

.quota-locked-panel__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 28px;
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}

.quota-locked-panel__meta-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.quota-locked-panel__meta-label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #94a3b8;
}

.quota-locked-panel__meta-value {
  font-size: var(--edc-fs-secondary);
  color: #1f2937;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  word-break: break-all;
}

.team-usage-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.team-usage-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr);
  align-items: center;
  gap: 18px;
  padding: 14px 18px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.team-usage-row:hover {
  border-color: #cbd5e1;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
}

.team-usage-row__identity {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.team-usage-avatar {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.3px;
}

.team-usage-row__names {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.team-usage-row__name {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1e293b;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team-usage-row__email {
  font-size: var(--edc-fs-label);
  color: #64748b;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team-usage-row__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.qu-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: var(--edc-fs-label);
  line-height: 1;
  color: #475569;
  white-space: nowrap;
  cursor: default;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.qu-chip i {
  font-size: var(--edc-fs-eyebrow);
  color: #64748b;
}
.qu-chip strong {
  color: #1e293b;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
}
.qu-chip span {
  color: #64748b;
}
.qu-chip:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}

@media (max-width: 900px) {
  .team-usage-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.session-stat-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
  height: 100%;
  transition: box-shadow 0.15s ease;
}
.session-stat-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.session-stat-card--alert {
  border-color: #fecaca;
  background: #fef2f2;
}

.session-stat-icon {
  font-size: var(--edc-fs-title);
  margin-bottom: 6px;
  opacity: 0.85;
}

.session-stat-value {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #1f2937;
  line-height: 1.2;
}

.session-stat-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  color: var(--edc-text-muted-words, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 4px;
  font-weight: 500;
}

.session-filter-bar {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
}

.session-events-table th, .session-users-table th {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--edc-text-muted-words, #6b7280);
  border-bottom-width: 1px;
}
.session-events-table td, .session-users-table td {
  vertical-align: middle;
}

.session-ip-code {
  font-size: var(--edc-fs-label);
  background: #f3f4f6;
  padding: 2px 6px;
  border-radius: 4px;
  color: #4b5563;
}

.table-danger-subtle {
  background-color: #fef2f2;
}

.session-locked-banner {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
}

.session-locked-banner__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.session-locked-banner__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.session-locked-user {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  padding: 8px 12px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #fecaca;
}

.session-policy-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 20px;
  height: 100%;
}

.session-policy-card__header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.session-policy-card__header > i {
  font-size: var(--edc-fs-title);
  color: var(--edc-text-muted-words, #6b7280);
  margin-top: 2px;
}

.session-policy-card__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 2px;
}

.session-policy-card__desc {
  font-size: var(--edc-fs-label);
  color: var(--edc-text-muted-words, #6b7280);
  margin-bottom: 0;
}

.session-policy-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 16px;
  background: #f9fafb;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}

.session-policy-stat__value {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2937;
}

.session-policy-stat__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  color: var(--edc-text-muted-words, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.notification-triggers-table td .form-row {
  max-width: 280px;
}
.notification-triggers-table .form-control-sm {
  font-size: var(--edc-fs-label);
  padding: 4px 8px;
}

.fw-500 {
  font-weight: 500;
}

.sub-section-title {
  font-size: var(--edc-fs-title);
  font-weight: 600;
  color: #1e293b;
  letter-spacing: -0.2px;
  margin: 0 0 4px;
  line-height: 1.3;
}
.sub-section-title i {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  opacity: 0.75;
  margin-right: 6px;
}

.sub-section-title + .text-muted {
  font-size: var(--edc-fs-secondary);
  margin-top: 0 !important;
  line-height: 1.4;
}

.cloud-backup-nudge {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px 22px;
  background: linear-gradient(135deg, #eef2ff 0%, #f0f9ff 100%);
  border: 1px solid #dbeafe;
  border-left: 4px solid #3b82f6;
  border-radius: 12px;
  margin-bottom: 24px;
}

.cloud-backup-nudge__icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
}

.cloud-backup-nudge__body {
  flex: 1 1 auto;
  min-width: 0;
}

.cloud-backup-nudge__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 4px;
  letter-spacing: -0.1px;
}

.cloud-backup-nudge__lede {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0;
  line-height: 1.45;
}

.cloud-backup-nudge__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

.cloud-backup-nudge__dismiss {
  background: transparent;
  border: 0;
  color: #94a3b8;
  font-size: var(--edc-fs-heading);
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: color 0.15s ease, background 0.15s ease;
}
.cloud-backup-nudge__dismiss:hover, .cloud-backup-nudge__dismiss:focus {
  color: #475569;
  background: rgba(0, 0, 0, 0.05);
}

.backup-destinations {
  margin-top: 8px;
}

.backup-destinations__header {
  margin-bottom: 10px;
}

.backup-destination-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.backup-destination-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}
.backup-destination-card--connect_needed {
  border-style: dashed;
  background: #fafafa;
}
.backup-destination-card--setup_in_progress {
  border-color: #fde68a;
  background: #fffbeb;
}
.backup-destination-card--ready_to_add {
  border-style: dashed;
  border-color: #93c5fd;
  background: #eff6ff;
}

.backup-destination-card__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.backup-destination-card__icon {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  color: #475569;
}

.backup-destination-card__id {
  flex: 1 1 auto;
  min-width: 0;
}
.backup-destination-card__id strong {
  font-size: var(--edc-fs-body);
  color: #1e293b;
}

.backup-destination-card__status {
  flex: 0 0 auto;
}

.backup-destination-card__body {
  flex: 1 1 auto;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.backup-destination-card__body--indent {
  padding-left: 48px;
}

.backup-destination-card--system .backup-destination-card__icon {
  color: #16a34a;
}

.backup-destination-card__foot {
  border-top: 1px solid #f1f5f9;
  padding-top: 8px;
  font-size: var(--edc-fs-label);
}

.backup-history-table th {
  font-size: var(--edc-fs-label);
}
.backup-history-table .backup-history-table__dest-col {
  min-width: 110px;
  font-weight: 500;
}

.backup-cell-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-title);
  line-height: 1;
  cursor: help;
}

.backups-legacy-disclosure {
  border-top: 1px dashed #e5e7eb;
  padding-top: 16px;
}
.backups-legacy-disclosure summary {
  cursor: pointer;
  font-weight: 500;
  color: #475569;
  padding: 8px 0;
  list-style: none;
}
.backups-legacy-disclosure summary::-webkit-details-marker {
  display: none;
}
.backups-legacy-disclosure summary::before {
  content: "▸";
  display: inline-block;
  margin-right: 8px;
  transition: transform 0.15s ease;
  color: #94a3b8;
}
.backups-legacy-disclosure[open] summary::before {
  transform: rotate(90deg);
}

.change-report-stat-card {
  border: 1px solid #e8ecf1;
  border-radius: 8px;
  transition: box-shadow 0.2s ease;
}
.change-report-stat-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.change-report-stat-card .card-body {
  padding: 20px 15px;
}

.change-report-stat-icon {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  margin-bottom: 8px;
  opacity: 0.85;
}

.change-report-stat-value {
  font-size: calc(var(--edc-fs-display) * 24.5 / 24);
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #252525;
  line-height: 1.2;
}

.change-report-stat-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #475467;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 4px;
  font-weight: 500;
}

.change-report-stat-card--compact .change-report-stat-value {
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
}
.change-report-stat-card--compact .change-report-stat-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
}

.display-field--wide {
  width: 80%;
}

.widget-toggle {
  min-width: 110px;
  font-weight: 500;
  text-align: center;
}
.widget-toggle i {
  transition: transform 0.1s ease-out;
}
.widget-toggle:hover i {
  transform: translateX(1px);
}

.change-report-section-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #252525;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  margin-bottom: 0;
}

.change-report-detail-section {
  border-top: 1px solid #e8ecf1;
  padding-top: 20px;
}

.change-report-bar-container {
  background: #f0f2f5;
  border-radius: 4px;
  height: 8px;
  width: 100%;
  overflow: hidden;
}

.change-report-bar {
  background: linear-gradient(90deg, #193f87, #2979ff);
  height: 100%;
  border-radius: 4px;
  min-width: 2px;
  transition: width 0.3s ease;
}

.change-report-status-badge {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  padding: 4px 10px;
  border-radius: 4px;
  font-weight: 500;
}

.change-reports-tabs {
  border-bottom: 2px solid #e8ecf1;
}
.change-reports-tabs .nav-link {
  color: #475467;
  font-weight: 500;
  border: none;
  padding: 10px 20px;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.change-reports-tabs .nav-link:hover {
  color: #193f87;
  border-bottom-color: #c5d5ea;
}
.change-reports-tabs .nav-link.active {
  color: #193f87;
  font-weight: 600;
  border-bottom-color: #193f87;
  background: transparent;
}

.navbar-search-inline {
  display: flex;
  align-items: center;
  margin: 0;
}
.navbar-search-inline__field {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.navbar-search-inline__icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--edc-fs-label);
  color: #9ca3af;
  pointer-events: none;
  transition: color 0.18s ease;
}
.navbar-search-inline__input {
  width: 220px;
  height: 34px;
  padding: 6px 14px 6px 34px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #1f2937;
  font-size: var(--edc-fs-secondary);
  line-height: 1.4;
  transition: width 0.25s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
.navbar-search-inline__input::-moz-placeholder {
  color: #9ca3af;
  opacity: 1;
}
.navbar-search-inline__input::placeholder {
  color: #9ca3af;
  opacity: 1;
}
.navbar-search-inline__input:focus {
  width: 420px;
  background: #ffffff;
  border-color: var(--edc-primary-button-bg-color, #2563eb);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}
.navbar-search-inline__field:focus-within .navbar-search-inline__icon {
  color: var(--edc-primary-button-bg-color, #2563eb);
}
@media (max-width: 991px) {
  .navbar-search-inline__input {
    width: 180px;
  }
  .navbar-search-inline__input:focus {
    width: min(320px, 100vw - 280px);
  }
}
@media (max-width: 575px) {
  .navbar-search-inline__input {
    width: 140px;
  }
}

.navbar-search-trigger {
  display: none;
}

.navbar-avatar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50%;
  border: 2px solid transparent;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  padding: 0;
  margin: 0 4px;
}
.navbar-avatar-btn:hover, .navbar-avatar-btn:focus {
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
  outline: none;
}

.navbar-avatar-initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50%;
  font-weight: 600;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #fff;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  padding: 0;
  margin: 0 4px;
}
.navbar-avatar-initials:hover, .navbar-avatar-initials:focus {
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
  outline: none;
}

.navbar-notifications {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}

.navbar-help-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.navbar-help-btn:hover, .navbar-help-btn:focus {
  background: #f3f4f6;
  color: #111827;
  text-decoration: none;
}

.navbar-notifications-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  border: none;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
  position: relative;
  padding: 0;
}
.navbar-notifications-btn:hover, .navbar-notifications-btn:focus {
  background: #f3f4f6;
  color: #1f2937;
  outline: none;
}

.navbar-notifications-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: #dc2626;
  color: #fff;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  font-weight: 600;
  line-height: 16px;
  text-align: center;
}

.navbar-notifications-dropdown {
  width: 380px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  padding: 0;
  overflow: hidden;
  margin-top: 8px !important;
}

.navbar-notifications-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}
.navbar-notifications-header h6 {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.navbar-notifications-header__links {
  display: flex;
  align-items: center;
  gap: 14px;
}
.navbar-notifications-header a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--edc-fs-label);
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}
.navbar-notifications-header a i {
  font-size: var(--edc-fs-eyebrow);
}
.navbar-notifications-header a:hover {
  text-decoration: underline;
}

.navbar-notifications-section-title__brand {
  font-weight: 400;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: 0.92em;
  margin-left: 2px;
}

.navbar-notifications-body {
  max-height: 320px;
  overflow-y: auto;
  background: #fff;
}

.navbar-notifications-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-top: 1px solid #e5e7eb;
  background: #fafafa;
}
.navbar-notifications-footer a {
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #2563eb;
  text-decoration: none;
}
.navbar-notifications-footer a:hover {
  text-decoration: underline;
}

.site-footer-legal {
  color: #5b6478;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  letter-spacing: 0.02em;
}
.site-footer-legal a {
  color: #173642;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.15s ease;
  margin-left: 4px;
}
.site-footer-legal a:hover, .site-footer-legal a:focus-visible {
  color: var(--edc-primary-button-bg-color, #2563eb);
  text-decoration: none;
}
.site-footer-legal a:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.35);
  outline-offset: 2px;
  border-radius: 2px;
}

.my-settings-modal .modal-dialog {
  max-width: 820px;
  width: 96vw;
}
.my-settings-modal .modal-content {
  border-radius: 12px;
  border: none;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}
.my-settings-modal .modal-header {
  padding: 20px 28px 0;
  border-bottom: none;
  align-items: flex-start;
}
.my-settings-modal .modal-body {
  padding: 0 28px 20px;
  max-height: calc(100vh - 220px);
  overflow-y: auto;
}

.my-settings-profile-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
}

@media (max-width: 640px) {
  .my-settings-modal .modal-header {
    flex-wrap: wrap;
  }
  .my-settings-modal .my-settings-surface-switcher {
    flex: 1 1 100%;
    order: 3;
    margin-top: 4px;
  }
  .my-settings-modal .modal-header .btn-close {
    order: 2;
    align-self: flex-start;
  }
  .my-settings-modal .my-settings-profile-header {
    flex: 1 1 0;
    min-width: 0;
  }
}
@media (min-width: 768px) {
  .ms-emphasis form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 20px;
  }
  .ms-emphasis form > .form-check:first-of-type, .ms-emphasis form > button {
    grid-column: 1/-1;
  }
}
.my-settings-avatar {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  border: 3px solid #e5e7eb;
}

.my-settings-avatar-initials {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  color: #fff;
  border: 3px solid #e5e7eb;
}

.my-settings-user-info .my-settings-job-title {
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #334155;
}
.my-settings-user-info h5 {
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 2px;
  font-size: var(--edc-fs-heading);
}
.my-settings-user-info p {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: var(--edc-fs-secondary);
  margin: 0;
}

.my-settings-tabs {
  border-bottom: 2px solid #e8ecf1;
  margin-bottom: 20px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: thin;
}
.my-settings-tabs .nav-item {
  flex: 0 0 auto;
}
.my-settings-tabs .nav-link {
  color: #76838f;
  font-weight: 500;
  font-size: var(--edc-fs-secondary);
  white-space: nowrap;
  border: none;
  padding: 10px 14px;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.my-settings-tabs .nav-link i {
  margin-right: 6px;
  font-size: var(--edc-fs-label);
}
.my-settings-tabs .nav-link:hover {
  color: #193f87;
  border-bottom-color: #c5d5ea;
}
.my-settings-tabs .nav-link.active {
  color: #193f87;
  font-weight: 600;
  border-bottom-color: #193f87;
  background: transparent;
}
.my-settings-tabs .nav-link:focus-visible {
  outline: 2px solid #93c5fd;
  outline-offset: -2px;
}

.my-settings-tab-content .form-label {
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #374151;
  margin-bottom: 4px;
}
.my-settings-tab-content .form-control {
  font-size: var(--edc-fs-secondary);
}
.my-settings-tab-content textarea.form-control {
  line-height: 1.5;
}

.ms-field-help,
.sa-field-help {
  display: block;
  font-size: var(--edc-fs-label);
  line-height: 1.45;
  color: #475569;
  margin-top: 4px;
}

.ms-avatar-field {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.ms-avatar-field legend {
  float: none;
  width: auto;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #374151;
  line-height: inherit;
}

.ms-avatar-field__controls {
  flex: 1 1 220px;
  min-width: 200px;
}

.ms-avatar-preview {
  width: 72px;
  height: 72px;
  min-width: 72px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f8fafc;
  border: 1px solid #d1d5db;
}

.user-row-identity {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.user-row-avatar {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-color: #f1f5f9;
  border: 1px solid #d1d5db;
}
.user-row-avatar--placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font-size: var(--edc-fs-body);
}

.user-row-identity__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.user-row-job-title,
.user-row-phone {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  line-height: 1.4;
  color: #334155;
}

.user-row-phone {
  margin-top: 2px;
}

.my-settings-signout {
  display: block;
  width: 100%;
  text-align: center;
  padding: 12px;
  margin-top: 16px;
  border-top: 1px solid #e8ecf1;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: var(--edc-fs-secondary);
  transition: color 0.15s ease;
}
.my-settings-signout:hover {
  color: #dc2626;
  text-decoration: none;
}
.my-settings-signout form {
  display: inline;
}
.my-settings-signout button {
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
  padding: 0;
}
.my-settings-signout button:hover {
  color: #dc2626;
}

.bg-success-light {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.bg-info-light {
  background-color: #e3f2fd;
  color: #1565c0;
}

.bg-danger-light {
  background-color: #fce4ec;
  color: #c62828;
}

.ah-grade {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-weight: 700;
  font-size: var(--edc-fs-secondary);
  color: #fff;
}
.ah-grade.ah-grade-a {
  background: #16a34a;
}
.ah-grade.ah-grade-b {
  background: #65a30d;
}
.ah-grade.ah-grade-c {
  background: #d97706;
}
.ah-grade.ah-grade-d {
  background: #ea580c;
}
.ah-grade.ah-grade-f {
  background: #dc2626;
}

.ah-summary {
  display: flex;
  gap: 24px;
  align-items: center;
  padding: 20px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
}

.ah-summary-grade {
  flex-shrink: 0;
}

.ah-grade-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.ah-grade-circle.ah-grade-a {
  background: linear-gradient(135deg, #16a34a, #22c55e);
}
.ah-grade-circle.ah-grade-b {
  background: linear-gradient(135deg, #65a30d, #84cc16);
}
.ah-grade-circle.ah-grade-c {
  background: linear-gradient(135deg, #d97706, #f59e0b);
}
.ah-grade-circle.ah-grade-d {
  background: linear-gradient(135deg, #ea580c, #f97316);
}
.ah-grade-circle.ah-grade-f {
  background: linear-gradient(135deg, #dc2626, #ef4444);
}

.ah-grade-letter {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 800;
  line-height: 1;
}

.ah-grade-score {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  opacity: 0.9;
}

.ah-summary-stats {
  flex: 1;
}

.ah-summary-bar {
  display: flex;
  height: 12px;
  border-radius: 6px;
  overflow: hidden;
  background: #e5e7eb;
}

.ah-bar-segment {
  transition: width 0.6s ease;
}

.ah-bar-clean {
  background: #16a34a;
}

.ah-bar-corrected {
  background: #2563eb;
}

.ah-bar-flagged {
  background: #d97706;
}

.ah-bar-removed {
  background: #dc2626;
}

.ah-summary-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}

.ah-legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-label);
  color: #4b5563;
  font-weight: 500;
}

.ah-legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.ah-summary-total {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-muted-words, #6b7280);
}

.ah-stages {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ah-stage {
  display: flex;
  gap: 14px;
  padding: 14px 16px;
  border-left: 3px solid #e5e7eb;
  transition: all 0.3s ease;
}
.ah-stage.ah-stage-complete {
  border-left-color: #16a34a;
  background: #fafffe;
}
.ah-stage.ah-stage-active {
  border-left-color: #2563eb;
  background: #f0f7ff;
}
.ah-stage.ah-stage-pending {
  opacity: 0.5;
}

.ah-stage-indicator {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 2px;
}

.ah-stage-number {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e5e7eb;
  color: #9ca3af;
  font-size: var(--edc-fs-label);
  font-weight: 600;
}

.ah-stage-icon-pass {
  color: #16a34a;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}

.ah-stage-icon-warning {
  color: #d97706;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}

.ah-stage-spinner {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ah-stage-body {
  flex: 1;
  min-width: 0;
}

.ah-stage-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.ah-stage-name {
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1f2937;
}
.ah-stage-name i {
  width: 18px;
  text-align: center;
  color: var(--edc-text-muted-words, #6b7280);
}

.ah-stage-description {
  line-height: 1.4;
  font-size: var(--edc-fs-label);
}

.ah-stage-details {
  padding: 8px 0;
}

.ah-detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 0;
  font-size: var(--edc-fs-label);
}

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

.ah-detail-note {
  font-size: var(--edc-fs-body);
  color: #374151;
}

.ah-strike {
  text-decoration: line-through;
  color: #9ca3af;
}

.ah-log-container {
  max-height: 300px;
  overflow-y: auto;
  background: #1e1e2e;
  border-radius: 8px;
  padding: 12px;
  font-family: "Consolas", "Monaco", "Courier New", monospace;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  line-height: 1.6;
}

.ah-log-entry {
  display: flex;
  gap: 8px;
  align-items: baseline;
  color: #cdd6f4;
}
.ah-log-entry.ah-log-issue_found {
  color: #f9e2af;
}
.ah-log-entry.ah-log-error {
  color: #f38ba8;
}
.ah-log-entry.ah-log-skipped {
  color: #a6adc8;
}

.ah-log-time {
  color: #585b70;
  flex-shrink: 0;
}

.ah-log-status {
  flex-shrink: 0;
  width: 16px;
  text-align: center;
}
.ah-log-status.ah-log-status-success {
  color: #a6e3a1;
}
.ah-log-status.ah-log-status-warning {
  color: #f9e2af;
}
.ah-log-status.ah-log-status-error {
  color: #f38ba8;
}

.ah-log-message {
  font-weight: 500;
}

.ah-log-details {
  color: #7f849c;
  margin-left: auto;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 40%;
}

@media (max-width: 768px) {
  .ah-summary {
    flex-direction: column;
    text-align: center;
  }
  .ah-detail-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
  .ah-log-details {
    display: none;
  }
}
/* ═══════════════════════════════════════════════════
   Stale Records Scanner (sr-*)
   ═══════════════════════════════════════════════════ */
.sr-last-scan-summary,
.sr-scan-summary {
  background: #fafbfc;
  border: 1px solid #e8eaed;
  border-radius: 10px;
  padding: 1.25rem;
}

.sr-stat-card {
  background: #fff;
  border: 1px solid #e8eaed;
  border-radius: 8px;
  padding: 1rem;
  text-align: center;
}

.sr-stat-card.sr-stat-grade {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sr-stat-number {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 700;
  line-height: 1.1;
}

.sr-stat-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #555;
  margin-top: 0.25rem;
}

.sr-stat-sub {
  font-size: var(--edc-fs-eyebrow);
  color: #475467;
}

.sr-grade-circle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}

.sr-grade-circle.sr-grade-large {
  width: 100px;
  height: 100px;
}

.sr-grade-letter {
  font-size: calc(var(--edc-fs-title) * 19.6 / 18);
  font-weight: 800;
  color: #fff;
  line-height: 1;
}

.sr-grade-large .sr-grade-letter {
  font-size: calc(var(--edc-fs-display) * 33.6 / 24);
}

.sr-grade-score {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.1 / 10);
  color: rgba(255, 255, 255, 0.85);
  font-weight: 600;
}

.sr-grade-large .sr-grade-score {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.sr-grade-a, .sr-grade-badge-a {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

.sr-grade-b, .sr-grade-badge-b {
  background: linear-gradient(135deg, #84cc16, #65a30d);
}

.sr-grade-c, .sr-grade-badge-c {
  background: linear-gradient(135deg, #eab308, #ca8a04);
}

.sr-grade-d, .sr-grade-badge-d {
  background: linear-gradient(135deg, #f97316, #ea580c);
}

.sr-grade-f, .sr-grade-badge-f {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}

.sr-grade-badge-a, .sr-grade-badge-b, .sr-grade-badge-c,
.sr-grade-badge-d, .sr-grade-badge-f {
  color: #fff;
  font-weight: 700;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  padding: 0.2em 0.55em;
  border-radius: 4px;
}

.sr-scan-summary {
  display: flex;
  gap: 2rem;
  align-items: center;
  flex-wrap: wrap;
}

.sr-scan-summary-grade {
  flex-shrink: 0;
}

.sr-scan-summary-stats {
  flex: 1;
  min-width: 250px;
}

.sr-scan-bar {
  display: flex;
  height: 24px;
  border-radius: 12px;
  overflow: hidden;
  background: #e8eaed;
}

.sr-bar-segment {
  transition: width 0.6s ease;
  min-width: 2px;
}

.sr-bar-active {
  background: #22c55e;
}

.sr-bar-stale {
  background: #f97316;
}

.sr-scan-legend {
  display: flex;
  gap: 1rem;
  margin-top: 0.5rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}

.sr-legend-item {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.sr-legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.sr-scan-total {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #666;
}

.sr-thresholds {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 1rem;
}

.sr-threshold-card {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: #fff;
  border: 1px solid #e8eaed;
  border-radius: 6px;
  height: 100%;
}

.sr-threshold-card i {
  margin-top: 2px;
  font-size: var(--edc-fs-body);
}

/* ═══════════════════════════════════════════════════
   Contact Duplicates Scanner (cd-*)
   ═══════════════════════════════════════════════════ */
/* Live scan progress banner — sits atop the stage list and refreshes on every
   poll so the scan always reads as alive and advancing (never "stalled grey"). */
.cd-scan-progress {
  background: #f0f7ff;
  border: 1px solid #d6e6ff;
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 14px;
}
.cd-scan-progress.cd-scan-progress--failed {
  background: #fff5f5;
  border-color: #f7d4d4;
}

.cd-scan-progress-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.cd-scan-progress-status {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1d4ed8;
}
.cd-scan-progress--failed .cd-scan-progress-status {
  color: #b91c1c;
}

.cd-scan-progress-count {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #64748b;
  font-variant-numeric: tabular-nums;
}

/* Pulsing "live" dot — unmistakable proof of activity while queued/running. */
.cd-live-dot {
  width: 9px;
  height: 9px;
  min-width: 9px;
  border-radius: 50%;
  background: #2563eb;
  margin-right: 8px;
  animation: cd-live-pulse 1.2s ease-in-out infinite;
}

@keyframes cd-live-pulse {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.45);
  }
  50% {
    opacity: 0.55;
    box-shadow: 0 0 0 5px rgba(37, 99, 235, 0);
  }
}
.cd-scan-progress-track {
  position: relative;
  height: 8px;
  border-radius: 999px;
  background: #dbe7fb;
  overflow: hidden;
}

/* Determinate fill — width is driven inline from completed-stage count. */
.cd-scan-progress-bar {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #3b82f6, #2563eb);
  transition: width 0.5s ease;
}
.cd-scan-progress-bar.cd-scan-progress-bar--failed {
  background: linear-gradient(90deg, #f87171, #dc2626);
}

/* Indeterminate sweep — used while queued, before any stage has finished. */
.cd-scan-progress-indeterminate {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 35%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.15), #2563eb, rgba(37, 99, 235, 0.15));
  animation: cd-indeterminate-sweep 1.3s ease-in-out infinite;
}

@keyframes cd-indeterminate-sweep {
  0% {
    left: -35%;
  }
  100% {
    left: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cd-live-dot,
  .cd-scan-progress-indeterminate {
    animation: none;
  }
  .cd-scan-progress-indeterminate {
    left: 0;
    width: 100%;
    opacity: 0.5;
  }
}
.cd-last-scan-summary,
.cd-scan-summary {
  background: #fafbfc;
  border: 1px solid #e8eaed;
  border-radius: 10px;
  padding: 1.25rem;
}

.cd-stat-card {
  background: #fff;
  border: 1px solid #e8eaed;
  border-radius: 8px;
  padding: 1rem;
  text-align: center;
}

.cd-stat-card.cd-stat-highlight {
  border-color: #6366f1;
  border-width: 2px;
}

.cd-stat-card.cd-stat-auto {
  border-color: #16a34a;
  border-width: 2px;
  background: #f0fdf4;
}

.data-health-page .panel-body {
  padding: 1.75rem 1.75rem 2rem !important;
}
.data-health-page .table > :not(caption) > * > * {
  padding: 0.8rem 0.9rem;
}

.dup-target-card {
  display: block;
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.dup-target-card__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.dup-target-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  height: 100%;
  padding: 1.1rem 1.25rem;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  transition: border-color 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.dup-target-card:hover .dup-target-card__body {
  border-color: #9ec5fe;
  background: #f5f9ff;
}

.dup-target-card__input:checked ~ .dup-target-card__body {
  border-color: #193f87;
  background: #eef3ff;
  box-shadow: inset 0 0 0 2px #193f87;
}

.dup-target-card__input:focus-visible ~ .dup-target-card__body {
  outline: 2px solid #0d6efd;
  outline-offset: 2px;
}

.dup-target-card__head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: #27292A;
}

.dup-target-card__head i {
  color: #193f87;
  width: 1.25rem;
  text-align: center;
}

.dup-target-card__label {
  flex: 1 1 auto;
}

.dup-target-card__count-word {
  font-weight: 400;
  font-size: var(--edc-fs-eyebrow);
  opacity: 0.85;
}

.dup-target-card__count {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #6c757d;
  background: #f1f3f5;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
}

.dup-target-card__input:checked ~ .dup-target-card__body .dup-target-card__count {
  background: #dbe7ff;
  color: #193f87;
}

.dup-target-card__desc {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #6c757d;
  line-height: 1.35;
}

.dup-target-card__meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: auto;
  padding-top: 0.5rem;
  border-top: 1px dashed #e5e7eb;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  line-height: 1.3;
}

.dup-target-card__last {
  color: #6c757d;
}

.dup-target-card__fresh {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  font-weight: 600;
}
.dup-target-card__fresh.is-clean {
  color: #14532d;
  background: #dcfce7;
}
.dup-target-card__fresh.is-stale {
  color: #1e3a8a;
  background: #dbeafe;
}

.dup-exclusions {
  background: #fff8e6;
  border: 1px solid #f3e2b0;
  border-radius: 8px;
  padding: 0.85rem 1rem;
}
.dup-exclusions__toggle {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
  color: #5c4500;
}
.dup-exclusions__toggle:hover, .dup-exclusions__toggle:focus-visible {
  color: #3d2e00;
  text-decoration: none;
}
.dup-exclusions__chevron {
  display: inline-block;
  transition: transform 0.15s ease;
}
.dup-exclusions__help {
  border-top: 1px solid #f3e2b0;
  padding-top: 0.6rem;
  margin-top: 0.25rem;
}
.dup-exclusions__toolbar .btn-group .btn.active {
  background-color: #6c757d;
  color: #fff;
  border-color: #6c757d;
}
.dup-exclusions__toolbar .form-control-sm {
  max-width: 260px;
}
.dup-exclusions__table {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}
.dup-exclusions__table thead th {
  background: #f8f4e4;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #6b5a2c;
  border-bottom: 1px solid #f3e2b0;
}
.dup-exclusions__table tbody tr:hover {
  background: #fffaef;
}
.dup-exclusions__table td {
  vertical-align: middle;
}
.dup-exclusions__col-type {
  width: 110px;
}

.dup-exclusion-toast {
  border-left: 4px solid #198754;
}

.cd-stat-number {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 700;
  line-height: 1.1;
  color: #333;
}

.cd-stat-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #555;
  margin-top: 0.25rem;
}

.cd-recent-scans__table th, .cd-recent-scans__table td:first-child, .cd-recent-scans__table td:nth-child(2) {
  white-space: nowrap;
}
.cd-recent-scans {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  padding: 1.5rem 1.75rem;
}
.cd-recent-scans > h6 {
  margin-bottom: 1rem;
}
.cd-recent-scans .table {
  margin-bottom: 0;
}
.cd-recent-scans .table > :not(caption) > * > * {
  padding: 0.75rem 0.85rem;
}

/* Duplicate Groups */
.cd-groups {
  /* container only */
}

/* ── The shared merge component (DataHealth::MergeOutcome) ───────────────
   One block of rules for the one partial every merge surface renders — the
   duplicate scan page, the merge workspace, the issues dashboard, and the
   importer's Check-your-data panel. Styling it once is the visual half of
   the same argument the presenter makes: a merge should look the same
   wherever it is explained.

   Legibility floor: body 13px, the smallest text (notes, meta) 12px at
   #4b5563 — never light grey small text. */
.dh-merge-outcome {
  margin: 10px 0 0;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f9fafb;
  font-size: var(--edc-fs-secondary);
  color: #374151;
}

.dh-merge-outcome__heading {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #111827;
  margin: 0 0 6px;
}

/* The keeper sentence is the one thing that must never be missed, so it is
   the strongest text in the block. */
.dh-merge-outcome__summary {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px;
  line-height: 1.45;
}

.dh-merge-outcome__dups {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  margin: 0 0 4px;
}

.dh-merge-outcome__dups-label {
  font-weight: 600;
  color: #374151;
}

.dh-merge-outcome__note {
  color: var(--edc-text-muted-words, #6b7280);
}

/* The nudge is a sentence, not a colour — it carries an icon and full prose
   so it survives being read without colour perception. */
.dh-merge-outcome__nudge {
  font-size: var(--edc-fs-secondary);
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 6px;
  padding: 8px 10px;
  margin: 8px 0 0;
  line-height: 1.45;
}

.dh-merge-outcome__nudge-link {
  font-weight: 600;
  text-decoration: underline;
}

/* WHY THESE TWO ARE TOGETHER — the evidence breakdown, collapsed.
   Direction is carried by the WORDS ("argues for" / "argues against") with
   the rule and tint only reinforcing, so it survives monochrome and a
   screen reader reading the row in order. */
.dh-merge-outcome__why {
  margin: 10px 0 0;
}

.dh-merge-outcome__why-summary {
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1d4ed8;
}

/* When the engine disagrees with the merge on offer, the expander is the
   most useful thing on the screen and is coloured to match what it says. */
.dh-merge-outcome__why--disputed > .dh-merge-outcome__why-summary {
  color: #b45309;
}

.dh-merge-outcome__why-summary:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
  border-radius: 4px;
}

.dh-merge-outcome__why-body {
  padding: 8px 0 0;
}

.dh-merge-outcome__why-sentence {
  font-size: var(--edc-fs-secondary);
  color: #111827;
  margin: 0 0 8px;
}

.dh-merge-outcome__evidence {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 4px;
}

.dh-merge-outcome__evidence-row {
  display: grid;
  grid-template-columns: minmax(90px, 150px) 1fr auto;
  gap: 4px 10px;
  align-items: baseline;
  padding: 5px 8px;
  border-radius: 5px;
  background: #f8fafc;
  border-left: 3px solid #cbd5e1;
}

.dh-merge-outcome__evidence-row--for {
  border-left-color: #16a34a;
}

.dh-merge-outcome__evidence-row--against {
  border-left-color: #dc2626;
  background: #fef2f2;
}

.dh-merge-outcome__evidence-field {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #4b5563;
}

.dh-merge-outcome__evidence-detail {
  font-size: var(--edc-fs-secondary);
  color: #111827;
  overflow-wrap: anywhere;
}

.dh-merge-outcome__evidence-dir {
  font-size: var(--edc-fs-eyebrow);
  color: #52525b;
  white-space: nowrap;
}

@media (max-width: 575.98px) {
  .dh-merge-outcome__evidence-row {
    grid-template-columns: 1fr;
  }
}
/* WHAT THE KEPT RECORD WILL HOLD.
   Sits above the association table because it is the more consequential
   answer: a moved join row is recoverable by undo, a value that quietly
   disappeared is the thing nobody notices. Sizes sit at the legibility
   floor — the reason sentence is the explanation the merge rests on, not
   decoration, so it is 12px neutral-600 rather than small grey text. */
.dh-merge-outcome__fields {
  margin: 10px 0 0;
}

.dh-merge-outcome__fields-heading {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #4b5563;
  text-transform: none;
  letter-spacing: 0;
  margin: 0 0 6px;
}

.dh-merge-outcome__fieldlist {
  margin: 0;
  display: grid;
  gap: 6px;
  grid-template-columns: 1fr;
}

.dh-merge-outcome__field {
  display: grid;
  grid-template-columns: minmax(120px, 190px) 1fr;
  gap: 4px 12px;
  padding: 6px 8px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}

.dh-merge-outcome__field-name {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #4b5563;
  margin: 0;
}

.dh-merge-outcome__field-value {
  font-size: var(--edc-fs-secondary);
  color: #111827;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.dh-merge-outcome__field-reason {
  font-size: var(--edc-fs-label);
  color: #52525b;
  margin-top: 2px;
  line-height: 1.35;
}

/* A genuine conflict. The words carry it; the tint and rule reinforce. */
.dh-merge-outcome__field--conflict {
  border-color: #fde68a;
  background: #fffbeb;
}

.dh-merge-outcome__field-flag {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 10px;
  background: #fef3c7;
  color: #92400e;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  white-space: nowrap;
}

.dh-merge-outcome__fields-cta {
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
}

@media (max-width: 575.98px) {
  .dh-merge-outcome__field {
    grid-template-columns: 1fr;
  }
}
.dh-merge-outcome__table {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  background: #fff;
}

.dh-merge-outcome__table th {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #4b5563;
  text-transform: none;
}

.dh-merge-outcome__table td {
  font-size: var(--edc-fs-secondary);
  color: #374151;
}

.dh-merge-outcome__notes {
  font-size: var(--edc-fs-label);
  color: #4b5563;
}

/* Browsers vary on where a caption lands; state it, so the explanation is
   read BEFORE the numbers it explains. */
.dh-merge-outcome__caption {
  caption-side: top;
  font-size: var(--edc-fs-label);
  color: #4b5563;
  padding: 0 0 4px;
  text-align: left;
}

.dh-merge-outcome__warnings {
  font-size: var(--edc-fs-label);
  color: #92400e;
  margin: 6px 0 0;
  padding-left: 18px;
}

.dh-merge-outcome__foot {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.dh-merge-outcome__warncount {
  font-size: var(--edc-fs-label);
  color: #92400e;
}

.dh-merge-outcome__blocked {
  font-size: var(--edc-fs-label);
  color: #4b5563;
  margin: 0;
}

.dh-merge-outcome__unavailable {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  margin: 0;
}

.dh-merge-outcome__empty {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  margin: 6px 0 0;
}

.dh-merge-outcome__consequences-label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #111827;
  margin: 10px 0 4px;
}

.dh-merge-outcome__consequences {
  font-size: var(--edc-fs-secondary);
  color: #374151;
  margin: 0;
  padding-left: 18px;
}

.dh-merge-outcome__consequences li {
  margin-bottom: 4px;
}

/* The on-demand counts panel on the scan page. */
.cd-group-details {
  margin: 8px 0 0;
}

.cd-group-details__summary {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1d4ed8;
  cursor: pointer;
}

.cd-group-details__summary:focus-visible {
  outline: 2px solid #2f6feb;
  outline-offset: 2px;
}

.cd-group-details__body {
  margin-top: 6px;
}

.cd-group-keeper {
  padding: 0 14px 12px;
}

.dh-recent-merges__all {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  margin: 8px 0 0;
}

.cd-group-card {
  border: 1px solid #e8eaed;
  border-radius: 8px;
  margin-bottom: 1rem;
  overflow: hidden;
  transition: border-color 0.2s;
}

.cd-group-card:hover {
  border-color: #c8cad0;
}

.cd-group-card.cd-confidence-high {
  border-left: 4px solid #ef4444;
}

.cd-group-card.cd-confidence-medium {
  border-left: 4px solid #f59e0b;
}

.cd-group-card.cd-confidence-low {
  border-left: 4px solid #3b82f6;
}

.cd-group-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: #fafbfc;
  border-bottom: 1px solid #e8eaed;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.cd-group-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.cd-group-signals {
  display: flex;
  gap: 0.25rem;
}

.cd-group-compare {
  display: flex;
  gap: 0;
  flex-wrap: wrap;
}

.cd-contact-card {
  flex: 1;
  min-width: 200px;
  padding: 0.75rem 1rem;
  border-right: 1px solid #e8eaed;
}

.cd-contact-card:last-child {
  border-right: none;
}

.cd-contact-canonical {
  background: #f0fdf4;
}

.cd-contact-duplicate {
  background: #fff;
}

.cd-contact-badge {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  font-weight: 700;
  text-transform: uppercase;
  color: #16a34a;
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
}

.cd-badge-dup {
  color: #9333ea;
}

.cd-contact-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  border-bottom: 1px solid #f3f4f6;
}

.cd-contact-field:last-child {
  border-bottom: none;
}

.cd-field-label {
  color: #999;
  font-weight: 500;
  min-width: 50px;
}

.cd-field-value {
  font-weight: 500;
  text-align: right;
}

.cd-field-match {
  color: #ef4444;
  font-weight: 600;
}

.cd-group-actions {
  padding: 0.5rem 1rem;
  background: #fafbfc;
  border-top: 1px solid #e8eaed;
  text-align: right;
}

@media (max-width: 768px) {
  .sr-scan-summary {
    flex-direction: column;
    text-align: center;
  }
  .cd-group-compare {
    flex-direction: column;
  }
  .cd-contact-card {
    border-right: none;
    border-bottom: 1px solid #e8eaed;
  }
  .cd-contact-card:last-child {
    border-bottom: none;
  }
}
/* ═══════════════════════════════════════════════════
   Integrity Scanner (ig-*)
   ═══════════════════════════════════════════════════ */
.ig-last-scan-summary,
.ig-scan-summary {
  background: #fafbfc;
  border: 1px solid #e8eaed;
  border-radius: 10px;
  padding: 1.25rem;
}

.ig-stat-card {
  background: #fff;
  border: 1px solid #e8eaed;
  border-radius: 8px;
  padding: 1rem;
  text-align: center;
  height: 100%;
}

.ig-stat-card.ig-stat-grade {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ig-stat-number {
  font-size: calc(var(--edc-fs-display) * 24.5 / 24);
  font-weight: 700;
  line-height: 1.1;
}

.ig-stat-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #555;
  margin-top: 0.25rem;
}

.ig-stat-sub {
  font-size: var(--edc-fs-eyebrow);
  color: #475467;
}

.ig-grade-circle {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}

.ig-family-chip {
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.ig-family-chip:hover, .ig-family-chip:focus-visible {
  background-color: #e2e8f0 !important;
  border-color: #94a3b8 !important;
  color: #0f172a;
  text-decoration: underline;
}
.ig-family-chip:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.is-typeahead-loading {
  position: relative;
}

.is-typeahead-loading:not(.input-group)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.625rem;
  width: 0.875rem;
  height: 0.875rem;
  margin-top: -0.4375rem;
  border: 2px solid #cbd5e1;
  border-top-color: #2563eb;
  border-radius: 50%;
  animation: ig-typeahead-spin 0.65s linear infinite;
  pointer-events: none;
}

@keyframes ig-typeahead-spin {
  to {
    transform: rotate(360deg);
  }
}
.ig-grade-circle.ig-grade-large {
  width: 100px;
  height: 100px;
}

.ig-grade-letter {
  font-size: calc(var(--edc-fs-title) * 18.2 / 18);
  font-weight: 800;
  color: #fff;
  line-height: 1;
}

.ig-grade-large .ig-grade-letter {
  font-size: calc(var(--edc-fs-display) * 33.6 / 24);
}

.ig-grade-score {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.4 / 10);
  color: rgba(255, 255, 255, 0.85);
  font-weight: 600;
}

.ig-grade-large .ig-grade-score {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.ig-grade-a, .ig-grade-badge-a {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

.ig-grade-b, .ig-grade-badge-b {
  background: linear-gradient(135deg, #84cc16, #65a30d);
}

.ig-grade-c, .ig-grade-badge-c {
  background: linear-gradient(135deg, #eab308, #ca8a04);
}

.ig-grade-d, .ig-grade-badge-d {
  background: linear-gradient(135deg, #f97316, #ea580c);
}

.ig-grade-f, .ig-grade-badge-f {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}

.ig-grade-badge-a, .ig-grade-badge-b, .ig-grade-badge-c,
.ig-grade-badge-d, .ig-grade-badge-f {
  color: #fff;
  font-weight: 700;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  padding: 0.2em 0.55em;
  border-radius: 4px;
}

.ig-scan-summary {
  display: flex;
  gap: 2rem;
  align-items: center;
  flex-wrap: wrap;
}

.ig-scan-summary-grade {
  flex-shrink: 0;
}

.ig-scan-summary-stats {
  flex: 1;
  min-width: 250px;
}

.ig-scan-bar {
  display: flex;
  height: 24px;
  border-radius: 12px;
  overflow: hidden;
  background: #e8eaed;
}

.ig-bar-segment {
  transition: width 0.6s ease;
  min-width: 2px;
}

.ig-bar-clean {
  background: #22c55e;
}

.ig-bar-issues {
  background: #f59e0b;
}

.ig-scan-legend {
  display: flex;
  gap: 1rem;
  margin-top: 0.5rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}

.ig-legend-item {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.ig-legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.ig-scan-total {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #666;
}

.ig-checks {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 1rem;
}

.ig-check-card {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: #fff;
  border: 1px solid #e8eaed;
  border-radius: 6px;
  height: 100%;
}

.ig-check-icon {
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  margin-top: 2px;
  width: 24px;
  text-align: center;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .ig-scan-summary {
    flex-direction: column;
    text-align: center;
  }
}
.rr-last-scan-summary,
.rr-scan-summary {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 20px;
}

.rr-stat-card {
  text-align: center;
  padding: 12px 8px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #f0f0f0;
}

.rr-stat-card.rr-stat-grade {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.rr-stat-number {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #1f2937;
  line-height: 1.2;
}

.rr-stat-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 500;
  margin-top: 2px;
}

.rr-stat-sub {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #9ca3af;
}

.rr-grade-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.rr-grade-circle.rr-grade-large {
  width: 72px;
  height: 72px;
}

.rr-grade-letter {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  line-height: 1;
}

.rr-grade-large .rr-grade-letter {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
}

.rr-grade-score {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  opacity: 0.9;
  line-height: 1;
}

.rr-grade-large .rr-grade-score {
  font-size: var(--edc-fs-label);
}

.rr-grade-a, .rr-grade-badge-a {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

.rr-grade-b, .rr-grade-badge-b {
  background: linear-gradient(135deg, #84cc16, #65a30d);
}

.rr-grade-c, .rr-grade-badge-c {
  background: linear-gradient(135deg, #eab308, #ca8a04);
}

.rr-grade-d, .rr-grade-badge-d {
  background: linear-gradient(135deg, #f97316, #ea580c);
}

.rr-grade-f, .rr-grade-badge-f {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}

.rr-grade-badge-a, .rr-grade-badge-b, .rr-grade-badge-c,
.rr-grade-badge-d, .rr-grade-badge-f {
  color: #fff;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: var(--edc-fs-label);
}

.rr-scan-summary {
  display: flex;
  gap: 24px;
  align-items: center;
}

.rr-scan-summary-grade {
  flex-shrink: 0;
}

.rr-scan-summary-stats {
  flex: 1;
  min-width: 0;
}

.rr-completeness-bars {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rr-bar-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rr-bar-label {
  font-size: var(--edc-fs-label);
  font-weight: 500;
  color: #374151;
  min-width: 80px;
}

.rr-bar-track {
  flex: 1;
  height: 10px;
  background: #e5e7eb;
  border-radius: 5px;
  overflow: hidden;
}

.rr-bar-fill {
  height: 100%;
  border-radius: 5px;
  transition: width 0.6s ease;
}

.rr-bar-fill-green {
  background: linear-gradient(90deg, #22c55e, #16a34a);
}

.rr-bar-fill-yellow {
  background: linear-gradient(90deg, #eab308, #ca8a04);
}

.rr-bar-fill-red {
  background: linear-gradient(90deg, #ef4444, #dc2626);
}

.rr-bar-pct {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #374151;
  min-width: 40px;
  text-align: right;
}

.rr-scan-total {
  font-size: var(--edc-fs-secondary);
  color: #374151;
}

.rr-checks {
  border-top: 1px solid #f0f0f0;
  padding-top: 16px;
}

.rr-check-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  background: #fafafa;
  height: 100%;
}

.rr-check-icon {
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  margin-top: 2px;
  width: 24px;
  text-align: center;
  flex-shrink: 0;
}

.rr-field-bar {
  height: 6px;
  background: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
  margin: 0 8px;
}

.rr-field-bar-fill {
  height: 100%;
  background: #22c55e;
  border-radius: 3px;
}

@media (max-width: 768px) {
  .rr-scan-summary {
    flex-direction: column;
    text-align: center;
  }
}
.sd-section {
  border-top: 1px solid #f0f0f0;
  padding-top: 16px;
}
.sd-section:first-child {
  border-top: none;
  padding-top: 0;
}

.sd-section-title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 12px;
}

.sd-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  height: 100%;
  overflow: hidden;
}

.sd-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #f8f9fa;
  border-bottom: 1px solid #f0f0f0;
}

.sd-card-label {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #374151;
}

.sd-card-body {
  padding: 14px;
}

.sd-count {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 700;
  color: #1f2937;
  line-height: 1.1;
  margin-bottom: 2px;
}

/* ═══════════════════════════════════════════════════════════════════
   Merge Workspace (Data Health → duplicate_contact merge)
   ═══════════════════════════════════════════════════════════════════ */
.mw-panel .mw-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

[hidden] {
  display: none !important;
}

.mw-grid-wrap {
  overflow-x: auto;
  overflow-y: visible;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  max-width: 100%;
}

.mw-grid {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
  table-layout: fixed;
}
.mw-grid thead th {
  background: #f8fafc;
  border-bottom: 2px solid #e2e8f0;
  padding: 12px 14px;
  vertical-align: top;
  text-align: left;
  font-size: var(--edc-fs-label);
}
.mw-grid tbody th,
.mw-grid tbody td {
  padding: 10px 14px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: top;
  font-size: var(--edc-fs-secondary);
}
.mw-grid tbody tr:last-child th,
.mw-grid tbody tr:last-child td {
  border-bottom: none;
}
.mw-grid tbody tr:hover td:not(.mw-preview-cell):not(.mw-cell-selected) {
  background: #f8fafc;
}
.mw-grid .mw-field-col {
  width: 140px;
  min-width: 140px;
  position: sticky;
  left: 0;
  z-index: 3;
  background: #f8fafc;
}
.mw-grid .mw-field-label-cell {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #ffffff;
  font-weight: 600;
  color: #334155;
  border-right: 1px solid #e2e8f0;
}
.mw-grid .mw-field-label {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: var(--edc-fs-eyebrow);
}
.mw-grid .mw-field-reason {
  margin-top: 3px;
  font-size: var(--edc-fs-label);
  line-height: 1.35;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #52525b;
}
.mw-grid .mw-field-flag {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 10px;
  background: #fef3c7;
  color: #92400e;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
}
.mw-grid .mw-row-conflict .mw-field-label-cell {
  box-shadow: inset 3px 0 0 #f59e0b;
}
.mw-grid .mw-row-conflict .mw-preview-cell {
  background: #fffbeb;
}
.mw-grid .mw-candidate-col {
  width: 220px;
  min-width: 220px;
}
.mw-grid .mw-candidate-head {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mw-grid .mw-candidate-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.mw-grid .mw-candidate-label {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: var(--edc-fs-eyebrow);
  color: #475569;
}
.mw-grid .mw-candidate-col.mw-keeper {
  background: #f0fdf4;
  border-bottom-color: #16a34a;
}
.mw-grid .mw-candidate-col.mw-keeper .mw-candidate-label {
  color: #166534;
}
.mw-grid .mw-keeper-btn {
  font-size: var(--edc-fs-eyebrow);
  text-decoration: none;
  color: #2563eb;
}
.mw-grid .mw-keeper-btn:hover, .mw-grid .mw-keeper-btn:focus {
  text-decoration: underline;
}
.mw-grid .mw-candidate-name {
  font-weight: 600;
  color: #0f172a;
  font-size: var(--edc-fs-body);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mw-grid .mw-candidate-meta {
  font-size: var(--edc-fs-eyebrow);
  line-height: 1.3;
  color: #52525b;
}
.mw-grid .mw-preview-col {
  width: 240px;
  min-width: 240px;
  position: sticky;
  right: 0;
  z-index: 3;
  background: #eff6ff;
  border-left: 2px solid #3b82f6;
}
.mw-grid .mw-preview-head {
  font-weight: 600;
  font-size: var(--edc-fs-label);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #1d4ed8;
}
.mw-grid .mw-preview-cell {
  position: sticky;
  right: 0;
  z-index: 1;
  background: #eff6ff;
  border-left: 2px solid #3b82f6;
}
.mw-grid .mw-preview-input {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  font-size: var(--edc-fs-secondary);
}
.mw-grid .mw-preview-sub {
  font-size: var(--edc-fs-eyebrow);
  line-height: 1.3;
  color: #52525b;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
}
.mw-grid {
  /* ─── Value cells (the clickable picker cells) ──────────────────── */
}
.mw-grid .mw-value-cell {
  cursor: pointer;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
  position: relative;
  outline: none;
}
.mw-grid .mw-value-cell:focus, .mw-grid .mw-value-cell:focus-visible {
  box-shadow: inset 0 0 0 3px #1d4ed8;
  z-index: 2;
}
.mw-grid .mw-value-cell .mw-cell-value {
  word-break: break-word;
  white-space: pre-wrap;
  max-height: 4.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mw-grid .mw-value-cell.mw-cell-blank {
  cursor: default;
}
.mw-grid .mw-value-cell.mw-cell-blank .mw-cell-value {
  font-style: italic;
}
.mw-grid .mw-value-cell.mw-cell-selected {
  background: #dcfce7 !important;
  box-shadow: inset 0 0 0 2px #16a34a;
}
.mw-grid .mw-value-cell.mw-cell-selected .mw-cell-value {
  font-weight: 600;
  color: #14532d;
}
.mw-grid .mw-value-cell .mw-cell-hint {
  margin-top: 3px;
  font-size: var(--edc-fs-eyebrow);
  line-height: 1.3;
  color: #52525b;
}
.mw-grid .mw-value-cell .mw-cell-hint--fresh {
  color: #3f3f46;
  font-weight: 600;
}
.mw-grid .mw-cell-empty {
  color: #64748b;
}

@media (prefers-reduced-motion: reduce) {
  .mw-grid .mw-value-cell {
    transition: none;
  }
}
.mw-footer {
  padding: 12px 4px 0;
  border-top: 1px solid #f1f5f9;
}
.mw-footer .mw-footer__help {
  font-size: var(--edc-fs-secondary);
  line-height: 1.6;
  color: #52525b;
}
.mw-footer kbd {
  padding: 1px 6px;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 3px;
  font-size: var(--edc-fs-secondary);
  color: #334155;
}
.mw-footer .btn-outline-warning {
  color: #92400e;
  border-color: #d97706;
}
.mw-footer .btn-outline-warning:hover, .mw-footer .btn-outline-warning:focus-visible {
  background-color: #92400e;
  border-color: #92400e;
  color: #ffffff;
}
.mw-footer .btn-outline-secondary {
  color: #3f3f46;
  border-color: #94a3b8;
}
.mw-footer .btn-outline-secondary:hover, .mw-footer .btn-outline-secondary:focus-visible {
  background-color: #3f3f46;
  border-color: #3f3f46;
  color: #ffffff;
}

.gr {
  margin-top: 4px;
}
.gr__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-bottom: 10px;
}
.gr__heading {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}
.gr__summary {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
}
.gr__stat {
  font-size: var(--edc-fs-secondary);
  color: #3f3f46;
}
.gr__stat strong {
  font-weight: 700;
  color: #0f172a;
}
.gr__stat--work {
  padding-left: 9px;
  border-left: 3px solid #d97706;
  color: #92400e;
}
.gr__stat--work strong {
  color: #92400e;
}
.gr__block {
  margin-bottom: 14px;
}
.gr__block--conflicts {
  padding: 12px 14px 14px;
  border: 1px solid #fcd34d;
  border-left: 4px solid #d97706;
  border-radius: 8px;
  background: #fffdf5;
}
.gr__block-heading {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #92400e;
  margin: 0 0 4px;
}
.gr__block-note {
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #3f3f46;
  margin: 0 0 10px;
}
.gr__none {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 14px;
  padding: 10px 14px;
  border: 1px solid #bbf7d0;
  border-left: 4px solid #16a34a;
  border-radius: 8px;
  background: #f0fdf4;
  font-size: var(--edc-fs-secondary);
  color: #14532d;
}
.gr__fold {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  margin-bottom: 10px;
}
.gr__fold[open] {
  border-color: #cbd5e1;
}
.gr__fold-summary {
  cursor: pointer;
  padding: 10px 14px;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px 10px;
  list-style: revert;
}
.gr__fold-summary:focus-visible {
  outline: 3px solid #1d4ed8;
  outline-offset: -3px;
  border-radius: 8px;
}
.gr__fold-summary:hover {
  background: #f8fafc;
}
.gr__fold-title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1f2937;
}
.gr__fold-hint {
  font-size: var(--edc-fs-label);
  color: #52525b;
}
.gr__fold-body {
  padding: 0 14px 14px;
}
.gr__settled-list {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  border-top: 1px solid #f1f5f9;
}
.gr__settled {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 10px;
  padding: 7px 0;
  border-bottom: 1px solid #f1f5f9;
  font-size: var(--edc-fs-secondary);
}
.gr__settled-field {
  min-width: 130px;
  font-weight: 600;
  color: #1f2937;
}
.gr__settled-value {
  flex: 1 1 220px;
  color: #0f172a;
  word-break: break-word;
}
.gr__settled-why {
  font-size: var(--edc-fs-label);
  color: #52525b;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .mw-grid .mw-candidate-col,
  .mw-grid .mw-preview-col {
    width: 180px;
    min-width: 180px;
  }
  .mw-grid .mw-field-col {
    width: 110px;
    min-width: 110px;
  }
}
.role-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  height: 100%;
  transition: box-shadow 0.15s ease;
}
.role-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.role-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.role-card-title {
  display: flex;
  align-items: center;
}

.role-card-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.role-card-stat {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-muted-words, #6b7280);
}

.role-card-permissions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.role-level-badge {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 10px;
  white-space: nowrap;
}
.role-level-badge--no-access {
  background: #f3f4f6;
  color: var(--edc-text-muted-words, #6b7280);
}
.role-level-badge--view {
  background: #dbeafe;
  color: #1d4ed8;
}
.role-level-badge--edit {
  background: #fef3c7;
  color: #92400e;
}
.role-level-badge--full-control {
  background: #d1fae5;
  color: #065f46;
}
.role-level-badge--read {
  background: #dbeafe;
  color: #1d4ed8;
}
.role-level-badge--write {
  background: #d1fae5;
  color: #065f46;
}

.role-permissions-legend {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
}

.role-permissions-legend-title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
}

.role-permissions-legend-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 20px;
}
@media (max-width: 768px) {
  .role-permissions-legend-list {
    grid-template-columns: 1fr;
  }
}
.role-permissions-legend-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #4b5563;
  line-height: 1.4;
}

.role-permission-badge {
  flex-shrink: 0;
  display: inline-block;
  min-width: 88px;
  text-align: center;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 600;
  letter-spacing: 0.2px;
  border: 1px solid transparent;
}
.role-permission-badge--none {
  background: #f3f4f6;
  color: var(--edc-text-muted-words, #6b7280);
  border-color: #e5e7eb;
}
.role-permission-badge--view {
  background: #dbeafe;
  color: #1d4ed8;
  border-color: #bfdbfe;
}
.role-permission-badge--edit {
  background: #fef3c7;
  color: #92400e;
  border-color: #fde68a;
}
.role-permission-badge--full {
  background: #d1fae5;
  color: #065f46;
  border-color: #a7f3d0;
}

.role-permission-desc {
  flex: 1;
}

.role-permissions-matrix {
  max-height: 500px;
  overflow-y: auto;
  padding-right: 4px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 16px;
  align-items: start;
}
@media (max-width: 768px) {
  .role-permissions-matrix {
    grid-template-columns: 1fr;
  }
}
.role-permissions-matrix .role-group {
  margin-bottom: 0 !important;
}

.role-group {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}

.role-group-header {
  display: flex;
  align-items: center;
  background: #f9fafb;
  padding: 10px 14px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #374151;
  border-bottom: 1px solid #e5e7eb;
}
.role-group-header i {
  font-size: var(--edc-fs-secondary);
  opacity: 0.7;
}

.role-module-col {
  width: 55%;
}

.role-permission-col {
  width: 45%;
}

.role-permission-select {
  max-width: 180px;
}

.appearance-theme-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media (max-width: 576px) {
  .appearance-theme-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.appearance-theme-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.appearance-theme-card:hover {
  border-color: #93c5fd;
}
.appearance-theme-card--active {
  border-color: #2563eb;
  box-shadow: 0 0 0 1px #2563eb;
}

.appearance-theme-preview {
  display: flex;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #d1d5db;
  margin-bottom: 6px;
}

.appearance-theme-preview__sidebar {
  width: 20%;
  min-width: 14px;
}

.appearance-theme-preview__main {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.appearance-theme-preview__navbar {
  height: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.appearance-theme-preview__content {
  flex: 1;
  padding: 5px 6px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
}

.appearance-theme-preview__line {
  height: 3px;
  border-radius: 2px;
  width: 85%;
}

.appearance-theme-preview__line--short {
  width: 55%;
}

.appearance-theme-card__name {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #374151;
  line-height: 1.2;
}

.appearance-theme-card__desc {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9 / 10);
  color: #9ca3af;
  line-height: 1.2;
}

.appearance-font-grid {
  display: flex;
  gap: 10px;
}

.appearance-font-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  flex: 1;
}
.appearance-font-card:hover {
  border-color: #93c5fd;
}
.appearance-font-card--active {
  border-color: #2563eb;
  box-shadow: 0 0 0 1px #2563eb;
}

.appearance-font-card__sample {
  font-weight: 700;
  color: #374151;
  line-height: 1;
  margin-bottom: 4px;
}

.appearance-font-card__name {
  font-size: var(--edc-fs-eyebrow);
  color: var(--edc-text-muted-words, #6b7280);
}

.appearance-save-status {
  font-size: var(--edc-fs-label);
  color: #16a34a;
  min-height: 18px;
}

.navbar-notifications-section + .navbar-notifications-section {
  border-top: 1px solid #e5e7eb;
}

.navbar-notifications-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px 6px;
  background: #f9fafb;
}

.navbar-notifications-section-title {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: var(--edc-text-muted-words, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.navbar-notifications-section-count {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #fff;
  background: #2563eb;
  padding: 2px 8px;
  border-radius: 10px;
}

.navbar-notifications-section-body {
  max-height: 280px;
  overflow-y: auto;
}

.navbar-notifications-empty {
  margin: 0;
  padding: 16px;
  font-size: var(--edc-fs-secondary);
  color: #9ca3af;
  text-align: center;
}

.helpc-page {
  max-width: 1040px;
  margin: 0 auto;
  padding: 22px 16px 40px;
}
.helpc-page--article {
  max-width: 1000px;
}

.helpc-header {
  margin-bottom: 22px;
}

.helpc-title {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  color: #111827;
  margin: 0 0 4px;
  text-shadow: none;
}

.helpc-sub {
  font-size: var(--edc-fs-body);
  color: #4b5563;
  margin: 0 0 14px;
  max-width: 72ch;
}

.helpc-search {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 480px;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 4px 6px 4px 12px;
}
.helpc-search i {
  color: #9ca3af;
}
.helpc-search__input {
  flex: 1 1 auto;
  border: none;
  outline: none;
  font-size: var(--edc-fs-body);
  color: #111827;
  background: transparent;
  min-width: 0;
}

.helpc-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #2f5cc4;
  color: #fff;
  border: 1px solid #2f5cc4;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  min-width: 0;
  cursor: pointer;
  text-decoration: none;
}
.helpc-btn:hover, .helpc-btn:focus {
  background: #24479c;
  color: #fff;
  text-decoration: none;
}
.helpc-btn--ghost {
  background: transparent;
  color: #4b5563;
  border-color: #d1d5db;
}
.helpc-btn--ghost:hover, .helpc-btn--ghost:focus {
  background: #f9fafb;
  color: #111827;
}
.helpc-btn--sm {
  padding: 6px 12px;
  font-size: var(--edc-fs-secondary);
}

.helpc-group-title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #4b5563;
  margin: 0 0 10px;
  text-shadow: none;
}

.helpc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 12px;
}

.helpc-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 0;
  text-decoration: none;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}
.helpc-card:hover, .helpc-card:focus {
  border-color: #2f5cc4;
  box-shadow: 0 1px 6px rgba(47, 92, 196, 0.12);
  text-decoration: none;
}
.helpc-card--pending {
  background: #f9fafb;
}
.helpc-card--pending:hover, .helpc-card--pending:focus {
  border-color: #e5e7eb;
  box-shadow: none;
}
.helpc-card__kind {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--edc-text-muted-words, #6b7280);
}
.helpc-card__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #111827;
}
.helpc-card__tour {
  font-size: var(--edc-fs-label);
  color: #2f5cc4;
  font-weight: 600;
}
.helpc-card__lede {
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #4b5563;
  margin-top: 2px;
}
.helpc-card__pending {
  font-size: var(--edc-fs-label);
  color: var(--edc-text-muted-words, #6b7280);
}

.helpc-results {
  margin-bottom: 26px;
}

.helpc-result-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.helpc-result-list li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid #f3f4f6;
  font-size: var(--edc-fs-body);
}
.helpc-result-list a {
  color: #2f5cc4;
  font-weight: 600;
}

.helpc-result-title {
  color: #111827;
  font-weight: 600;
}

.helpc-result-meta {
  font-size: var(--edc-fs-label);
  color: var(--edc-text-muted-words, #6b7280);
}

.helpc-empty {
  font-size: var(--edc-fs-body);
  color: #4b5563;
  padding: 10px 0;
}

.helpc-breadcrumb {
  margin-bottom: 14px;
  font-size: var(--edc-fs-secondary);
}
.helpc-breadcrumb a {
  color: #2f5cc4;
  font-weight: 600;
}

.helpc-article {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 26px 30px;
}
.helpc-article__head {
  margin-bottom: 14px;
}
.helpc-article__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.helpc-article__body {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #1f2937;
  line-height: 1.65;
}
.helpc-article__body p {
  margin: 0 0 12px;
  max-width: 74ch;
}
.helpc-article__body ul, .helpc-article__body ol {
  margin: 0 0 12px;
  padding-left: 22px;
  max-width: 74ch;
}
.helpc-article__body ul {
  list-style: disc;
}
.helpc-article__body ol {
  list-style: decimal;
}
.helpc-article__body li {
  margin-bottom: 6px;
}
.helpc-article__body code {
  background: #f3f4f6;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: var(--edc-fs-secondary);
}
.helpc-article__body a {
  color: #2f5cc4;
}
.helpc-article__foot {
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid #f3f4f6;
}
.helpc-article__foot p {
  font-size: var(--edc-fs-label);
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0;
}

.helpc-h2, .helpc-h3, .helpc-h4 {
  color: #111827;
  text-shadow: none;
  margin: 18px 0 8px;
}

.helpc-h2 {
  font-size: var(--edc-fs-title);
}

.helpc-h3 {
  font-size: var(--edc-fs-heading);
}

.helpc-h4 {
  font-size: var(--edc-fs-body);
}

.helpc-figure {
  margin: 18px 0 22px;
}
.helpc-figure__zoom {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  min-width: 0;
  cursor: zoom-in;
  border-radius: 8px;
}
.helpc-figure__zoom:focus-visible {
  outline: 3px solid #2f5cc4;
  outline-offset: 3px;
}
.helpc-figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.06);
}
.helpc-figure figcaption {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #556070;
}

.helpc-lightbox {
  border: 0;
  padding: 0;
  margin: auto;
  background: transparent;
  max-width: min(96vw, 1600px);
  max-height: 96vh;
}
.helpc-lightbox::backdrop {
  background: rgba(17, 24, 39, 0.82);
}
.helpc-lightbox__frame {
  position: relative;
}
.helpc-lightbox img {
  display: block;
  max-width: min(96vw, 1600px);
  max-height: 90vh;
  width: auto;
  height: auto;
  border-radius: 8px;
  background: #fff;
}
.helpc-lightbox__caption {
  margin: 10px 0 0;
  color: #fff;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  text-align: center;
}
.helpc-lightbox__close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 40px;
  height: 40px;
  min-width: 0;
  padding: 0;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #111827;
  color: #fff;
  font-size: var(--edc-fs-title);
  cursor: pointer;
}
.helpc-lightbox__close:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}

.helpc-page--manual {
  max-width: 1240px;
}

.helpc-manual {
  display: grid;
  grid-template-columns: 264px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.helpc-manual__toc {
  position: sticky;
  top: 84px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 0 8px;
}
.helpc-manual__name {
  margin: 0 16px 8px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #4b5563;
}
.helpc-manual__chapters {
  list-style: none;
  margin: 0;
  padding: 0;
}
.helpc-manual__item a {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 10px;
  padding: 8px 16px;
  font-size: var(--edc-fs-body);
  line-height: 1.35;
  color: #1f2937;
  text-decoration: none;
  border-left: 3px solid transparent;
}
.helpc-manual__item a:hover, .helpc-manual__item a:focus {
  background: #f3f4f6;
  color: #111827;
  text-decoration: none;
}
.helpc-manual__item a:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: -2px;
}
.helpc-manual__item--current a {
  border-left-color: #2f5cc4;
  background: #eef3fc;
  color: #1c3f75;
  font-weight: 600;
}
.helpc-manual__num {
  flex: 0 0 22px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: var(--edc-text-muted-words, #6b7280);
  text-align: right;
}
.helpc-manual__item--current .helpc-manual__num {
  color: #2f5cc4;
}
.helpc-manual__label {
  flex: 1 1 0%;
  min-width: 0;
}
.helpc-manual__flag {
  color: #7a4100;
  font-size: var(--edc-fs-label);
}
.helpc-manual__pending {
  color: var(--edc-text-muted-words, #6b7280) !important;
}
.helpc-manual__soon {
  flex-basis: 100%;
  padding-left: 32px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--edc-text-muted-words, #6b7280);
  white-space: nowrap;
}
.helpc-manual__chapter {
  min-width: 0;
}
.helpc-manual__nav {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}
.helpc-manual__nav a {
  color: #2f5cc4;
  text-decoration: none;
}
.helpc-manual__nav a:hover, .helpc-manual__nav a:focus {
  text-decoration: underline;
}
.helpc-manual__next {
  margin-left: auto;
  text-align: right;
}

.helpc-card--manual {
  border-color: #c9d6f0;
  background: #f7f9fe;
}

.helpc-card__count {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c3f75;
  margin-top: 4px;
}

@media (max-width: 1100px) {
  .helpc-manual {
    grid-template-columns: minmax(0, 1fr);
  }
  .helpc-manual__toc {
    position: static;
    padding: 10px 8px;
  }
  .helpc-manual__name {
    margin: 0 8px 6px;
  }
  .helpc-manual__chapters {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .helpc-manual__item {
    flex: 0 0 auto;
  }
  .helpc-manual__item a {
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 6px 12px;
    white-space: nowrap;
  }
  .helpc-manual__item--current a {
    border-color: #2f5cc4;
  }
  .helpc-manual__soon {
    display: none;
  }
  .helpc-manual__item a {
    flex-wrap: nowrap;
  }
}
.wn-page {
  max-width: 880px;
  margin: 0 auto;
  padding: 22px 16px 40px;
}

.wn-header {
  margin-bottom: 20px;
}

.wn-title {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  color: #111827;
  margin: 0 0 4px;
  text-shadow: none;
}

.wn-sub {
  font-size: var(--edc-fs-body);
  color: #4b5563;
  margin: 0;
  max-width: 72ch;
}
.wn-sub a {
  color: #2f5cc4;
  font-weight: 600;
}

.wn-empty {
  font-size: var(--edc-fs-body);
  color: #4b5563;
  padding: 10px 0;
}

.wn-breadcrumb {
  margin-bottom: 14px;
  font-size: var(--edc-fs-secondary);
}
.wn-breadcrumb a {
  color: #2f5cc4;
  font-weight: 600;
}

.wn-group {
  margin-top: 22px;
}

.wn-group__title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #4b5563;
  margin: 0 0 10px;
  text-shadow: none;
}

.wn-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.wn-item__link {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 4px 18px;
  align-items: baseline;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px;
  text-decoration: none;
  color: #1f2937;
}
.wn-item__link:hover, .wn-item__link:focus {
  border-color: #2f5cc4;
  box-shadow: 0 1px 6px rgba(47, 92, 196, 0.12);
  text-decoration: none;
}

.wn-item--unread .wn-item__link {
  border-left: 4px solid #2f5cc4;
}

.wn-item__date {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: var(--edc-text-muted-words, #6b7280);
  grid-row: span 3;
}

.wn-item__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #111827;
}

.wn-item__summary {
  font-size: var(--edc-fs-body);
  color: #374151;
}

.wn-item__meta {
  font-size: var(--edc-fs-label);
  color: var(--edc-text-muted-words, #6b7280);
}

@media (max-width: 640px) {
  .wn-item__link {
    grid-template-columns: minmax(0, 1fr);
  }
  .wn-item__date {
    grid-row: auto;
  }
}
.wn-announcement {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 26px 30px;
}

.wn-announcement__head {
  margin-bottom: 18px;
}

.wn-announcement__date {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0 0 4px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.wn-announcement__summary {
  font-size: var(--edc-fs-heading);
  color: #374151;
  margin: 6px 0 0;
  max-width: 72ch;
}

.wn-announcement__body {
  margin-top: 20px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.wn-highlights {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
  margin: 4px 0 8px;
}

.wn-slide, .announcement-slide__media--illustration {
  --wn-accent: #2f5cc4;
  --wn-ink: #1c3f75;
  --wn-tint: #eef3fc;
}

.wn-slide--blue {
  --wn-accent: #2f5cc4;
  --wn-ink: #1c3f75;
  --wn-tint: #eef3fc;
}

.wn-slide--green {
  --wn-accent: #0d9f6e;
  --wn-ink: #0b6b4a;
  --wn-tint: #e7f7f0;
}

.wn-slide--purple {
  --wn-accent: #7c3aed;
  --wn-ink: #5b21b6;
  --wn-tint: #f1ebfd;
}

.wn-slide--orange {
  --wn-accent: #c2620e;
  --wn-ink: #8f4408;
  --wn-tint: #fdf0e5;
}

.wn-slide--teal {
  --wn-accent: #0e7490;
  --wn-ink: #0b5c72;
  --wn-tint: #e4f4f7;
}

.wn-illus {
  display: block;
  width: 100%;
  height: 100%;
}
.wn-illus .a {
  fill: var(--wn-accent);
}
.wn-illus .s {
  fill: var(--wn-accent);
  opacity: 0.22;
}
.wn-illus .w {
  fill: #fff;
}
.wn-illus .i {
  fill: none;
  stroke: var(--wn-ink);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wn-illus .w.i {
  fill: #fff;
}
.wn-illus .s.i {
  fill: var(--wn-accent);
}

.wn-slide {
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.wn-slide__media {
  background: var(--wn-tint);
  min-height: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
}
.wn-slide__media--illustration .wn-illus {
  width: 160px;
  height: 112px;
}
.wn-slide__image {
  width: 100%;
  height: auto;
  display: block;
}
.wn-slide__body {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.wn-slide__eyebrow {
  margin: 0;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--wn-ink);
}
.wn-slide__title {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  color: #111827;
  text-shadow: none;
}
.wn-slide__text {
  margin: 0;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #374151;
}
.wn-slide__learn {
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: var(--wn-ink);
  text-decoration: none;
}
.wn-slide__learn:hover, .wn-slide__learn:focus {
  text-decoration: underline;
}

.wn-learn {
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid #f3f4f6;
}

.wn-learn__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wn-learn__list a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid #c9d6f0;
  border-radius: 999px;
  background: #eef3fc;
  color: #1c3f75;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  text-decoration: none;
}
.wn-learn__list a:hover, .wn-learn__list a:focus {
  background: #dce6f9;
}

.wn-releases {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.wn-release {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 4px 18px;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
}

.wn-release__date {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #4b5563;
}

.wn-release__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.wn-release__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #111827;
  text-decoration: none;
}

a.wn-release__title:hover, a.wn-release__title:focus {
  color: #2f5cc4;
}

.wn-release__summary {
  font-size: var(--edc-fs-body);
  color: #374151;
}

@media (max-width: 640px) {
  .wn-release {
    grid-template-columns: minmax(0, 1fr);
  }
}
.announcement-modal-toc__missed, .announcement-modal-toc__all {
  margin: 10px 0 0;
  font-size: var(--edc-fs-secondary);
}
.announcement-modal-toc__missed a, .announcement-modal-toc__all a {
  color: #2f5cc4;
  font-weight: 600;
}

.announcement-slide__more {
  margin-right: 8px;
}

.navbar-notifications-links {
  display: flex;
  gap: 14px;
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
}
.navbar-notifications-links a {
  color: #2f5cc4;
  font-weight: 600;
}

.helpc-stale {
  margin: 0 0 16px;
  padding: 10px 14px;
  border-radius: 8px;
  background: #fff7ed;
  color: #7a4100;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}
.helpc-stale i {
  margin-right: 6px;
}

.helpc-card__stale {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  color: #7a4100;
}

.help-tour-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2050;
  pointer-events: none;
}

.help-tour-highlight {
  position: absolute;
  border: 2px solid #2f5cc4;
  border-radius: 8px;
  box-shadow: 0 0 0 6000px rgba(17, 24, 39, 0.45);
  transition: all 0.25s ease;
  pointer-events: none;
}

.help-tour-card {
  position: fixed;
  z-index: 2060;
  width: min(360px, 100vw - 32px);
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 30px rgba(17, 24, 39, 0.25);
  padding: 16px 18px;
}
.help-tour-card__step {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0 0 4px;
}
.help-tour-card__anchor {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #111827;
  margin: 0 0 6px;
}
.help-tour-card__text {
  font-size: var(--edc-fs-secondary);
  color: #374151;
  line-height: 1.5;
  margin: 0 0 12px;
}
.help-tour-card__missing {
  font-size: var(--edc-fs-label);
  color: #b45309;
  margin: 0 0 12px;
}
.help-tour-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.help-tour-card__nav {
  display: flex;
  gap: 8px;
}
.help-tour-card button {
  min-width: 0;
}

.edcfx-page {
  max-width: 1080px;
  margin: 0 auto;
  padding: 22px 16px 40px;
}
.edcfx-page--narrow {
  max-width: 820px;
}

.edcfx-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.edcfx-title {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  color: #111827;
  margin: 0 0 4px;
  text-shadow: none;
}

.edcfx-sub {
  font-size: var(--edc-fs-body);
  color: #4b5563;
  margin: 0;
  max-width: 72ch;
}
.edcfx-sub a {
  color: #2f5cc4;
  font-weight: 600;
}

.edcfx-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 999px;
}
.edcfx-pill--on {
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
}

.edcfx-consent-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 24px 26px;
}
.edcfx-consent-card h2 {
  font-size: var(--edc-fs-title);
  margin: 0 0 8px;
  color: #111827;
  text-shadow: none;
}
.edcfx-consent-card h3 {
  font-size: var(--edc-fs-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0 0 8px;
}
.edcfx-consent-card p {
  font-size: var(--edc-fs-body);
  color: #374151;
  max-width: 82ch;
}
.edcfx-consent-card ul {
  margin: 0;
  padding-left: 18px;
}
.edcfx-consent-card li {
  font-size: var(--edc-fs-secondary);
  color: #374151;
  margin-bottom: 6px;
  line-height: 1.45;
}

.edcfx-consent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 22px;
  margin: 16px 0 4px;
}

.edcfx-consent-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #f3f4f6;
}

.edcfx-inline-form {
  display: inline-flex;
  margin: 0;
}

.edcfx-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #2f5cc4;
  color: #fff;
  border: 1px solid #2f5cc4;
  border-radius: 8px;
  padding: 9px 18px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  min-width: 0;
  cursor: pointer;
}
.edcfx-btn:hover, .edcfx-btn:focus {
  background: #24479c;
  color: #fff;
}
.edcfx-btn--ghost {
  background: transparent;
  color: #4b5563;
  border-color: #d1d5db;
}
.edcfx-btn--ghost:hover, .edcfx-btn--ghost:focus {
  background: #f9fafb;
  color: #111827;
}
.edcfx-btn--sm {
  padding: 6px 12px;
  font-size: var(--edc-fs-secondary);
}

.edcfx-hint {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-muted-words, #6b7280);
}

.edcfx-empty {
  background: #fff;
  border: 1px dashed #d1d5db;
  border-radius: 10px;
  padding: 40px 24px;
  text-align: center;
}
.edcfx-empty i {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  color: #0d9f6e;
  margin-bottom: 10px;
}
.edcfx-empty h2 {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  color: #111827;
  margin: 0 0 6px;
  text-shadow: none;
}
.edcfx-empty p {
  font-size: var(--edc-fs-body);
  color: #4b5563;
  max-width: 60ch;
  margin: 0 auto 14px;
}

.edcfx-cohort-note {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  margin: 0 0 14px;
}

.edcfx-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}

.edcfx-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px 18px 14px;
  margin: 0;
}
.edcfx-card__metric {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0 0 8px;
  text-shadow: none;
}
.edcfx-card__figures {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 12px;
}
.edcfx-card__yours {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 700;
  color: #111827;
  line-height: 1;
}
.edcfx-card__median {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}
.edcfx-card__note {
  font-size: var(--edc-fs-label);
  color: #4b5563;
  margin: 10px 0 0;
}

.edcfx-band {
  position: relative;
  height: 18px;
}
.edcfx-band__track {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  height: 2px;
  background: #e5e7eb;
  border-radius: 1px;
}
.edcfx-band__range {
  position: absolute;
  top: 5px;
  height: 8px;
  background: #dbe4f8;
  border-radius: 4px;
}
.edcfx-band__median {
  position: absolute;
  top: 2px;
  width: 2px;
  height: 14px;
  background: #64748b;
  transform: translateX(-1px);
}
.edcfx-band__you {
  position: absolute;
  top: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0d9f6e;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #0d9f6e;
  transform: translateX(-6px);
}
.edcfx-band__you--low {
  background: #c2620e;
  box-shadow: 0 0 0 1px #c2620e;
}

.edcfx-position {
  font-weight: 600;
}
.edcfx-position--top, .edcfx-position--above {
  color: #047857;
}
.edcfx-position--below, .edcfx-position--bottom {
  color: #b45309;
}

.edcfx-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid #f3f4f6;
}
.edcfx-footer p {
  font-size: var(--edc-fs-label);
  color: #4b5563;
  margin: 0;
}
.edcfx-footer a {
  color: #2f5cc4;
  font-weight: 600;
}

.edcfx-doc {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 16px;
}
.edcfx-doc h2 {
  font-size: var(--edc-fs-heading);
  color: #111827;
  margin: 0 0 8px;
  text-shadow: none;
}
.edcfx-doc p {
  font-size: var(--edc-fs-body);
  color: #374151;
  max-width: 82ch;
}
.edcfx-doc ul {
  margin: 0;
  padding-left: 18px;
  list-style: disc;
}
.edcfx-doc li {
  font-size: var(--edc-fs-body);
  color: #374151;
  margin-bottom: 8px;
  line-height: 1.5;
}

.edcfx-doc-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
}
.edcfx-doc-table th, .edcfx-doc-table td {
  text-align: left;
  padding: 8px 10px;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: top;
}
.edcfx-doc-table th {
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 600;
  text-transform: uppercase;
  font-size: var(--edc-fs-eyebrow);
  letter-spacing: 0.04em;
}
.edcfx-doc-table td {
  color: #374151;
}

.navbar-attention-all {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
}
.navbar-attention-all:hover, .navbar-attention-all:focus {
  text-decoration: underline;
  color: #1d4ed8;
}

.navbar-attention-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 16px;
  border-bottom: 1px solid #f3f4f6;
  text-decoration: none;
  transition: background 0.12s ease;
}
.navbar-attention-item:hover, .navbar-attention-item:focus {
  background: #f9fafb;
  outline: none;
  text-decoration: none;
}
.navbar-attention-item:last-child {
  border-bottom: none;
}

.navbar-attention-dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: 5px;
}
.navbar-attention-dot--now {
  background: #dc2626;
}
.navbar-attention-dot--soon {
  background: #d97706;
}
.navbar-attention-dot--watch {
  background: #6b7280;
}

.navbar-attention-text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.navbar-attention-title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #111827;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.navbar-attention-reason {
  font-size: var(--edc-fs-label);
  color: #4b5563;
  line-height: 1.35;
}

.navbar-attention-more {
  margin: 0;
  padding: 8px 16px;
  font-size: var(--edc-fs-label);
  color: #4b5563;
}

.navbar-attention-clear {
  color: #15803d;
}

.navbar-announcement-item {
  display: flex;
  gap: 10px;
  width: 100%;
  padding: 10px 16px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #f3f4f6;
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease;
}
.navbar-announcement-item:hover, .navbar-announcement-item:focus {
  background: #f9fafb;
  outline: none;
}
.navbar-announcement-item:last-child {
  border-bottom: none;
}

.navbar-announcement-thumb {
  flex: 0 0 auto;
  width: 48px;
  height: 32px;
  border-radius: 4px;
  background: #e0e7ff;
  -o-object-fit: cover;
     object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbar-announcement-thumb--text {
  color: #4f46e5;
  font-size: var(--edc-fs-body);
}

.navbar-announcement-body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.navbar-announcement-title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #111827;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.navbar-announcement-meta {
  font-size: var(--edc-fs-eyebrow);
  color: #9ca3af;
}

body.announcement-modal-open {
  overflow: hidden;
}

.announcement-modal-wrap {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.announcement-modal-wrap[hidden] {
  display: none !important;
}

.announcement-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  cursor: pointer;
}

.announcement-modal {
  position: relative;
  display: grid;
  grid-template-columns: 300px 1fr;
  width: min(1000px, 100vw - 32px);
  max-height: calc(100vh - 64px);
  background: #fff;
  color: #1f2937;
  border: 1px solid #d5dbe3;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
}
.announcement-modal--solo {
  grid-template-columns: 1fr;
  width: min(720px, 100vw - 32px);
}
@media (max-width: 768px) {
  .announcement-modal {
    grid-template-columns: 1fr;
    width: calc(100vw - 16px);
    max-height: calc(100vh - 32px);
  }
}

.announcement-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: 1px solid #d5dbe3;
  border-radius: 999px;
  background: #fff;
  color: #374151;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
  transition: background 0.12s ease, color 0.12s ease;
}
.announcement-modal-close:hover {
  background: #f3f4f6;
  color: #111827;
}
.announcement-modal-close:focus-visible {
  outline: 3px solid #2f5cc4;
  outline-offset: 2px;
}

.announcement-modal-toc {
  border-right: 1px solid #e5e7eb;
  padding: 24px 14px 18px;
  overflow-y: auto;
  background: #f8fafc;
}
@media (max-width: 768px) {
  .announcement-modal-toc {
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
    max-height: 200px;
  }
}

.announcement-modal-toc__heading {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  color: #4b5563;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 10px 10px;
  text-shadow: none;
}

.announcement-modal-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.announcement-modal-toc__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #1f2937;
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease;
}
.announcement-modal-toc__item:hover {
  background: #eef2f7;
}
.announcement-modal-toc__item:focus-visible {
  outline: 3px solid #2f5cc4;
  outline-offset: 1px;
}
.announcement-modal-toc__item.is-active {
  background: #fff;
  border-color: #c9d6f0;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

.announcement-modal-toc__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1.35;
  color: #111827;
}

.announcement-modal-toc__meta {
  font-size: var(--edc-fs-label);
  color: #4b5563;
}

.announcement-modal-deck {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.announcement-deck {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.announcement-deck[hidden] {
  display: none;
}

.announcement-slide {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.announcement-slide[hidden] {
  display: none;
}

.announcement-slide__media {
  background: #f1f5f9;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 0;
  height: 300px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .announcement-slide__media {
    height: 200px;
  }
}

.announcement-slide__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.announcement-slide__media--illustration {
  background: var(--wn-tint);
}
.announcement-slide__media--illustration .wn-illus {
  width: 100%;
  height: 100%;
  padding: 28px 40px;
  box-sizing: border-box;
}

.announcement-slide__media--forge {
  background: linear-gradient(120deg, #e4f4f7, #fff1e6, #eef3fc, #fdecd8, #e4f4f7);
  background-size: 300% 300%;
  animation: wn-forge-drift 14s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .announcement-slide__media--forge {
    animation: none;
  }
}

@keyframes wn-forge-drift {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.announcement-slide__body {
  padding: 28px 36px 20px;
  flex: 1;
  overflow-y: auto;
}

.announcement-slide__eyebrow {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #1c3f75;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0 0 6px;
}

.announcement-slide__title {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  color: #111827;
  margin: 0 0 14px;
  line-height: 1.25;
  text-shadow: none;
}
.announcement-slide__title:focus {
  outline: none;
}

.announcement-slide__text {
  color: #374151;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  line-height: 1.6;
}
.announcement-slide__text p {
  margin: 0 0 12px;
}
.announcement-slide__text p:last-child {
  margin: 0;
}

.announcement-slide__signature {
  margin: 14px 0 0;
  text-align: right;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2937;
}

.announcement-slide__article {
  margin-top: 16px;
  padding: 10px 14px;
  background: #eef3fc;
  border: 1px solid #c9d6f0;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
}
.announcement-slide__article a {
  color: #1c3f75;
  font-weight: 600;
  text-decoration: none;
}
.announcement-slide__article a:hover, .announcement-slide__article a:focus {
  text-decoration: underline;
}

.announcement-dont-show {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 36px 16px;
  background: #fafbfc;
  font-size: var(--edc-fs-secondary);
  color: #374151;
}
.announcement-dont-show input {
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
}
.announcement-dont-show label {
  margin: 0;
  cursor: pointer;
}

.announcement-slide__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 36px 22px;
  border-top: 1px solid #e5e7eb;
  background: #fafbfc;
}

.announcement-slide__dots {
  display: flex;
  gap: 6px;
  flex: 1;
  justify-content: center;
}
.announcement-slide__dots[hidden] {
  display: none;
}

.announcement-slide__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #cbd5e1;
  transition: background 0.12s ease, transform 0.12s ease;
}
.announcement-slide__dot.is-active {
  background: #2f5cc4;
  transform: scale(1.35);
}

.announcement-slide__back,
.announcement-slide__next,
.announcement-slide__finish,
.announcement-slide__cta {
  min-width: 96px;
}

.announcement-slide__actions {
  display: flex;
  gap: 8px;
}
.announcement-slide__actions .btn {
  min-width: 0;
  white-space: nowrap;
}

.announcement-status:not(:empty) {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 2000;
  max-width: calc(100vw - 32px);
  padding: 10px 16px;
  border-radius: 8px;
  background: #1f2937;
  color: #fff;
  font-size: var(--edc-fs-body);
}

.navbar-announcements-reset {
  margin: 10px 0 0;
  padding: 12px 16px 14px;
  border-top: 1px solid #e5e7eb;
}
.navbar-announcements-reset form {
  margin: 0;
}

.navbar-notifications-dropdown form.button_to .navbar-announcements-reset__btn {
  display: inline-flex;
  width: auto;
  margin: 0;
  line-height: 1.4;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 4px 10px;
  border: 1px solid #c9d6f0;
  border-radius: 6px;
  background: #fff;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.navbar-notifications-dropdown form.button_to .navbar-announcements-reset__btn:hover {
  background: #eef3fc;
}
.navbar-notifications-dropdown form.button_to .navbar-announcements-reset__btn:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.navbar-announcements-reset__note {
  margin: 6px 0 0;
  font-size: var(--edc-fs-label);
  color: #4b5563;
}

.bre-whatsnew {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 4px 10px;
  border: 1px solid #c9d6f0;
  border-radius: 999px;
  background: #fff;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.bre-whatsnew:hover {
  background: #eef3fc;
}
.bre-whatsnew:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.notifications-hub {
  max-width: 960px;
  margin: 20px auto;
  padding: 0 16px;
}

.notifications-hub__header {
  margin-bottom: 16px;
}
.notifications-hub__header h1 {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  margin-bottom: 4px;
}

.notifications-hub__tabs {
  margin-bottom: 16px;
}
.notifications-hub__tabs .nav-link {
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 500;
  border: none;
  border-bottom: 2px solid transparent;
  padding: 10px 16px;
}
.notifications-hub__tabs .nav-link:hover {
  color: #1f2937;
  border-bottom-color: #cbd5e1;
}
.notifications-hub__tabs .nav-link.active {
  color: #2563eb;
  background: transparent;
  border-bottom-color: #2563eb;
}

.notifications-hub__empty {
  padding: 48px 16px;
  text-align: center;
  color: var(--edc-text-muted-words, #6b7280);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

.notifications-hub__announcement-list {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}

.notifications-hub__announcement {
  border-bottom: 1px solid #f3f4f6;
}
.notifications-hub__announcement:last-child {
  border-bottom: none;
}
.notifications-hub__announcement.is-unread {
  background: #f5f9ff;
}

.notifications-hub__announcement-btn {
  display: flex;
  gap: 14px;
  width: 100%;
  padding: 16px;
  background: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease;
}
.notifications-hub__announcement-btn:hover, .notifications-hub__announcement-btn:focus {
  background: #f9fafb;
  outline: none;
}

.notifications-hub__announcement-thumb {
  flex: 0 0 auto;
  width: 96px;
  height: 64px;
  border-radius: 6px;
  background: #e0e7ff;
  -o-object-fit: cover;
     object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifications-hub__announcement-thumb--text {
  color: #4f46e5;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}

.notifications-hub__announcement-body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.notifications-hub__announcement-title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #111827;
  display: flex;
  align-items: center;
  gap: 6px;
}

.notifications-hub__unread-dot {
  color: #2563eb;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  line-height: 1;
}

.notifications-hub__announcement-meta {
  font-size: var(--edc-fs-label);
  color: #9ca3af;
}

.notifications-hub__announcement-preview {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  margin-top: 4px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.slide-card__drag-handle {
  cursor: grab;
  color: #9ca3af;
  padding: 2px 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.slide-card__drag-handle:hover {
  color: #2563eb;
}
.slide-card__drag-handle:active {
  cursor: grabbing;
}

.slide-card__placeholder {
  background: #eff6ff;
  border: 2px dashed #93c5fd;
  border-radius: 6px;
  margin-bottom: 15px;
  min-height: 80px;
  list-style: none;
}

.recipient-picker {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 6px;
  background: #fff;
  min-height: 44px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}
.recipient-picker:focus-within {
  border-color: #2563eb;
  box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.15);
}

.recipient-picker__chips {
  display: contents;
}

.recipient-picker__input {
  flex: 1 1 120px;
  min-width: 120px;
  border: none !important;
  background: transparent;
  padding: 4px 6px !important;
  height: auto !important;
  box-shadow: none !important;
}

.recipient-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1e40af;
  padding: 3px 4px 3px 10px;
  border-radius: 14px;
  font-size: var(--edc-fs-label);
  font-weight: 500;
}

.recipient-chip__remove {
  border: none;
  background: transparent;
  color: #1e40af;
  cursor: pointer;
  font-size: var(--edc-fs-heading);
  line-height: 1;
  padding: 0 6px;
  border-radius: 50%;
}
.recipient-chip__remove:hover {
  background: #bfdbfe;
}

.ui-autocomplete.ui-menu {
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  padding: 4px 0;
  font-size: var(--edc-fs-secondary);
  z-index: 2050;
}

.ui-autocomplete .ui-menu-item-wrapper {
  padding: 6px 12px;
  cursor: pointer;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
  background: #eff6ff;
  color: #1e40af;
  border: none;
  margin: 0;
}

.analytics-stat-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px 18px;
  height: 100%;
}

.analytics-stat-card__label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: var(--edc-text-muted-words, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.analytics-stat-card__value {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 700;
  color: #111827;
  line-height: 1.1;
  margin: 6px 0 4px;
}

.analytics-stat-card__hint {
  font-size: var(--edc-fs-label);
  color: var(--edc-text-muted-words, #6b7280);
}

.analytics-slide-bars {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.analytics-slide-bar {
  display: grid;
  grid-template-columns: 200px 1fr 90px;
  align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .analytics-slide-bar {
    grid-template-columns: 1fr;
  }
}

.analytics-slide-bar__label {
  font-size: var(--edc-fs-secondary);
  color: #1f2937;
}

.analytics-slide-bar__track {
  background: #f3f4f6;
  border-radius: 4px;
  height: 18px;
  overflow: hidden;
}

.analytics-slide-bar__fill {
  background: linear-gradient(90deg, #3b82f6, #2563eb);
  height: 100%;
  transition: width 0.3s ease;
}

.analytics-slide-bar__count {
  font-size: var(--edc-fs-secondary);
  color: #1f2937;
  text-align: right;
}

.announcement-toast {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1600;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  width: 320px;
  background: #0f172a;
  color: #e2e8f0;
  border-radius: 10px;
  padding: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  animation: announcement-toast-slide-in 0.25s ease-out;
}

@keyframes announcement-toast-slide-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.announcement-toast__thumb {
  flex: 0 0 auto;
  width: 48px;
  height: 36px;
  border-radius: 4px;
  background: #1e3a8a;
  -o-object-fit: cover;
     object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.announcement-toast__thumb--text {
  color: #93c5fd;
  font-size: var(--edc-fs-heading);
}

.announcement-toast__body {
  flex: 1 1 auto;
  min-width: 0;
}

.announcement-toast__eyebrow {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  font-weight: 600;
  color: #93c5fd;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.announcement-toast__title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
  margin: 2px 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.announcement-toast__cta {
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  cursor: pointer;
}
.announcement-toast__cta:hover {
  background: #1d4ed8;
}

.announcement-toast__close {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.5);
  font-size: var(--edc-fs-title);
  line-height: 1;
  cursor: pointer;
  padding: 0 4px;
}
.announcement-toast__close:hover {
  color: #fff;
}

.import-results {
  --ir-tone-success: #16a34a;
  --ir-tone-warning: #E99A42;
  --ir-tone-danger: #C00000;
  --ir-tone-muted: #9ca3af;
  margin-top: 28px;
}
.import-results__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 22px;
  padding-top: 4px;
}
.import-results__header h5 {
  font-weight: 600;
  color: #111827;
  margin-bottom: 4px;
}
.import-results__actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.import-results-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1px;
  background-color: #e5e7eb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.import-results-summary__item {
  background-color: #fff;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.import-results-summary__item--imported {
  background-color: #f0fdf4;
}
.import-results-summary__item--failed {
  background-color: #fef2f2;
}
.import-results-summary__item--skipped {
  background-color: #f9fafb;
}
.import-results-summary__label {
  font-size: var(--edc-fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 600;
}
.import-results-summary__value {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #111827;
  line-height: 1.2;
}
.import-results-summary__sub {
  font-size: var(--edc-fs-eyebrow);
  color: #9ca3af;
}

.import-results-tabs {
  display: flex;
  gap: 2px;
  border-bottom: 2px solid #e5e7eb;
  margin-bottom: 12px;
}

.import-results-tab {
  background: transparent;
  border: 0;
  padding: 10px 14px;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: var(--edc-text-muted-words, #6b7280);
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.import-results-tab:hover:not(:disabled) {
  color: #111827;
}
.import-results-tab--active {
  color: #111827;
  border-bottom-color: #5B9BD5;
  font-weight: 600;
}
.import-results-tab:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.import-results-panel {
  min-height: 120px;
}

.import-results-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.import-results-filter .btn {
  font-size: var(--edc-fs-label);
  letter-spacing: 0.3px;
}

.import-results-search {
  max-width: 280px;
  flex: 1 1 160px;
}

.import-results-list {
  max-height: 480px;
  overflow-y: auto;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}

.import-results-item {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid #f3f4f6;
}
.import-results-item:last-child {
  border-bottom: 0;
}
.import-results-item--error {
  border-left: 3px solid #C00000;
}
.import-results-item--skipped {
  border-left: 3px solid #9ca3af;
}
.import-results-item--flagged {
  border-left: 3px solid #E99A42;
}
.import-results-item__status {
  font-size: var(--edc-fs-title);
  text-align: center;
}
.import-results-item__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.import-results-item__label {
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.import-results-item__meta {
  font-size: var(--edc-fs-label);
  color: var(--edc-text-muted-words, #6b7280);
}
.import-results-item__error {
  font-size: var(--edc-fs-label);
  color: #991b1b;
  margin-top: 2px;
  white-space: normal;
  line-height: 1.4;
}
.import-results-item__badge {
  font-size: var(--edc-fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 4px 8px;
  white-space: nowrap;
}

.import-results-empty {
  padding: 30px 20px;
  font-size: var(--edc-fs-secondary);
}

.import-results-export__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.import-results-export__header h6 {
  font-weight: 600;
  color: #111827;
  margin: 0;
}
.import-results-export__fields {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 10px 14px;
  margin-bottom: 12px;
}
.import-results-export__fields summary {
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  color: #374151;
  font-weight: 500;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 6px;
}
.import-results-export__fields summary::before {
  content: "▸";
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  color: var(--edc-text-muted-words, #6b7280);
  transition: transform 120ms ease-out;
}
.import-results-export__fields summary::-webkit-details-marker {
  display: none;
}
.import-results-export__fields[open] summary::before {
  transform: rotate(90deg);
}
.import-results-export__field-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}
.import-results-export__chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: var(--edc-fs-label);
  color: #1f2937;
}
.import-results-export__chip-field {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: var(--edc-fs-eyebrow);
  background: #f3f4f6;
  padding: 1px 4px;
  border-radius: 3px;
}
.import-results-export__table-wrap {
  position: relative;
}
.import-results-export__note {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: var(--edc-fs-secondary);
  color: #92400e;
  margin-bottom: 10px;
}
.import-results-export__row-num {
  width: 40px;
  text-align: right;
}

#import-results-export-table {
  font-size: var(--edc-fs-label);
}
#import-results-export-table th {
  background: #f3f4f6;
  color: #111827;
  white-space: nowrap;
  padding: 6px 8px;
  position: sticky;
  top: 0;
  z-index: 1;
}
#import-results-export-table td {
  padding: 6px 8px;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.import-stepper {
  --stepper-primary: #5B9BD5;
  --stepper-primary-dark: #4a89c4;
  --stepper-ring: rgba(91, 155, 213, 0.18);
  --stepper-muted: #9ca3af;
  --stepper-line: #e5e7eb;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 0 14px;
  gap: 0;
}
.import-stepper__step {
  flex: 1 1 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 6px;
}
.import-stepper__step::before, .import-stepper__step::after {
  content: "";
  position: absolute;
  top: 24px;
  height: 3px;
  background: var(--stepper-line);
  z-index: 0;
}
.import-stepper__step::before {
  left: 0;
  right: 50%;
}
.import-stepper__step::after {
  left: 50%;
  right: 0;
}
.import-stepper__step:first-child::before {
  display: none;
}
.import-stepper__step:last-child::after {
  display: none;
}
.import-stepper__circle {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 2px solid var(--stepper-line);
  color: var(--stepper-muted);
  font-size: var(--edc-fs-title);
  transition: box-shadow 120ms ease-out, border-color 120ms ease-out, color 120ms ease-out;
}
.import-stepper__title {
  display: block;
  margin-top: 10px;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: var(--edc-text-muted-words, #6b7280);
  line-height: 1.3;
  max-width: 120px;
}
.import-stepper__step--done .import-stepper__circle {
  background: linear-gradient(135deg, var(--stepper-primary), var(--stepper-primary-dark));
  border-color: var(--stepper-primary-dark);
  color: #fff;
  box-shadow: 0 2px 6px rgba(74, 137, 196, 0.25);
}
.import-stepper__step--done .import-stepper__title {
  color: #374151;
}
.import-stepper__step--done::after {
  background: linear-gradient(90deg, var(--stepper-primary-dark), var(--stepper-primary));
}
.import-stepper__step--done::before {
  background: linear-gradient(90deg, var(--stepper-primary), var(--stepper-primary-dark));
}
.import-stepper__step--current .import-stepper__circle {
  border-color: var(--stepper-primary);
  color: var(--stepper-primary);
  background: #fff;
  box-shadow: 0 0 0 4px var(--stepper-ring);
}
.import-stepper__step--current .import-stepper__title {
  color: #111827;
  font-weight: 600;
}
.import-stepper__step--current::before {
  background: linear-gradient(90deg, var(--stepper-primary), var(--stepper-primary-dark));
}
.import-stepper__step--error .import-stepper__circle {
  background: #fff;
  border-color: #C00000;
  color: #C00000;
  box-shadow: 0 0 0 4px rgba(192, 0, 0, 0.12);
}
.import-stepper__step--error .import-stepper__title {
  color: #C00000;
  font-weight: 600;
}
@media (max-width: 700px) {
  .import-stepper {
    padding: 16px 0 8px;
  }
  .import-stepper__title {
    display: none;
  }
  .import-stepper__circle {
    width: 40px;
    height: 40px;
    font-size: var(--edc-fs-heading);
  }
  .import-stepper__step::before, .import-stepper__step::after {
    top: 20px;
  }
}

.import-upload {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.import-upload__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.import-upload__empty {
  text-align: center;
  padding: 40px 20px;
  border: 1px dashed #e5e7eb;
  border-radius: 6px;
  color: var(--edc-text-muted-words, #6b7280);
  background: #fafbfc;
}
.import-upload__rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.import-upload__advance {
  display: flex;
  align-items: center;
  gap: 8px;
  border-top: 1px solid #e5e7eb;
  padding-top: 14px;
}

.import-upload-row {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 260px 120px 40px;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}
.import-upload-row[data-state=error] {
  border-left: 3px solid #C00000;
}
.import-upload-row[data-state=unknown] {
  border-left: 3px solid #E99A42;
}
.import-upload-row[data-state=detected] {
  border-left: 3px solid #16a34a;
}
.import-upload-row__icon {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  text-align: center;
}
.import-upload-row__body {
  min-width: 0;
}
.import-upload-row__filename {
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.import-upload-row__meta {
  font-size: var(--edc-fs-label);
  color: var(--edc-text-muted-words, #6b7280);
}
.import-upload-row__progress {
  margin-top: 6px;
  height: 4px;
  background: #f3f4f6;
  border-radius: 2px;
  overflow: hidden;
}
.import-upload-row__progress[hidden] {
  display: none;
}
.import-upload-row__progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #5B9BD5, #7fb5e6);
  transition: width 120ms ease-out;
}
.import-upload-row__template {
  font-size: var(--edc-fs-secondary);
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.import-upload-row__template-status {
  display: inline-flex;
  align-items: center;
}
.import-upload-row__template-status[hidden] {
  display: none;
}
.import-upload-row__template-name {
  font-weight: 600;
  color: #111827;
}
.import-upload-row__template-select {
  max-width: 100%;
}
.import-upload-row__status {
  text-align: right;
}
.import-upload-row__status-badge {
  font-size: var(--edc-fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 4px 8px;
}
.import-upload-row__actions {
  text-align: center;
}
@media (max-width: 900px) {
  .import-upload-row {
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    grid-template-areas: "icon body actions" "tpl  tpl  tpl" "st   st   st";
  }
  .import-upload-row .import-upload-row__icon {
    grid-area: icon;
  }
  .import-upload-row .import-upload-row__body {
    grid-area: body;
  }
  .import-upload-row .import-upload-row__template {
    grid-area: tpl;
  }
  .import-upload-row .import-upload-row__status {
    grid-area: st;
    text-align: left;
  }
  .import-upload-row .import-upload-row__actions {
    grid-area: actions;
  }
}

.import-upload-drop-overlay {
  position: fixed;
  inset: 0;
  z-index: 1070;
  background: rgba(91, 155, 213, 0.18);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.import-upload-drop-overlay[hidden] {
  display: none;
}
.import-upload-drop-overlay__inner {
  background: #fff;
  border: 2px dashed #5B9BD5;
  border-radius: 10px;
  padding: 36px 48px;
  text-align: center;
  color: #1f2937;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.import-upload-drop-overlay__title {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  margin-bottom: 4px;
}
.import-upload-drop-overlay__hint {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-muted-words, #6b7280);
}
.import-upload-drop-overlay i {
  color: #5B9BD5;
}

.digest-source-list {
  max-height: 240px;
  overflow: auto;
}
.digest-source-list__item {
  padding: 4px 0;
  font-size: var(--edc-fs-secondary);
}

.digest-output-pre {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 20px 22px;
  white-space: pre-wrap;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: var(--edc-fs-secondary);
  line-height: 1.6;
  color: #1f2937;
  max-height: 640px;
  overflow: auto;
}

.test-query-results tr.table-active {
  background-color: #f0fdf4;
}
.test-query-results td {
  vertical-align: middle;
}

.test-query-empty {
  text-align: center;
  padding: 30px 20px;
}
.test-query-empty h4 {
  font-weight: 600;
  color: #1f2937;
}
.test-query-empty p {
  max-width: 540px;
  margin: 0 auto;
}

.retrieval-activity__list {
  max-height: 360px;
  overflow: auto;
}
.retrieval-activity__item {
  padding: 8px 0;
  border-bottom: 1px solid #f3f4f6;
}
.retrieval-activity__item:last-child {
  border-bottom: 0;
}
.retrieval-activity__query {
  font-size: var(--edc-fs-body);
  color: #1f2937;
  line-height: 1.4;
}
.retrieval-activity__meta {
  margin-top: 2px;
  margin-left: 18px;
}

.article-body-editor {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: stretch;
}
@media (max-width: 900px) {
  .article-body-editor {
    grid-template-columns: 1fr;
  }
}
.article-body-editor--preview-off {
  grid-template-columns: 1fr;
}
.article-body-editor--preview-off .article-body-editor__pane--preview {
  display: none;
}
.article-body-editor__pane {
  min-height: 480px;
}
.article-body-editor__pane--write {
  display: flex;
}
.article-body-editor__pane--write textarea {
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  resize: vertical;
  width: 100%;
}
.article-body-editor__pane--preview {
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  overflow: auto;
  max-height: 640px;
}
.article-body-editor__pane--preview h1 {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  margin: 6px 0 12px;
}
.article-body-editor__pane--preview h2 {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  margin: 18px 0 10px;
}
.article-body-editor__pane--preview h3 {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  margin: 14px 0 8px;
  color: #374151;
}
.article-body-editor__pane--preview p {
  line-height: 1.6;
  color: #1f2937;
  margin: 0 0 12px;
}
.article-body-editor__pane--preview ul, .article-body-editor__pane--preview ol {
  margin: 0 0 12px 20px;
  line-height: 1.6;
  color: #1f2937;
}
.article-body-editor__pane--preview li {
  margin-bottom: 4px;
}
.article-body-editor__pane--preview code {
  background: #f3f4f6;
  padding: 1px 4px;
  border-radius: 3px;
  font-size: var(--edc-fs-label);
}
.article-body-editor__pane--preview pre {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 10px 12px;
  overflow-x: auto;
}
.article-body-editor__pane--preview pre code {
  background: transparent;
  padding: 0;
  font-size: var(--edc-fs-label);
  white-space: pre;
}
.article-body-editor__pane--preview blockquote {
  border-left: 3px solid #d1d5db;
  color: #4b5563;
  margin: 0 0 12px;
  padding: 4px 12px;
}
.article-body-editor__pane--preview a {
  color: #5B9BD5;
}
.article-body-editor__preview-placeholder {
  font-style: italic;
  text-align: center;
  padding: 40px 20px;
}

.review-history__list {
  margin: 0;
}
.review-history__item {
  padding: 12px 0;
  border-bottom: 1px solid #f3f4f6;
}
.review-history__item:last-child {
  border-bottom: 0;
}
.review-history__item-head {
  margin-bottom: 4px;
  font-size: var(--edc-fs-body);
}
.review-history__item-body {
  margin: 4px 0 0 22px;
}
.review-history__item-pending {
  margin: 6px 0 0 22px;
  font-style: italic;
}
.review-history__reply {
  margin: 10px 0 0 22px;
  padding: 10px 12px;
  background: #f0fdf4;
  border-left: 3px solid #16a34a;
  border-radius: 0 4px 4px 0;
}
.review-history__reply-head {
  font-size: var(--edc-fs-secondary);
  margin-bottom: 4px;
}
.review-history__reply-body {
  color: #374151;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}
.review-history__pending {
  border-radius: 8px;
}
.review-history__revision {
  background: #faf5ff;
  border: 1px solid #e9d5ff;
  border-left: 4px solid #9333ea;
  border-radius: 6px;
  padding: 14px 16px;
  margin-bottom: 10px;
}
.review-history__revision--pending { /* visual emphasis already provided by the base */ }
.review-history__revision-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.review-history__revision-summary {
  margin: 6px 0 8px;
  color: #374151;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}
.review-history__revision-body {
  margin-top: 8px;
}
.review-history__revision-body summary {
  cursor: pointer;
  color: #5B9BD5;
  font-size: var(--edc-fs-secondary);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.review-history__revision-body summary:hover {
  text-decoration: underline;
}
.review-history__pre {
  margin: 10px 0 0;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: var(--edc-fs-label);
  line-height: 1.5;
  color: #1f2937;
  white-space: pre-wrap;
  max-height: 320px;
  overflow: auto;
}
.review-history__revision-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.review-history__revision-actions form {
  display: inline-block;
  margin: 0;
}
.review-history__archive {
  border-top: 1px dashed #e5e7eb;
  padding-top: 12px;
}
.review-history__archive summary {
  cursor: pointer;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: var(--edc-fs-secondary);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.review-history__archive summary:hover {
  color: #374151;
}
.review-history__archive-item {
  padding: 4px 0;
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}

body.announcement-preview-open {
  overflow: hidden;
}

.announcement-preview-modal {
  position: fixed;
  inset: 0;
  z-index: 1060;
  display: flex;
  align-items: center;
  justify-content: center;
}
.announcement-preview-modal[hidden] {
  display: none;
}
.announcement-preview-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 24, 39, 0.55);
}
.announcement-preview-modal__dialog {
  position: relative;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  width: min(720px, 100vw - 40px);
  max-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.announcement-preview-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
}
.announcement-preview-modal__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1;
}
.announcement-preview-modal__eyebrow {
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.announcement-preview-modal__close {
  background: transparent;
  border: 0;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  line-height: 1;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
}
.announcement-preview-modal__close:hover, .announcement-preview-modal__close:focus-visible {
  background: #e5e7eb;
  color: #111827;
}
.announcement-preview-modal__body {
  position: relative;
  padding: 30px 60px;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.announcement-preview-modal__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: 1px solid #d1d5db;
  color: var(--edc-text-muted-words, #6b7280);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.announcement-preview-modal__nav:hover:not(:disabled) {
  background: #f3f4f6;
  color: #111827;
}
.announcement-preview-modal__nav:focus-visible {
  outline: 2px solid #5B9BD5;
  outline-offset: 2px;
}
.announcement-preview-modal__nav:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.announcement-preview-modal__nav--outer-prev {
  left: 12px;
}
.announcement-preview-modal__nav--outer-next {
  right: 12px;
}
.announcement-preview-modal__slide {
  width: 100%;
  max-width: 540px;
  text-align: center;
}
.announcement-preview-modal__slide-image {
  max-width: 100%;
  max-height: 300px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.announcement-preview-modal__slide-eyebrow {
  font-size: var(--edc-fs-label);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5B9BD5;
  font-weight: 600;
  margin-bottom: 6px;
}
.announcement-preview-modal__slide-title {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #111827;
  margin: 0 0 12px;
  line-height: 1.3;
}
.announcement-preview-modal__slide-body {
  font-size: var(--edc-fs-body);
  color: #374151;
  line-height: 1.6;
  margin-bottom: 16px;
  white-space: pre-wrap;
}
.announcement-preview-modal__slide-cta {
  margin: 12px 0 16px;
}
.announcement-preview-modal__slide-cta .btn.disabled {
  pointer-events: none;
  opacity: 0.65;
}
.announcement-preview-modal__slide-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #f3f4f6;
}
.announcement-preview-modal__slide-counter {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-muted-words, #6b7280);
  font-variant-numeric: tabular-nums;
}
.announcement-preview-modal__footer {
  padding: 10px 20px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
  text-align: center;
}

.announcement-live-warning {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 16px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-left: 4px solid #E99A42;
  border-radius: 6px;
  color: #92400e;
  margin-bottom: 16px;
}
.announcement-live-warning i {
  font-size: var(--edc-fs-heading);
  line-height: 1.5;
}
.announcement-live-warning strong {
  color: #7c2d12;
}

.announcements-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 1px;
  background-color: #e5e7eb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.announcements-summary__item {
  background-color: #fff;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.announcements-summary__item--live {
  background-color: #f0fdf4;
}
.announcements-summary__label {
  font-size: var(--edc-fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 600;
}
.announcements-summary__value {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #111827;
  line-height: 1.2;
}
.announcements-summary__sub {
  font-size: var(--edc-fs-eyebrow);
  color: #9ca3af;
}

.announcements-filter {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.announcements-filter__search {
  max-width: 320px;
  flex: 1 1 200px;
}
.announcements-filter__status {
  width: auto;
  flex: 0 0 auto;
  min-width: 140px;
}

.announcements-table th {
  font-size: var(--edc-fs-label);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 600;
}
.announcements-table td {
  vertical-align: middle;
}
.announcements-table__title strong {
  color: #111827;
}

.announcement-cat {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  border: 1px solid transparent;
}
.announcement-cat--release {
  color: #166534;
  background: #f0fdf4;
  border-color: #bbf7d0;
}
.announcement-cat--feature {
  color: #1e40af;
  background: #eff6ff;
  border-color: #bfdbfe;
}
.announcement-cat--beta {
  color: #6b21a8;
  background: #faf5ff;
  border-color: #e9d5ff;
}
.announcement-cat--event {
  color: #9a3412;
  background: #fff7ed;
  border-color: #fed7aa;
}
.announcement-cat--maintenance {
  color: #374151;
  background: #f3f4f6;
  border-color: #d1d5db;
}

.platform-spend-summary,
.customer-plans-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1px;
  background-color: #e5e7eb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.platform-spend-summary__item,
.customer-plans-summary__item {
  background-color: #fff;
  padding: 14px 18px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.platform-spend-summary__label,
.customer-plans-summary__label {
  font-size: var(--edc-fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 600;
}
.platform-spend-summary__value,
.customer-plans-summary__value {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #111827;
  line-height: 1.2;
}
.platform-spend-summary__value--muted,
.customer-plans-summary__value--muted {
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 600;
  font-size: var(--edc-fs-title);
}
.platform-spend-summary__sub,
.customer-plans-summary__sub {
  font-size: var(--edc-fs-label);
  color: var(--edc-text-muted-words, #6b7280);
}

.platform-spend-section-heading {
  font-size: var(--edc-fs-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 600;
  margin: 0 0 10px;
}

.provider-card {
  transition: box-shadow 0.15s ease;
}
.provider-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.provider-card--warning {
  border-left: 3px solid #E99A42;
}
.provider-card--exceeded {
  border-left: 3px solid #C00000;
}
.provider-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.provider-card__name {
  font-size: var(--edc-fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 700;
  color: var(--edc-text-muted-words, #6b7280);
}
.provider-card__amount {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-bottom: 8px;
}
.provider-card__spend {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  color: #111827;
}
.provider-card__cap {
  font-size: var(--edc-fs-label);
  color: var(--edc-text-muted-words, #6b7280);
}
.provider-card__bar {
  height: 6px;
  margin-bottom: 10px;
}
.provider-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--edc-fs-label);
}
.provider-card__enforcement {
  text-transform: capitalize;
  padding: 2px 8px;
  border-radius: 10px;
  border: 1px solid;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 500;
}
.provider-card__enforcement--danger {
  color: #991b1b;
  border-color: #fca5a5;
  background: #fef2f2;
}
.provider-card__enforcement--warning {
  color: #92400e;
  border-color: #fde68a;
  background: #fffbeb;
}
.provider-card__enforcement--muted {
  color: var(--edc-text-muted-words, #6b7280);
  border-color: #e5e7eb;
  background: #f9fafb;
}
.provider-card__details {
  color: #5B9BD5;
  text-decoration: none;
}
.provider-card__details i {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  margin-left: 2px;
}
.provider-card__details:hover {
  text-decoration: underline;
}

.alert-feed__item {
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}
.alert-feed__item:last-child {
  border-bottom: 0;
}
.alert-feed__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 2px;
}
.alert-feed__meta {
  font-size: var(--edc-fs-eyebrow);
  color: #9ca3af;
  margin-bottom: 3px;
}
.alert-feed__message {
  font-size: var(--edc-fs-secondary);
  color: #374151;
  line-height: 1.4;
}

.panel-heading--collapsible {
  background: none;
  border: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.panel-heading--collapsible:focus-visible {
  outline: 2px solid #5B9BD5;
  outline-offset: -2px;
}
.panel-heading--collapsible .panel-heading__chevron {
  transition: transform 0.15s ease;
  color: #9ca3af;
  font-size: var(--edc-fs-label);
}
.panel-heading--collapsible[aria-expanded=true] .panel-heading__chevron {
  transform: rotate(180deg);
}

.llm-config-form__actions {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.llm-provider {
  margin-bottom: 16px;
}
.llm-provider--disabled {
  opacity: 0.75;
}
.llm-provider__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.llm-provider__heading {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.llm-provider__heading .panel-title {
  font-weight: 600;
}
.llm-provider__heading code {
  background: rgba(0, 0, 0, 0.05);
  padding: 1px 4px;
  border-radius: 3px;
}
.llm-provider__toggle {
  margin: 0;
}
.llm-provider__toggle .form-check-input {
  cursor: pointer;
}
.llm-provider__toggle .form-check-input:disabled {
  cursor: not-allowed;
}

.llm-model-table th {
  font-size: var(--edc-fs-label);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 600;
  border-bottom: 1px solid #e5e7eb;
}
.llm-model-table td {
  vertical-align: middle;
}
.llm-model-table__enabled, .llm-model-table__default {
  width: 1%;
  white-space: nowrap;
  text-align: center;
}
.llm-model-table .form-check-input {
  cursor: pointer;
}

.llm-model-row--enabled {
  background-color: rgba(91, 155, 213, 0.04);
}

.llm-model-name {
  font-weight: 600;
  color: #1f2937;
}

.admin-system-alert-strip {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.admin-system-alert {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 20px;
  color: #fff;
  font-size: var(--edc-fs-secondary);
  line-height: 1.4;
}
.admin-system-alert__icon {
  flex-shrink: 0;
  font-size: var(--edc-fs-heading);
}
.admin-system-alert__body {
  flex: 1;
  min-width: 0;
}
.admin-system-alert__body strong {
  font-weight: 600;
  margin-right: 6px;
}
.admin-system-alert__text {
  opacity: 0.92;
}
.admin-system-alert__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.admin-system-alert__link {
  color: #fff;
  text-decoration: underline;
  font-size: var(--edc-fs-label);
  white-space: nowrap;
}
.admin-system-alert__link:hover, .admin-system-alert__link:focus {
  color: #fff;
  opacity: 0.85;
}
.admin-system-alert__dismiss {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.admin-system-alert__dismiss:hover, .admin-system-alert__dismiss:focus {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.6);
}
.admin-system-alert__dismiss:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 1px;
}

.import-step__heading {
  padding-bottom: 14px;
}

.import-step__subtitle {
  margin: -4px 30px 0;
  padding: 0;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  line-height: 1.5;
  max-width: 720px;
}

.importer-scope,
.import-compare,
.import-review,
.import-archive,
.import-summary {
  --imp-space-1: 4px;
  --imp-space-2: 8px;
  --imp-space-3: 12px;
  --imp-space-4: 16px;
  --imp-space-5: 20px;
  --imp-space-6: 24px;
  --imp-space-8: 32px;
  --imp-space-10: 40px;
  --imp-text-muted: #6b7280;
  --imp-text-body: #374151;
  --imp-text-strong: #111827;
  --imp-border: #e5e7eb;
  --imp-border-strong: #d4d4d8;
  --imp-surface-soft: #f9fafb;
  --imp-surface-softer: #fcfcfc;
  --imp-primary: #193f87;
  --imp-primary-soft: #e8eaf6;
  --imp-success: #166534;
  --imp-success-soft: #dcfce7;
  --imp-success-border: #bbf7d0;
  --imp-warning: #92400e;
  --imp-warning-soft: #fef3c7;
  --imp-warning-border: #fde68a;
  --imp-danger: #991b1b;
  --imp-danger-soft: #fee2e2;
  --imp-danger-border: #fecaca;
}

.import-compare__intro {
  max-width: 720px;
  color: var(--imp-text-body);
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  line-height: 1.55;
  margin: 0;
}
.import-compare__intro strong {
  color: var(--imp-text-strong);
  font-weight: 600;
}
.import-compare__toolbar {
  display: flex;
  align-items: center;
  gap: var(--imp-space-5);
  flex-wrap: wrap;
  padding: var(--imp-space-3) var(--imp-space-4);
  background: var(--imp-surface-soft);
  border: 1px solid var(--imp-border);
  border-radius: 8px;
  margin-bottom: var(--imp-space-3);
}
.import-compare__toolbar-section {
  display: flex;
  align-items: center;
  gap: var(--imp-space-3);
}
.import-compare__toolbar-section::before {
  content: attr(data-label);
  color: var(--imp-text-muted);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-right: var(--imp-space-1);
}
.import-compare__toolbar-divider {
  width: 1px;
  align-self: stretch;
  background: var(--imp-border);
  margin: 0 var(--imp-space-1);
}
.import-compare__summary {
  margin-left: auto;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: var(--imp-text-muted);
  font-variant-numeric: tabular-nums;
}
.import-compare__legend {
  display: flex;
  align-items: center;
  gap: var(--imp-space-4);
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: var(--imp-text-muted);
  margin: 0 0 var(--imp-space-4);
  padding-left: var(--imp-space-1);
}
.import-compare__legend-item {
  display: inline-flex;
  align-items: center;
  gap: var(--imp-space-2);
}
.import-compare__legend-swatch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1px solid var(--imp-border);
}
.import-compare__legend-swatch--review {
  background: var(--imp-warning-soft);
  border-color: var(--imp-warning-border);
}
.import-compare__legend-swatch--commit {
  background: var(--imp-success-soft);
  border-color: var(--imp-success-border);
}
.import-compare__row {
  border: 1px solid var(--imp-border);
  border-radius: 8px;
  margin-bottom: var(--imp-space-3);
  background: #fff;
  overflow: hidden;
  transition: box-shadow 120ms ease-out;
}
.import-compare__row--changed {
  border-left: 3px solid #f0ad4e;
}
.import-compare__row--unchanged {
  border-left: 3px solid var(--imp-border-strong);
}
.import-compare__row--missing {
  border-left: 3px solid #9ca3af;
  background: var(--imp-surface-softer);
}
.import-compare__row[open] {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.import-compare__summary-row {
  display: flex;
  align-items: center;
  gap: var(--imp-space-3);
  padding: var(--imp-space-3) var(--imp-space-4);
  cursor: pointer;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.import-compare__summary-row::-webkit-details-marker {
  display: none;
}
.import-compare__summary-row::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid var(--imp-text-muted);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transition: transform 150ms ease-out;
  flex-shrink: 0;
}
.import-compare__summary-row:hover {
  background: var(--imp-surface-soft);
}
.import-compare__row[open] .import-compare__summary-row::before {
  transform: rotate(90deg);
}
.import-compare__row-number {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  font-weight: 700;
  color: var(--imp-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  min-width: 64px;
  font-variant-numeric: tabular-nums;
}
.import-compare__row-title {
  font-weight: 600;
  color: var(--imp-text-strong);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.import-compare__meta {
  display: inline-flex;
  gap: var(--imp-space-2);
  align-items: center;
}
.import-compare__badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 600;
  border: 1px solid transparent;
  line-height: 1.5;
}
.import-compare__badge--review {
  background: var(--imp-warning-soft);
  color: var(--imp-warning);
  border-color: var(--imp-warning-border);
}
.import-compare__badge--commit {
  background: var(--imp-success-soft);
  color: var(--imp-success);
  border-color: var(--imp-success-border);
}
.import-compare__badge--none {
  background: var(--imp-surface-soft);
  color: var(--imp-text-muted);
  border-color: var(--imp-border);
}
.import-compare__badge--missing {
  background: #f3f4f6;
  color: #4b5563;
  border-color: #d1d5db;
}
.import-compare__open-link {
  color: var(--imp-primary);
  padding: var(--imp-space-1) var(--imp-space-2);
  border-radius: 4px;
}
.import-compare__open-link:hover {
  background: var(--imp-primary-soft);
}
.import-compare__open-link:focus-visible {
  outline: 2px solid var(--imp-primary);
  outline-offset: 1px;
}
.import-compare__body {
  border-top: 1px solid var(--imp-border);
  background: var(--imp-surface-softer);
}
.import-compare__body-empty {
  padding: var(--imp-space-4) var(--imp-space-5);
  color: var(--imp-text-muted);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.import-compare__table {
  width: 100%;
  margin: 0;
  table-layout: fixed;
  border-collapse: collapse;
}
.import-compare__table th, .import-compare__table td {
  vertical-align: top;
  padding: var(--imp-space-3) var(--imp-space-4);
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  word-wrap: break-word;
  border-bottom: 1px solid var(--imp-border);
}
.import-compare__table tbody tr:last-child th,
.import-compare__table tbody tr:last-child td {
  border-bottom: none;
}
.import-compare__table thead th {
  background: var(--imp-surface-soft);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--imp-text-muted);
  font-weight: 700;
  padding-top: var(--imp-space-2);
  padding-bottom: var(--imp-space-2);
}
.import-compare__table tbody th {
  font-weight: 600;
  color: var(--imp-text-strong);
  width: 22%;
}
.import-compare__table tbody tr:hover {
  background: rgba(0, 0, 0, 0.015);
}
.import-compare__field-cell {
  color: var(--imp-text-body);
}
.import-compare__field-cell--review {
  background: var(--imp-warning-soft);
}
.import-compare__field-cell--commit {
  background: var(--imp-success-soft);
}
.import-compare__field-cell--absent {
  color: var(--imp-text-muted);
  font-style: italic;
}
.import-compare__rows--hide-source .import-compare__col-source {
  display: none;
}
.import-compare__rows--hide-cleaned .import-compare__col-cleaned {
  display: none;
}
.import-compare__rows--hide-snapshot .import-compare__col-snapshot {
  display: none;
}
@media (max-width: 768px) {
  .import-compare__toolbar {
    padding: var(--imp-space-3);
    gap: var(--imp-space-3);
  }
  .import-compare__summary {
    margin-left: 0;
  }
  .import-compare__summary-row {
    padding: var(--imp-space-3);
  }
  .import-compare__table th, .import-compare__table td {
    padding: var(--imp-space-2) var(--imp-space-3);
    font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  }
}

.import-review__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--imp-space-4);
  flex-wrap: wrap;
  margin-bottom: var(--imp-space-6);
}
.import-review__heading {
  margin: 0 0 var(--imp-space-1);
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  font-weight: 600;
  color: var(--imp-text-strong);
}
.import-review__subhead {
  margin: 0;
  color: var(--imp-text-muted);
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.import-review__subhead-sep {
  opacity: 0.5;
  margin: 0 var(--imp-space-1);
}
.import-review__header-actions {
  display: flex;
  gap: var(--imp-space-2);
  flex-wrap: wrap;
  align-items: center;
}
.import-review__stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--imp-space-4);
  margin-bottom: var(--imp-space-6);
}
@media (max-width: 992px) {
  .import-review__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 576px) {
  .import-review__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.import-review__stat {
  position: relative;
  background: #fff;
  border: 1px solid var(--imp-border);
  border-radius: 8px;
  padding: var(--imp-space-4) var(--imp-space-4) var(--imp-space-3);
  overflow: hidden;
}
.import-review__stat::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: var(--imp-border);
}
.import-review__stat--total::before {
  background: var(--imp-primary);
}
.import-review__stat--ready::before {
  background: var(--imp-success);
}
.import-review__stat--flagged::before {
  background: #d97706;
}
.import-review__stat--errors::before {
  background: #dc2626;
}
.import-review__stat--skipped::before {
  background: #9ca3af;
}
.import-review__stat-value {
  display: block;
  font-size: calc(var(--edc-fs-display) * 24.5 / 24);
  font-weight: 700;
  line-height: 1.1;
  color: var(--imp-text-strong);
  font-variant-numeric: tabular-nums;
  margin: 0;
}
.import-review__stat--ready .import-review__stat-value {
  color: var(--imp-success);
}
.import-review__stat--flagged .import-review__stat-value {
  color: #92400e;
}
.import-review__stat--errors .import-review__stat-value {
  color: #991b1b;
}
.import-review__stat--skipped .import-review__stat-value {
  color: var(--edc-text-muted-words, #6b7280);
}
.import-review__stat-label {
  display: block;
  margin-top: var(--imp-space-1);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--imp-text-muted);
}
.import-review__issues .card-header {
  padding: var(--imp-space-4) var(--imp-space-5);
  background: #fffbeb;
  border-bottom: 1px solid #fde68a;
}
.import-review__issues .card-header h5 {
  display: flex;
  align-items: center;
  gap: var(--imp-space-2);
  margin: 0;
  font-weight: 600;
  color: #92400e;
  font-size: var(--edc-fs-body);
}
.import-review__table-wrap {
  padding: 0;
}
.import-review__table {
  margin: 0;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.import-review__table thead th {
  background: var(--imp-surface-soft);
  color: var(--imp-text-muted);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: var(--imp-space-3) var(--imp-space-4);
  border-bottom: 1px solid var(--imp-border);
  position: sticky;
  top: 0;
  z-index: 1;
}
.import-review__table tbody td {
  padding: var(--imp-space-3) var(--imp-space-4);
  border-bottom: 1px solid var(--imp-border);
  vertical-align: middle;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.import-review__table tbody tr:last-child td {
  border-bottom: none;
}
.import-review__table tbody tr {
  transition: background-color 80ms ease-out;
}
.import-review__table tbody tr:hover {
  background: var(--imp-surface-soft);
}
.import-review__table tr.import-data-row {
  box-shadow: inset 3px 0 0 transparent;
}
.import-review__table tr.import-data-row[data-row-status=error] {
  box-shadow: inset 3px 0 0 #dc2626;
}
.import-review__table tr.import-data-row[data-row-status=flagged] {
  box-shadow: inset 3px 0 0 #d97706;
}
.import-review__table tr.import-data-row[data-row-status=committed] {
  box-shadow: inset 3px 0 0 var(--imp-success);
}
.import-review__row-number {
  display: inline-flex;
  align-items: center;
  gap: var(--imp-space-2);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--imp-text-body);
}
.import-review__row-label-btn {
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  color: var(--imp-text-strong);
  font-weight: 500;
}
.import-review__row-label-btn:hover {
  color: var(--imp-primary);
  text-decoration: underline;
}
.import-review__row-label-btn:focus-visible {
  outline: 2px solid var(--imp-primary);
  outline-offset: 2px;
  border-radius: 3px;
}
.import-review__detail-row td {
  background: var(--imp-surface-softer);
  padding: var(--imp-space-4) var(--imp-space-5);
  border-top: 1px dashed var(--imp-border);
}
.import-review__empty {
  text-align: center;
  padding: var(--imp-space-10) var(--imp-space-5);
  color: var(--imp-text-muted);
}
.import-review__empty-icon {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  opacity: 0.4;
  display: block;
  margin-bottom: var(--imp-space-3);
}
.import-review__issue {
  padding: var(--imp-space-4) var(--imp-space-5);
  border: none;
  border-bottom: 1px solid var(--imp-border);
}
.import-review__issue:last-child {
  border-bottom: none;
}
.import-review__issue--resolved {
  background: #f0fdf4;
}
.import-review__issue-body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--imp-space-5);
  flex-wrap: wrap;
}
.import-review__issue-info {
  flex: 1 1 320px;
  min-width: 0;
}
.import-review__issue-header {
  display: flex;
  align-items: center;
  gap: var(--imp-space-2);
  margin-bottom: var(--imp-space-2);
  flex-wrap: wrap;
}
.import-review__issue-row-num {
  font-weight: 700;
  color: var(--imp-text-strong);
  font-variant-numeric: tabular-nums;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.import-review__issue-type {
  color: var(--imp-text-muted);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.import-review__issue-label {
  margin: 0 0 var(--imp-space-3);
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: var(--imp-text-body);
  line-height: 1.4;
}
.import-review__issue-alert {
  display: flex;
  gap: var(--imp-space-3);
  padding: var(--imp-space-3) var(--imp-space-4);
  border-radius: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  line-height: 1.45;
  margin-bottom: var(--imp-space-2);
  border: 1px solid;
}
.import-review__issue-alert-icon {
  flex-shrink: 0;
  margin-top: 2px;
}
.import-review__issue-alert--high {
  background: var(--imp-danger-soft);
  border-color: var(--imp-danger-border);
  color: var(--imp-danger);
}
.import-review__issue-alert--medium {
  background: var(--imp-warning-soft);
  border-color: var(--imp-warning-border);
  color: var(--imp-warning);
}
.import-review__issue-alert--low {
  background: #dbeafe;
  border-color: #bfdbfe;
  color: #1e40af;
}
.import-review__issue-alert strong {
  font-weight: 700;
}
.import-review__issue-signals {
  margin-top: var(--imp-space-2);
  padding-top: var(--imp-space-2);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  opacity: 0.85;
}
.import-review__issue-signals > span {
  display: block;
  line-height: 1.5;
}
.import-review__issue-actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: var(--imp-space-2);
  min-width: 200px;
}
.import-review__issue-actions .btn {
  justify-content: flex-start;
  text-align: left;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .import-review__issue-actions {
    min-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .import-review__issue-actions .btn {
    flex: 1 1 auto;
  }
}
.import-review__issue-resolved-label {
  display: inline-flex;
  align-items: center;
  gap: var(--imp-space-2);
  color: var(--imp-success);
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.import-review__issue-detail {
  margin-top: var(--imp-space-4);
  padding: var(--imp-space-4);
  background: #fff;
  border: 1px solid var(--imp-border);
  border-radius: 6px;
}
.import-review__issue-detail h6 {
  margin: 0 0 var(--imp-space-3);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--imp-text-muted);
  font-weight: 700;
}
.import-review__issue-detail table {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  margin: 0;
}
.import-review__issue-view-data-btn {
  background: none;
  border: none;
  padding: var(--imp-space-1) 0;
  color: var(--imp-text-muted);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  text-align: left;
}
.import-review__issue-view-data-btn:hover {
  color: var(--imp-primary);
  text-decoration: underline;
}
.import-review__issue-view-data-btn:focus-visible {
  outline: 2px solid var(--imp-primary);
  outline-offset: 2px;
  border-radius: 3px;
}

.import-review.js-hide-advanced [data-advanced-only] {
  display: none !important;
}

.import-impact {
  background: #fff;
  border: 1px solid var(--imp-border);
  border-radius: 10px;
  padding: var(--imp-space-6);
  margin-bottom: var(--imp-space-6);
}
.import-impact__hero {
  display: flex;
  align-items: center;
  gap: var(--imp-space-4);
}
.import-impact__hero-icon {
  flex: 0 0 auto;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--imp-primary-soft);
  color: var(--imp-primary);
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
}
.import-impact__headline {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: var(--imp-text-strong);
  line-height: 1.2;
}
.import-impact__subhead {
  margin: var(--imp-space-1) 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.16 / 13);
  color: var(--imp-text-muted);
}
.import-impact__figures {
  display: flex;
  flex-wrap: wrap;
  gap: var(--imp-space-3);
  margin: var(--imp-space-5) 0 0;
}
.import-impact__figure {
  flex: 1 1 auto;
  min-width: 8.5rem;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--imp-space-3) var(--imp-space-4);
  border: 1px solid var(--imp-border);
  border-radius: 10px;
  background: var(--imp-surface-softer);
}
.import-impact__figure dt {
  order: 2;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: var(--imp-text-muted);
}
.import-impact__figure dt i {
  margin-right: 6px;
}
.import-impact__figure dd {
  order: 1;
  margin: 0;
  font-size: calc(var(--edc-fs-display) * 24.5 / 24);
  font-weight: 700;
  color: var(--imp-text-strong);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.import-impact__figure--create {
  border-left: 4px solid var(--imp-success);
}
.import-impact__figure--create dt i {
  color: var(--imp-success);
}
.import-impact__figure--update {
  border-left: 4px solid var(--imp-primary);
}
.import-impact__figure--update dt i {
  color: var(--imp-primary);
}
.import-impact__figure--side {
  border-left: 4px solid var(--imp-border-strong);
}
.import-impact__figure--attention {
  border-left: 4px solid #d97706;
}
.import-impact__figure--attention dt i {
  color: #b45309;
}
.import-impact__figure--error {
  border-left: 4px solid #dc2626;
}
.import-impact__figure--error dt i {
  color: var(--imp-danger);
}
.import-impact__attention {
  margin-top: var(--imp-space-5);
  padding-top: var(--imp-space-5);
  border-top: 1px solid var(--imp-border);
}
.import-impact__attention-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--imp-space-2);
}
.import-impact__attention-link {
  display: flex;
  align-items: center;
  gap: var(--imp-space-3);
  padding: var(--imp-space-2) var(--imp-space-3);
  border-radius: 8px;
  text-decoration: none;
  color: var(--imp-text-strong);
  background: var(--imp-warning-soft);
  transition: background 0.12s ease;
}
.import-impact__attention-link:hover {
  background: #fde9b8;
}
.import-impact__attention-link:focus-visible {
  outline: 2px solid var(--imp-warning);
  outline-offset: 2px;
}
.import-impact__attention-item--high .import-impact__attention-link {
  background: var(--imp-danger-soft);
}
.import-impact__attention-item--high .import-impact__attention-link:hover {
  background: #fbc5c5;
}
.import-impact__attention-item--high .import-impact__attention-link:focus-visible {
  outline-color: var(--imp-danger);
}
.import-impact__attention-badge {
  flex: 0 0 auto;
  min-width: 1.75rem;
  height: 1.75rem;
  padding: 0 var(--imp-space-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--imp-warning);
  color: #fff;
  font-weight: 700;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-variant-numeric: tabular-nums;
}
.import-impact__attention-item--high .import-impact__attention-badge {
  background: var(--imp-danger);
}
.import-impact__attention-label {
  font-size: calc(var(--edc-fs-secondary) * 13.16 / 13);
  font-weight: 500;
}

.import-review__notes {
  background: var(--imp-warning-soft);
  border: 1px solid var(--imp-warning-border);
  border-radius: 10px;
  padding: var(--imp-space-4) var(--imp-space-5);
  margin-bottom: var(--imp-space-6);
}
.import-review__notes-heading {
  margin: 0 0 var(--imp-space-1);
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--imp-warning);
}
.import-review__notes-body {
  margin: 0;
  color: var(--imp-text-body);
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  white-space: pre-wrap;
}
.import-review__notes-body p {
  margin: 0 0 var(--imp-space-2);
}
.import-review__notes-body p:last-child {
  margin-bottom: 0;
}

.import-pipeline {
  background: #fff;
  border: 1px solid var(--imp-border);
  border-radius: 10px;
  padding: var(--imp-space-5) var(--imp-space-6);
  margin-bottom: var(--imp-space-6);
}
.import-pipeline__header {
  margin-bottom: var(--imp-space-4);
}
.import-pipeline__heading {
  margin: 0 0 var(--imp-space-1);
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  font-weight: 700;
  color: var(--imp-text-strong);
}
.import-pipeline__subhead {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: var(--imp-text-muted);
}
.import-pipeline__stages {
  list-style: none;
  margin: 0 0 var(--imp-space-6);
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--imp-space-3);
}
.import-pipeline__stage {
  border: 1px solid var(--imp-border);
  border-radius: 10px;
  padding: var(--imp-space-3) var(--imp-space-4);
  background: var(--imp-surface-softer);
  border-left: 4px solid var(--imp-border-strong);
}
.import-pipeline__stage--notable {
  border-left-color: #d97706;
  background: var(--imp-warning-soft);
}
.import-pipeline__stage--stuck {
  border-left-color: var(--imp-danger);
  background: var(--imp-danger-soft);
}
.import-pipeline__stage-top {
  display: flex;
  align-items: center;
  gap: var(--imp-space-2);
  margin-bottom: 4px;
}
.import-pipeline__stage-icon {
  color: var(--imp-text-muted);
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.import-pipeline__stage-name {
  font-weight: 700;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: var(--imp-text-strong);
  flex: 1 1 auto;
}
.import-pipeline__stage-status {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.import-pipeline__stage-status--clean {
  color: var(--imp-success);
}
.import-pipeline__stage-status--notable {
  color: #b45309;
}
.import-pipeline__stage-status--stuck {
  color: var(--imp-danger);
}
.import-pipeline__stage-detail {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: var(--imp-text-body);
  line-height: 1.35;
}
.import-pipeline__log-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--imp-space-3);
  flex-wrap: wrap;
  margin-bottom: var(--imp-space-2);
}
.import-pipeline__log-title {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: var(--imp-text-strong);
}
.import-pipeline__log-count {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: var(--imp-text-muted);
}
.import-pipeline__log-scroll {
  max-height: 380px;
  overflow-y: auto;
  border: 1px solid var(--imp-border);
  border-radius: 8px;
}
.import-pipeline__log-table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.import-pipeline__log-table thead th {
  position: sticky;
  top: 0;
  background: var(--imp-surface-soft);
  color: var(--imp-text-muted);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: var(--imp-space-2) var(--imp-space-3);
  border-bottom: 1px solid var(--imp-border);
  text-align: left;
}
.import-pipeline__log-table td {
  padding: var(--imp-space-2) var(--imp-space-3);
  border-bottom: 1px solid var(--imp-border);
  color: var(--imp-text-body);
  vertical-align: top;
}
.import-pipeline__log-table tr:last-child td {
  border-bottom: none;
}
.import-pipeline__log-col-row {
  width: 3.5rem;
  font-variant-numeric: tabular-nums;
  color: var(--imp-text-muted);
}
.import-pipeline__log-col-stage {
  width: 7rem;
}
.import-pipeline__log-stage-chip {
  display: inline-block;
  padding: 1px var(--imp-space-2);
  border-radius: 999px;
  background: var(--imp-primary-soft);
  color: var(--imp-primary);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
}
.import-pipeline__log-suggestion {
  color: var(--imp-text-muted);
}
.import-pipeline__log-row--medium td:first-child {
  box-shadow: inset 3px 0 0 #d97706;
}
.import-pipeline__log-row--high td:first-child {
  box-shadow: inset 3px 0 0 var(--imp-danger);
}
.import-pipeline__log-truncation {
  margin: var(--imp-space-2) 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: var(--imp-text-muted);
}
.import-pipeline__log-empty {
  margin: 0;
  padding: var(--imp-space-4);
  text-align: center;
}

.import-mapping {
  --imp-space-1: 4px;
  --imp-space-2: 8px;
  --imp-space-3: 12px;
  --imp-space-4: 16px;
  --imp-space-5: 20px;
  --imp-space-6: 24px;
  --imp-text-muted: #6b7280;
  --imp-text-strong: #111827;
  --imp-border: #e5e7eb;
  --imp-surface-soft: #f9fafb;
}
.import-mapping__intro {
  color: var(--imp-text-muted);
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  margin: var(--imp-space-1) 0 0;
  line-height: 1.5;
}
.import-mapping__intro strong {
  color: var(--imp-text-strong);
}
.import-mapping__stats {
  display: flex;
  gap: var(--imp-space-2);
  margin-bottom: var(--imp-space-4);
  flex-wrap: wrap;
}
.import-mapping__stat {
  display: inline-flex;
  align-items: center;
  gap: var(--imp-space-2);
  padding: 6px 12px;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 600;
  line-height: 1.2;
  border: 1px solid transparent;
}
.import-mapping__stat i {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
}
.import-mapping__stat span {
  font-variant-numeric: tabular-nums;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
}
.import-mapping__stat--exact {
  background: #dcfce7;
  color: #166534;
  border-color: #bbf7d0;
}
.import-mapping__stat--synonym {
  background: #dbeafe;
  color: #1e40af;
  border-color: #bfdbfe;
}
.import-mapping__stat--fuzzy {
  background: #fef3c7;
  color: #92400e;
  border-color: #fde68a;
}
.import-mapping__stat--repeatable {
  background: #ede9fe;
  color: #5b21b6;
  border-color: #ddd6fe;
}
.import-mapping__stat--unmapped {
  background: #fee2e2;
  color: #991b1b;
  border-color: #fecaca;
}
.import-mapping__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
}
.import-mapping__table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--imp-surface-soft);
  color: var(--imp-text-muted);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: var(--imp-space-3) var(--imp-space-4);
  border-bottom: 1px solid var(--imp-border);
}
.import-mapping__table tbody td {
  padding: var(--imp-space-3) var(--imp-space-4);
  border-bottom: 1px solid var(--imp-border);
  vertical-align: middle;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.import-mapping__table tbody tr:last-child td {
  border-bottom: none;
}
.import-mapping__table tbody tr:hover {
  background: rgba(0, 0, 0, 0.015);
}
.import-mapping__table col.import-mapping__col-num {
  width: 56px;
}
.import-mapping__table col.import-mapping__col-source {
  width: 28%;
}
.import-mapping__table col.import-mapping__col-confidence {
  width: 100px;
}
.import-mapping__table col.import-mapping__col-target {
  width: auto;
}
.import-mapping__table col.import-mapping__col-match {
  width: 140px;
}
.import-mapping__table code {
  background: var(--imp-surface-soft);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: var(--imp-text-strong);
  border: 1px solid var(--imp-border);
}
.import-mapping__row-num {
  color: var(--imp-text-muted);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.import-mapping__target-repeatable {
  display: inline-flex;
  align-items: center;
  gap: var(--imp-space-2);
  padding: 5px 10px;
  border-radius: 4px;
  background: #ede9fe;
  color: #5b21b6;
  border: 1px solid #ddd6fe;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 500;
}
.import-mapping__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--imp-space-3);
  margin-top: var(--imp-space-5);
  padding-top: var(--imp-space-4);
  border-top: 1px solid var(--imp-border);
  flex-wrap: wrap;
}
.import-mapping__footer-advance {
  display: flex;
  gap: var(--imp-space-2);
  align-items: center;
}
@media (max-width: 768px) {
  .import-mapping__footer {
    flex-direction: column;
    align-items: stretch;
  }
  .import-mapping__footer-advance {
    justify-content: flex-end;
  }
}

.import-progress__counters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .import-progress__counters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.import-progress__counter {
  position: relative;
  padding: 16px 16px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  text-align: center;
  overflow: hidden;
}
.import-progress__counter::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: #d4d4d8;
}
.import-progress__counter--success::before {
  background: #166534;
}
.import-progress__counter--error::before {
  background: #dc2626;
}
.import-progress__counter-value {
  display: block;
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  font-weight: 700;
  color: #111827;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.import-progress__counter--success .import-progress__counter-value {
  color: #166534;
}
.import-progress__counter--error .import-progress__counter-value {
  color: #991b1b;
}
.import-progress__counter-label {
  display: block;
  margin-top: 4px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--edc-text-muted-words, #6b7280);
}
.import-progress__log-heading {
  margin: 0 0 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--edc-text-muted-words, #6b7280);
}
.import-progress__log {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fcfcfc;
  padding: 12px 16px;
  max-height: 320px;
  overflow-y: auto;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  line-height: 1.6;
}

.import-worker-status {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 8px;
  margin-top: 16px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  line-height: 1.4;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  color: #374151;
}
.import-worker-status strong {
  color: #111827;
  font-weight: 600;
}
.import-worker-status code {
  background: rgba(0, 0, 0, 0.05);
  padding: 1px 6px;
  border-radius: 3px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.import-worker-status__icon {
  flex-shrink: 0;
  font-size: var(--edc-fs-body);
}
.import-worker-status__label {
  flex: 1;
  min-width: 0;
}
.import-worker-status[data-state=checking] {
  border-color: #d4d4d8;
  color: var(--edc-text-muted-words, #6b7280);
}
.import-worker-status[data-state=checking] .import-worker-status__icon {
  color: var(--edc-text-muted-words, #6b7280);
}
.import-worker-status[data-state=healthy] {
  background: #f0fdf4;
  border-color: #bbf7d0;
  color: #166534;
}
.import-worker-status[data-state=healthy] .import-worker-status__icon {
  color: #16a34a;
}
.import-worker-status[data-state=warn] {
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}
.import-worker-status[data-state=warn] .import-worker-status__icon {
  color: #d97706;
}
.import-worker-status[data-state=down] {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}
.import-worker-status[data-state=down] .import-worker-status__icon {
  color: #dc2626;
}

.import-log {
  margin-top: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fcfcfc;
  overflow: hidden;
}
.import-log__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.import-log__title {
  margin: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--edc-text-muted-words, #6b7280);
}
.import-log__filters {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 2px;
}
.import-log__filter {
  background: transparent;
  border: none;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.64 / 11);
  font-weight: 600;
  color: var(--edc-text-muted-words, #6b7280);
  cursor: pointer;
  transition: background-color 120ms ease-out, color 120ms ease-out;
}
.import-log__filter:hover {
  color: #111827;
}
.import-log__filter--active {
  background: #193f87;
  color: #fff;
}
.import-log__filter--active:hover {
  color: #fff;
}
.import-log__filter:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 1px;
}
.import-log__clear {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: var(--edc-text-muted-words, #6b7280);
  cursor: pointer;
}
.import-log__clear:hover {
  background: #f3f4f6;
  color: #991b1b;
}
.import-log__clear:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 1px;
}
.import-log__body {
  max-height: 340px;
  overflow-y: auto;
  padding: 4px 0;
}
.import-log__empty {
  padding: 24px 16px;
  color: #9ca3af;
  font-style: italic;
  text-align: center;
}
.import-log__entry {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 14px;
  border-bottom: 1px solid #f3f4f6;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  line-height: 1.45;
  transition: background-color 120ms ease-out;
}
.import-log__entry:last-child {
  border-bottom: none;
}
.import-log__entry:hover {
  background: #f9fafb;
}
.import-log__entry--success .import-log__entry-icon {
  color: #16a34a;
}
.import-log__entry--warn .import-log__entry-icon {
  color: #d97706;
}
.import-log__entry--error .import-log__entry-icon {
  color: #dc2626;
}
.import-log__entry--info .import-log__entry-icon {
  color: var(--edc-text-muted-words, #6b7280);
}
.import-log__entry--error {
  background: #fef2f2;
}
.import-log__entry--warn {
  background: #fffbeb;
}
.import-log__entry {
  box-shadow: inset 3px 0 0 transparent;
}
.import-log__entry--success {
  box-shadow: inset 3px 0 0 #22c55e;
}
.import-log__entry--warn {
  box-shadow: inset 3px 0 0 #f59e0b;
}
.import-log__entry--error {
  box-shadow: inset 3px 0 0 #dc2626;
}
.import-log__entry--info {
  box-shadow: inset 3px 0 0 #d4d4d8;
}
.import-log__entry-icon {
  flex-shrink: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  margin-top: 2px;
}
.import-log__entry-body {
  flex: 1;
  min-width: 0;
}
.import-log__entry-title {
  font-weight: 600;
  color: #111827;
  word-wrap: break-word;
}
.import-log__entry-detail {
  margin-top: 2px;
  color: #4b5563;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  line-height: 1.5;
  word-wrap: break-word;
}
.import-log__entry-time {
  flex-shrink: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  color: #9ca3af;
  font-variant-numeric: tabular-nums;
  margin-top: 3px;
}

.import-step__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}
.import-step__footer-message {
  flex: 1 1 240px;
  min-width: 0;
  color: #374151;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  line-height: 1.5;
}
.import-step__footer-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.import-step__footer-skip {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  text-decoration: underline;
  padding: 0;
}
.import-step__footer-skip:hover {
  color: #dc2626;
}
.import-step__footer-skip:focus-visible {
  outline: 2px solid #dc2626;
  outline-offset: 2px;
  border-radius: 3px;
}

.import-wizard__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}
.import-wizard__footer-left, .import-wizard__footer-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.import-wizard__footer-left {
  margin-right: auto;
}
.import-wizard__footer-right {
  margin-left: auto;
  justify-content: flex-end;
}
.import-wizard__footer-skip {
  background: transparent;
  border: none;
  padding: 4px 6px;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  text-decoration: underline;
  cursor: pointer;
}
.import-wizard__footer-skip:hover {
  color: #dc2626;
}
.import-wizard__footer-skip:focus-visible {
  outline: 2px solid #dc2626;
  outline-offset: 2px;
  border-radius: 3px;
}
.import-wizard__footer-hint {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
}
@media (max-width: 576px) {
  .import-wizard__footer {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .import-wizard__footer-left, .import-wizard__footer-right {
    width: 100%;
    justify-content: space-between;
  }
}

@keyframes import-btn-ready-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(25, 63, 135, 0.45);
  }
  35% {
    transform: scale(1.04);
    box-shadow: 0 0 0 8px rgba(25, 63, 135, 0);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(25, 63, 135, 0);
  }
  100% {
    transform: scale(1);
  }
}
.btn-step {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 200px;
  justify-content: center;
  transition: background-color 180ms ease-out, color 180ms ease-out, border-color 180ms ease-out, min-width 240ms ease-out;
}
.btn-step--processing {
  background: #fff;
  color: var(--edc-text-muted-words, #6b7280);
  border: 1px solid #d4d4d8;
  cursor: default;
}
.btn-step--processing:hover {
  background: #fff;
  color: var(--edc-text-muted-words, #6b7280);
}
.btn-step--ready {
  animation: import-btn-ready-pulse 900ms ease-out 1;
}

@keyframes import-btn-sweep {
  0% {
    background-position: -150% 0;
  }
  60% {
    background-position: 150% 0;
  }
  100% {
    background-position: 150% 0;
  }
}
.btn-advance:not(:disabled):not(.btn-advance--processing) {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.28) 48%, rgba(255, 255, 255, 0.28) 52%, transparent 70%);
  background-size: 220% 100%;
  background-repeat: no-repeat;
  animation: import-btn-sweep 3.6s ease-in-out infinite;
  animation-delay: 800ms;
}
.btn-advance:not(:disabled):not(.btn-advance--processing):hover {
  animation-play-state: paused;
  background-image: none;
}

.btn-advance:disabled {
  animation: none !important;
  background-image: none !important;
}

.btn-advance--processing {
  animation: none !important;
  background-image: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .btn-advance {
    animation: none !important;
    background-image: none !important;
  }
}
.import-data-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.import-data-table thead th {
  background: var(--imp-surface-soft, #f9fafb);
  color: #4b5563;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 11px 18px;
  border-bottom: 1px solid var(--imp-border, #e5e7eb);
  text-align: left;
}
.import-data-table tbody td {
  padding: 11px 18px;
  border-bottom: 1px solid var(--imp-border, #e5e7eb);
  vertical-align: middle;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: var(--imp-text-strong, #111827);
}
.import-data-table tbody tr {
  transition: background-color 80ms ease-out;
}
.import-data-table tbody tr:hover {
  background: var(--imp-surface-soft, #f9fafb);
}
.import-data-table tbody tr:last-child td {
  border-bottom: none;
}
.import-data-table__cell-actions {
  text-align: right;
}
.import-data-table__cell-muted {
  color: var(--imp-text-muted, #6b7280);
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
}

.import-archive__file-link {
  color: #111827;
  font-weight: 500;
  text-decoration: none;
}
.import-archive__file-link:hover {
  color: #193f87;
  text-decoration: underline;
}
.import-archive__file-link:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
  border-radius: 3px;
}
.import-archive__module-chip {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 500;
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #e5e7eb;
}
.import-archive__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.64 / 11);
  font-weight: 600;
  line-height: 1.4;
  border: 1px solid transparent;
}
.import-archive__status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.import-archive__status--completed {
  background: #dcfce7;
  color: #166534;
  border-color: #bbf7d0;
}
.import-archive__status--review {
  background: #fef3c7;
  color: #92400e;
  border-color: #fde68a;
}
.import-archive__status--draft {
  background: #e5e7eb;
  color: #374151;
  border-color: #d1d5db;
}
.import-archive__status--progress {
  background: #dbeafe;
  color: #1e40af;
  border-color: #bfdbfe;
}
.import-archive__status--other {
  background: #f3f4f6;
  color: var(--edc-text-muted-words, #6b7280);
  border-color: #e5e7eb;
}
.import-archive__actions-toggle {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--edc-text-muted-words, #6b7280);
  transition: all 120ms ease-out;
}
.import-archive__actions-toggle:hover, .import-archive__actions-toggle[aria-expanded=true] {
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #193f87;
}
.import-archive__actions-toggle:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}
.import-archive__empty {
  text-align: center;
  padding: 72px 24px;
  color: var(--edc-text-muted-words, #6b7280);
}
.import-archive__empty-icon {
  font-size: calc(var(--edc-fs-display) * 38.5 / 24);
  opacity: 0.3;
  display: block;
  margin-bottom: 16px;
}
.import-archive__empty-title {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 600;
  color: #374151;
}
.import-archive__empty-body {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}

.import-summary__card {
  background: #fff;
  border: 1px solid var(--imp-border, #e5e7eb);
  border-radius: 8px;
  margin-bottom: 16px;
  overflow: hidden;
}
.import-summary__card:last-child {
  margin-bottom: 0;
}
.import-summary__card--emphasized {
  background: var(--imp-surface-softer, #fcfcfc);
}
.import-summary__card-body {
  padding: 16px 20px;
}
.import-summary__collapse-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 20px;
  background: var(--imp-surface-soft, #f9fafb);
  border: none;
  border-bottom: 1px solid var(--imp-border, #e5e7eb);
  font-weight: 600;
  color: #111827;
  text-align: left;
}
.import-summary__collapse-toggle.collapsed {
  border-bottom-color: transparent;
}
.import-summary__collapse-toggle i {
  color: var(--edc-text-muted-words, #6b7280);
  transition: transform 150ms ease-out;
}
.import-summary__collapse-toggle:not(.collapsed) i {
  transform: rotate(180deg);
}
.import-summary__collapse-toggle:hover {
  background: #f3f4f6;
}
.import-summary__collapse-toggle:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: -2px;
}
.import-summary__section-title {
  margin: 16px 20px 12px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--edc-text-muted-words, #6b7280);
}
.import-summary__section-title--centered {
  text-align: center;
}
.import-summary__logs {
  max-height: 360px;
  overflow-y: auto;
  padding: 4px 20px 16px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.import-summary__logs-placeholder {
  color: #9ca3af;
  font-style: italic;
  padding: 12px 0;
  text-align: center;
}
.import-summary__log-entry {
  padding: 8px 0;
  border-bottom: 1px dashed var(--imp-border, #e5e7eb);
}
.import-summary__log-entry:last-child {
  border-bottom: none;
}
.import-summary__log-message {
  margin: 0;
  color: #374151;
  line-height: 1.45;
}
.import-summary__log-detail {
  margin-top: 4px;
  padding-left: 12px;
  border-left: 2px solid var(--imp-border, #e5e7eb);
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
}
.import-summary__stats {
  margin: 0 20px 16px;
  padding: 0;
}
.import-summary__stat-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid var(--imp-border, #e5e7eb);
}
.import-summary__stat-row:last-child {
  border-bottom: none;
}
.import-summary__stat-row--success dd {
  color: #166534;
  font-weight: 700;
}
.import-summary__stat-row--error dd {
  color: #991b1b;
  font-weight: 700;
}
.import-summary__stat-row dt {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  margin: 0;
  color: #374151;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 500;
}
.import-summary__stat-row dd {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  color: #111827;
  font-variant-numeric: tabular-nums;
  min-width: 48px;
  text-align: right;
}
.import-summary__stat-icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--imp-surface-soft, #f9fafb);
  border-radius: 6px;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
}
.import-summary__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 20px 16px;
  border-top: 1px solid var(--imp-border, #e5e7eb);
}
.import-summary__actions .btn {
  flex: 1 1 auto;
  min-width: 140px;
  justify-content: center;
}

.onboarding-portal-body {
  background: linear-gradient(180deg, #f8fafc 0%, #eef0f3 60%, #f8fafc 100%);
  min-height: 100vh;
  color: #0f1f29;
}

.op-container {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.op-progress-cta {
  display: flex;
  justify-content: flex-end;
  margin: -0.5rem 0 1.25rem;
}
.op-progress-cta .btn {
  font-weight: 600;
}

.onboarding-portal-nav {
  background: white !important;
  border-bottom: 1px solid #e5e7eb !important;
  position: sticky;
  top: 0;
  z-index: 100;
}
.onboarding-portal-nav > .op-container {
  max-width: 1360px;
}
.onboarding-portal-nav .nav-link {
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 500;
  padding: 0.5rem 0.8rem;
  border-radius: 999px;
  transition: all 0.15s ease;
}
.onboarding-portal-nav .nav-link:hover {
  color: #173642;
  background: rgba(37, 99, 235, 0.06);
}
.onboarding-portal-nav .nav-link.active, .onboarding-portal-nav .nav-link.active:hover {
  color: white;
  background: var(--edc-primary-button-bg-color, #2563eb);
  font-weight: 600;
}
.onboarding-portal-nav .nav-link.active i {
  color: white;
}

.op-nav-brand {
  gap: 0.55rem;
  color: inherit;
  margin-right: 1rem;
}
.op-nav-brand .op-nav-logo svg {
  width: 192px !important;
  height: auto !important;
}

.op-nav-tagline {
  font-size: var(--edc-fs-body);
  font-weight: 500;
  color: var(--edc-text-muted-words, #6b7280);
}

.op-nav-user {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.op-nav-user__name {
  color: #5f6f78;
  font-weight: 500;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.op-nav-user__avatar-btn {
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 0;
}
.op-nav-user__avatar-initials {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
}

.onboarding-portal-main {
  padding: 1.75rem 0 2rem;
}

.op-hero {
  position: relative;
  background: linear-gradient(135deg, #173642 0%, #1f4f5e 60%, #246a7d 100%);
  color: white;
  border-radius: 1rem;
  padding: 2.5rem 2.5rem 3.25rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
  box-shadow: 0 10px 25px -10px rgba(23, 54, 66, 0.45);
}
.op-hero__greeting {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 0.5rem;
  font-weight: 700;
  color: #F5A721;
}
.op-hero__title {
  font-size: calc(var(--edc-fs-display) * 30.8 / 24);
  font-weight: 700;
  margin-bottom: 0.7rem;
  line-height: 1.15;
  letter-spacing: -0.01em;
}
.op-hero__subtitle {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  max-width: 620px;
  opacity: 0.92;
  line-height: 1.6;
  margin-bottom: 0;
}
.op-hero__org-initial {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-title) * 19.6 / 18);
  font-weight: 700;
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.28);
}
.op-hero::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 24px;
  background: #f8fafc;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
}

.op-progress {
  background: white;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.op-progress__donut {
  position: relative;
  flex-shrink: 0;
  width: 96px;
  height: 96px;
}
.op-progress__donut-svg {
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
}
.op-progress__donut-bg {
  fill: none;
  stroke: #e5e7eb;
  stroke-width: 8;
}
.op-progress__donut-fill {
  fill: none;
  stroke: #4f46e5;
  stroke-width: 8;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.8s ease;
}
.op-progress__donut-fill--complete {
  stroke: #10b981;
}
.op-progress__donut-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.op-progress__donut-label .percent {
  font-size: calc(var(--edc-fs-title) * 19.6 / 18);
  font-weight: 700;
  color: #1f2937;
  line-height: 1;
}
.op-progress__donut-label .label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.52 / 10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--edc-text-muted-words, #6b7280);
  margin-top: 0.25rem;
}
.op-progress__details {
  flex-grow: 1;
}
.op-progress__details h3 {
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0.25rem;
}
.op-progress__details p {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin-bottom: 0;
}
.op-progress__cta {
  flex-shrink: 0;
}

.op-journey {
  background: white;
  border-radius: 1rem;
  padding: 1.75rem 2rem 1.5rem;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.08);
  margin-bottom: 1.5rem;
}
.op-journey__title {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 700;
  margin-bottom: 1.1rem;
}
.op-journey__steps {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.op-journey__line {
  position: absolute;
  top: 28px;
  left: 8.3333333333%;
  right: 8.3333333333%;
  height: 3px;
  background: #e5e7eb;
  z-index: 1;
  border-radius: 999px;
  overflow: hidden;
}
.op-journey__line-fill {
  height: 100%;
  background: #58BC70;
  transition: width 0.8s ease;
  border-radius: 999px;
}
.op-journey__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  text-align: center;
  flex: 1;
  position: relative;
  text-decoration: none;
  color: inherit;
  padding: 0 0.25rem;
}
.op-journey__step-dot {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #f1f4f7;
  border: 4px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  transition: all 0.2s ease;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.08);
}
.op-journey__step-label {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: var(--edc-text-muted-words, #6b7280);
  margin-top: 0.65rem;
  font-weight: 500;
}
.op-journey__step--done .op-journey__step-dot {
  background: #58BC70;
  color: white;
}
.op-journey__step--done .op-journey__step-label {
  color: #173642;
  font-weight: 700;
}
.op-journey__step--current .op-journey__step-dot {
  background: #F5A721;
  color: white;
  box-shadow: 0 0 0 5px rgba(245, 167, 33, 0.22);
}
.op-journey__step--current .op-journey__step-label {
  color: #c47514;
  font-weight: 700;
}
.op-journey__step--linked {
  cursor: pointer;
}
.op-journey__step--linked:hover .op-journey__step-dot {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px -4px rgba(0, 0, 0, 0.18);
}
.op-journey__step--linked:hover .op-journey__step-label {
  color: #173642;
}
.op-journey__step--linked:focus-visible .op-journey__step-dot {
  outline: 3px solid rgba(37, 99, 235, 0.35);
  outline-offset: 3px;
}

.op-tasks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.op-task-card {
  background: white;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.op-task-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.12);
  text-decoration: none;
}
.op-task-card__icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
}
.op-task-card--amber .op-task-card__icon-wrap {
  background: #fef3c7;
  color: #c47514;
}
.op-task-card--green .op-task-card__icon-wrap {
  background: #e8f7eb;
  color: #2f8a47;
}
.op-task-card--red .op-task-card__icon-wrap {
  background: #fee5e6;
  color: #c53037;
}
.op-task-card--navy .op-task-card__icon-wrap {
  background: #e6eef2;
  color: #173642;
}
.op-task-card__title {
  font-size: calc(var(--edc-fs-heading) * 15.68 / 16);
  font-weight: 600;
  color: #173642;
  margin-bottom: 0.4rem;
}
.op-task-card__description {
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: #5f6f78;
  line-height: 1.55;
  margin-bottom: 1rem;
  flex-grow: 1;
}
.op-task-card__meta {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 1rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  color: var(--edc-text-muted-words, #6b7280);
}
.op-task-card__meta .badge {
  font-weight: 500;
  padding: 0.22rem 0.5rem;
}
.op-task-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.op-trainer {
  background: white;
  border-radius: 1rem;
  padding: 1.4rem;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
}
.op-trainer__title {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 600;
  margin-bottom: 1rem;
}
.op-trainer__person {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.op-trainer__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4f46e5 0%, #0891b2 100%);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
}
.op-trainer__name {
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.op-trainer__email {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: var(--edc-text-muted-words, #6b7280);
  text-decoration: none;
}
.op-trainer__caption {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: var(--edc-text-muted-words, #6b7280);
  margin-bottom: 0;
}
.op-trainer__empty {
  text-align: center;
  padding: 0.5rem 0;
}
.op-trainer__empty .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f3e8ff 0%, #dbeafe 100%);
  color: #6366f1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-heading) * 16.8 / 16);
  margin-bottom: 0.5rem;
}
.op-trainer__empty p {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: var(--edc-text-muted-words, #6b7280);
  margin-bottom: 0;
}

.op-tips {
  background: white;
  border-radius: 1rem;
  padding: 1.4rem;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
}
.op-tips__title {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 600;
  margin-bottom: 1rem;
}
.op-tips__item {
  display: flex;
  gap: 0.75rem;
  padding: 0.45rem 0;
}
.op-tips__item .icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #f3f4f6;
  color: #4f46e5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
}
.op-tips__item p {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #4b5563;
  line-height: 1.5;
  margin-bottom: 0;
}

.op-finishline {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-radius: 1rem;
  padding: 1.2rem;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
}
.op-finishline__title {
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  font-weight: 600;
  color: #92400e;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.op-finishline__text {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #78350f;
  line-height: 1.5;
  margin-bottom: 0;
}

.onboarding-portal-footer {
  padding: 2rem 0 !important;
  margin-top: 1.5rem;
  border-top: 1px solid #e5e7eb;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.onboarding-portal-footer__brand {
  font-weight: 600;
  color: #4b5563;
}
.onboarding-portal-footer__tagline {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  color: #9ca3af;
  margin-top: 0.2rem;
}

.op-files {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
  align-items: stretch;
}
@media (max-width: 991px) {
  .op-files {
    grid-template-columns: 1fr;
  }
}

.op-dropzone {
  background: white;
  border: 2px dashed #cbd5e1;
  border-radius: 1rem;
  padding: 3rem 1.75rem;
  text-align: center;
  transition: all 0.2s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 320px;
}
.op-dropzone:hover, .op-dropzone.is-dragover {
  border-color: var(--edc-primary-button-bg-color, #2563eb);
  background: #f1f5f7;
}
.op-dropzone__icon {
  width: 84px;
  height: 84px;
  border-radius: 20px;
  background: #eef2ff;
  color: var(--edc-primary-button-bg-color, #2563eb);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  margin-bottom: 1.1rem;
}
.op-dropzone__title {
  font-size: calc(var(--edc-fs-heading) * 16.8 / 16);
  font-weight: 600;
  color: #173642;
  margin-bottom: 0.35rem;
}
.op-dropzone__caption {
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: var(--edc-text-muted-words, #6b7280);
  margin-bottom: 1.1rem;
}

.op-file-list {
  background: white;
  border-radius: 1rem;
  padding: 1.5rem 1.75rem;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  min-height: 320px;
}
.op-file-list__title {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #5f6f78;
  font-weight: 700;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.op-file-list__count {
  background: #eef2ff;
  color: var(--edc-primary-button-bg-color, #2563eb);
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
}
.op-file-list__empty {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem 1.5rem;
  color: #9ca3af;
}
.op-file-list__empty-icon {
  width: 84px;
  height: 84px;
  border-radius: 20px;
  background: #f1f4f7;
  color: #9ca3af;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  margin-bottom: 1.1rem;
}
.op-file-list__empty-title {
  font-size: calc(var(--edc-fs-heading) * 16.8 / 16);
  font-weight: 600;
  color: var(--edc-text-muted-words, #6b7280);
  margin-bottom: 0.35rem;
}
.op-file-list__empty-caption {
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: #9ca3af;
  margin-bottom: 0;
}
.op-file-list__item {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.6rem 0;
  border-bottom: 1px solid #f3f4f6;
}
.op-file-list__item:last-child {
  border-bottom: 0;
}
.op-file-list__item .icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #f3f4f6;
  color: #5f6f78;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  flex-shrink: 0;
}
.op-file-list__item .name {
  flex-grow: 1;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: #1f2937;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.op-file-list__item .size {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.64 / 11);
  color: #9ca3af;
  white-space: nowrap;
}

.op-brand-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
  .op-brand-grid {
    grid-template-columns: 1fr;
  }
}

.op-brand-fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 1.25rem;
  min-width: 0;
}

.op-brand-legend {
  float: none;
  width: auto;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #475569;
  margin-bottom: 0.65rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #eef2f4;
  display: block;
}

.op-brand-help {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  line-height: 1.5;
  margin-top: 0.3rem;
}
.op-brand-help code {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #173642;
  background: #f1f4f7;
  padding: 0 0.25rem;
  border-radius: 4px;
}

.op-brand-optional,
.op-optional-hint {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #475569;
  background: #eef2f4;
  border-radius: 999px;
  padding: 0.05rem 0.4rem;
  margin-left: 0.35rem;
  vertical-align: middle;
}

.op-brand-color {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.op-brand-color__swatch {
  width: 46px;
  height: 38px;
  padding: 2px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: white;
  cursor: pointer;
  flex-shrink: 0;
}
.op-brand-color__swatch:focus-visible {
  outline: 2px solid #173642;
  outline-offset: 2px;
}

.op-brand-previews {
  position: sticky;
  top: 1rem;
}

.op-brand-preview-status {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  min-height: 1.25rem;
  margin: 0 0 0.35rem;
  padding-left: 0.25rem;
}

.op-brand-preview {
  border: 1px solid #e5e9ee;
  border-radius: 10px;
  overflow: hidden;
  background: white;
}
.op-brand-preview__header {
  background: #173642;
  padding: 1.1rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
}
.op-brand-preview__header--form {
  min-height: 64px;
}
.op-brand-preview__logo {
  max-height: 44px;
  max-width: 78%;
  -o-object-fit: contain;
     object-fit: contain;
}
.op-brand-preview__logo-fallback {
  color: white;
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  text-align: center;
  line-height: 1.25;
}
.op-brand-preview__body {
  padding: 1.1rem 1.25rem;
}
.op-brand-preview__headline {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  margin: 0 0 0.4rem;
  color: #173642;
}
.op-brand-preview__copy {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
  line-height: 1.55;
  margin-bottom: 0.9rem;
}
.op-brand-preview__button {
  display: inline-block;
  background: #173642;
  color: white;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  padding: 0.45rem 1.1rem;
  border-radius: 6px;
}
.op-brand-preview__accent {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  margin: 0.85rem 0 0;
  min-height: 1.1rem;
  word-break: break-all;
}
.op-brand-preview__field-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  color: #475569;
  margin-bottom: 0.2rem;
}
.op-brand-preview__field {
  height: 32px;
  border: 1px solid #d6dce3;
  border-radius: 6px;
  background: #f8fafc;
  margin-bottom: 0.7rem;
}

.op-zones__heading {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: #475569;
  margin: 0 0 0.75rem;
  padding-left: 1.75rem;
}

.op-zones {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 0.85rem;
  margin-bottom: 0.75rem;
}

.op-zones__note {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  text-align: center;
  margin-bottom: 1.5rem;
}

.op-zone {
  margin: 0;
  display: flex;
}
.op-zone__drop {
  flex-grow: 1;
  background: white;
  border: 2px dashed #cbd5e1;
  border-radius: 0.9rem;
  padding: 1.25rem 1rem;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}
.op-zone__drop:hover, .op-zone__drop.is-dragover {
  border-color: var(--edc-primary-button-bg-color, #2563eb);
  background: #f1f5f7;
}
.op-zone__drop:focus-visible {
  outline: 3px solid #173642;
  outline-offset: 2px;
  border-color: #173642;
}
.op-zone__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #eef2ff;
  color: var(--edc-primary-button-bg-color, #2563eb);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  margin-bottom: 0.6rem;
}
.op-zone__title {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #173642;
  margin-bottom: 0.2rem;
}
.op-zone__description {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  line-height: 1.45;
  margin-bottom: 0.6rem;
}
.op-zone__cta {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: var(--edc-primary-button-bg-color, #2563eb);
  margin-top: auto;
}
.op-zone__count {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  color: #1f6b39;
  background: #e8f7eb;
  border-radius: 999px;
  padding: 0.1rem 0.6rem;
}

.op-filegroups {
  padding-top: 0.5rem;
}

.op-filegroup {
  margin-bottom: 1.1rem;
}
.op-filegroup:last-child {
  margin-bottom: 0;
}
.op-filegroup__title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #475569;
  margin: 0 0 0.35rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.op-filegroup__count {
  background: #eef2f4;
  color: #173642;
  border-radius: 999px;
  padding: 0.05rem 0.5rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
}
.op-filegroup__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.op-training-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}
@media (max-width: 991px) {
  .op-training-grid {
    grid-template-columns: 1fr;
  }
}

.op-trainer__title {
  color: #475569;
}
.op-trainer__email {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #1d4ed8;
}
.op-trainer__caption {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
  line-height: 1.55;
}

.op-page-list__meta {
  color: #475569;
}

.op-profile {
  margin-top: 2.25rem;
}
.op-profile__header {
  border-top: 1px solid #eef2f4;
  padding-top: 1.5rem;
  margin-bottom: 1.25rem;
}
.op-profile__title {
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  font-weight: 700;
  color: #173642;
  margin: 0 0 0.35rem;
  padding-left: 1.75rem;
}
.op-profile__sub {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
  line-height: 1.55;
  margin: 0;
  padding-left: 1.75rem;
  max-width: calc(680px + 1.75rem);
}
.op-profile__progress {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475569;
  margin: 0.5rem 0 0;
  padding-left: 1.75rem;
}

.op-profile-field {
  margin-bottom: 1.4rem;
}
.op-profile-field:last-of-type {
  margin-bottom: 0.5rem;
}
.op-profile-field__group {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.op-profile-field__label {
  display: block;
  float: none;
  width: auto;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
  color: #173642;
  margin-bottom: 0.4rem;
  line-height: 1.4;
}
.op-profile-field__help {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  line-height: 1.5;
  margin: -0.15rem 0 0.5rem;
}
.op-profile-field__check {
  margin-bottom: 0.2rem;
}
.op-profile-field__check .form-check-label {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #334155;
}
.op-profile-field__unsupported {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  background: #f8fafc;
  border-left: 3px solid #cbd5e1;
  padding: 0.5rem 0.75rem;
  border-radius: 0 6px 6px 0;
  margin: 0;
}

.op-files-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.5rem;
}
.op-files-cta .btn {
  padding: 0.85rem 2.25rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: var(--edc-fs-body);
  box-shadow: 0 4px 14px -2px rgba(88, 188, 112, 0.42);
}
.op-files-cta .btn:disabled {
  box-shadow: none;
}
.op-files-cta__help {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0;
  text-align: center;
}

.op-handoff-status {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border: 2px solid #10b981;
  border-radius: 1rem;
  padding: 1.25rem;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.op-handoff-status__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: white;
  color: #10b981;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
}
.op-handoff-status__content h4 {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #065f46;
  margin-bottom: 0.2rem;
}
.op-handoff-status__content p {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #047857;
  margin-bottom: 0;
}

.op-handoff-banner {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-radius: 1rem;
  padding: 1.4rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  border: 2px solid #f59e0b;
}
.op-handoff-banner__icon {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: white;
  color: #d97706;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
}
.op-handoff-banner__content {
  flex-grow: 1;
}
.op-handoff-banner__content h3 {
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 700;
  color: #78350f;
  margin-bottom: 0.2rem;
}
.op-handoff-banner__content p {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #92400e;
  margin-bottom: 0.4rem;
}
.op-handoff-banner__content .files {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #78350f;
  font-family: ui-monospace, monospace;
  opacity: 0.85;
}
.op-handoff-banner__cta {
  flex-shrink: 0;
}

.op-message {
  background: white;
  border-radius: 1rem;
  padding: 1.4rem;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
}
.op-message__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.op-message__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--edc-primary-button-bg-color, #2563eb);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  flex-shrink: 0;
}
.op-message__title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #173642;
  margin: 0;
}
.op-message__caption {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: var(--edc-text-muted-words, #6b7280);
  margin-bottom: 0.9rem;
}
.op-message__form {
  margin-bottom: 0.85rem;
}
.op-message__textarea {
  border-radius: 0.65rem;
  resize: vertical;
  min-height: 100px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.op-message__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem;
}
.op-message__empty {
  margin: 0;
  padding: 0.85rem 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #9ca3af;
  text-align: center;
}
.op-message__thread {
  margin-top: 0.85rem;
  border-top: 1px solid #f3f4f6;
  padding-top: 0.85rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  max-height: 360px;
  overflow-y: auto;
}
.op-message__row {
  padding: 0.65rem 0.85rem;
  border-radius: 0.65rem;
  background: #f8fafc;
  border-left: 3px solid #e5e7eb;
}
.op-message__row--staff {
  background: #f1f5f7;
  border-left-color: var(--edc-primary-button-bg-color, #2563eb);
}
.op-message__row-meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #5f6f78;
  margin-bottom: 0.25rem;
}
.op-message__row-when {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  color: #9ca3af;
}
.op-message__row-body {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #1f2937;
  line-height: 1.5;
}
.op-message__row-body p {
  margin: 0 0 0.4rem;
}
.op-message__row-body p:last-child {
  margin: 0;
}

.op-message__subs {
  margin-top: 0.85rem;
  padding: 0.85rem;
  background: #f8fafc;
  border-radius: 0.65rem;
  border: 1px solid #eef2f4;
}

.op-message__subs-title {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #5f6f78;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.op-message__subs-caption {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0 0 0.55rem;
}

.op-message__subs-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.op-message__subs-row {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.32rem 0.65rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #1f2937;
  line-height: 1.2;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.op-message__subs-row:hover {
  border-color: var(--edc-primary-button-bg-color, #2563eb);
}
.op-message__subs-row:has(input:checked) {
  background: rgba(37, 99, 235, 0.08);
  border-color: var(--edc-primary-button-bg-color, #2563eb);
  color: #173642;
  font-weight: 600;
}

.op-message__subs-checkbox {
  margin: 0;
  cursor: pointer;
}

.op-message__subs-name {
  white-space: nowrap;
}

.op-message__subs-you {
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 400;
  margin-left: 0.25rem;
}

.op-message__subs-status {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  margin: 0.5rem 0 0;
  min-height: 1.1rem;
}

.op-message {
  padding: 1.5rem;
}

.op-message__layout {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 2fr;
  gap: 1.5rem;
}
@media (max-width: 991px) {
  .op-message__layout {
    grid-template-columns: 1fr;
  }
}

.op-message__compose-pane {
  display: flex;
  flex-direction: column;
}

.op-message__thread-pane {
  display: flex;
  flex-direction: column;
  border-left: 1px solid #f1f4f7;
  padding-left: 1.5rem;
}
@media (max-width: 991px) {
  .op-message__thread-pane {
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid #f1f4f7;
    padding-top: 1rem;
  }
}

.op-message__thread-title {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 700;
  margin-bottom: 0.85rem;
}

.op-message__thread {
  max-height: none;
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
  gap: 0.65rem;
}

.op-message__empty-state {
  text-align: center;
  padding: 2.5rem 1rem;
  color: #9ca3af;
}
.op-message__empty-state i {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  margin-bottom: 0.5rem;
  display: block;
  opacity: 0.4;
}
.op-message__empty-state p {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

.op-message__subs {
  margin-top: 1rem;
}

.op-message__subs-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
}

.op-message__subs-row {
  display: block;
  margin: 0;
  border: 0;
}

.op-message__subs-rowlabel {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.3rem 0;
  cursor: pointer;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: #5f6f78;
  margin: 0;
  width: 100%;
  background: transparent !important;
  border-radius: 0;
  font-weight: 500;
}
.op-message__subs-rowlabel:hover {
  background: transparent !important;
}
.op-message__subs-rowlabel:has(input:checked) {
  background: transparent !important;
  color: #173642;
  font-weight: 700;
}

.op-message__subs-checkbox {
  margin: 0;
  flex-shrink: 0;
}

.op-message__subs-name {
  flex: 1;
  word-break: break-word;
  line-height: 1.35;
}

.op-page-card {
  background: white;
  border-radius: 1rem;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
  overflow: hidden;
}
.op-page-card__header {
  padding: 1rem 1.75rem;
  border-bottom: 1px solid #f1f4f7;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #173642;
  display: flex;
  align-items: center;
}
.op-page-card__count {
  margin-left: auto;
  background: #eef2f4;
  color: #173642;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
}
.op-page-card__body {
  padding: 1.25rem 1.75rem;
}
.op-page-card--accent-amber {
  border-left: 4px solid #F5A721;
}
.op-page-card--accent-green {
  border-left: 4px solid #58BC70;
}
.op-page-card--accent-navy {
  border-left: 4px solid #173642;
}
.op-page-card--accent-red {
  border-left: 4px solid #ED454C;
}
.op-page-card__empty {
  text-align: center;
  padding: 2rem 1.5rem;
  color: var(--edc-text-muted-words, #6b7280);
}
.op-page-card__empty > i {
  display: block;
  font-size: calc(var(--edc-fs-display) * 24.5 / 24);
  opacity: 0.4;
  margin-bottom: 0.6rem;
}
.op-page-card__empty > p {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.55;
}
.op-page-card__empty--rich {
  padding: 3rem 2rem;
}
.op-page-card__empty--rich .btn {
  margin-top: 1.25rem;
}
.op-page-card__empty-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #c47514;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  margin-bottom: 1rem;
}
.op-page-card__empty-title {
  font-size: calc(var(--edc-fs-heading) * 16.8 / 16);
  font-weight: 700;
  color: #173642;
  margin-bottom: 0.5rem;
}
.op-page-card__empty-text {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #5f6f78;
  line-height: 1.6;
  max-width: 480px;
  margin: 0 auto;
}

.op-page-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.op-page-list__item {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 1.75rem;
  border-bottom: 1px solid #f3f4f6;
}
.op-page-list__item:last-child {
  border-bottom: 0;
}

.op-page-list__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #173642 0%, #246a7d 100%);
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  flex-shrink: 0;
}

.op-page-list__body {
  flex-grow: 1;
  min-width: 0;
}

.op-page-list__name {
  font-weight: 600;
  color: #173642;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.op-page-list__sub {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: var(--edc-text-muted-words, #6b7280);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.op-page-list__meta {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #9ca3af;
  margin-top: 0.15rem;
}

.op-page-list__status {
  flex-shrink: 0;
}

.op-page-header {
  margin: 0 0 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eef2f4;
}
.op-page-header__title {
  font-size: calc(var(--edc-fs-display) * 25.9 / 24);
  font-weight: 700;
  color: #173642;
  margin: 0 0 0.4rem;
  padding-left: 1.75rem;
  letter-spacing: -0.015em;
  line-height: 1.15;
}
.op-page-header__sub {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: var(--edc-text-secondary, #6b7280);
  margin: 0;
  padding-left: 1.75rem;
  line-height: 1.55;
  max-width: calc(680px + 1.75rem);
}

.admin-page-header {
  position: relative;
  margin: 0 0 1.25rem;
  padding: 1.5rem 0 1rem;
  border-bottom: 1px solid #eef2f4;
}
.admin-page-header__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 0.3rem;
  padding-left: 1.875rem;
  letter-spacing: -0.005em;
  line-height: 1.25;
}
.admin-page-header__title > i {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: 1em;
  flex-shrink: 0;
}
.admin-page-header__sub {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #4b5563;
  margin: 0;
  padding-left: 1.875rem;
  line-height: 1.5;
  max-width: calc(820px + 1.875rem);
}
.admin-page-header__stats {
  margin: 0.85rem 0 0;
  padding: 0 1.875rem;
}
.admin-page-header__actions {
  position: absolute;
  right: 0.5rem;
  top: 0.4rem;
  display: flex;
  gap: 0.4rem;
}

.dropdown-config-groups {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  align-items: start;
}

.dropdown-config-group {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.dropdown-config-group__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: #f8fafc;
  border-bottom: 1px solid #eef2f4;
}
.dropdown-config-group__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 7px;
  background: #eef2ff;
  color: #4338ca;
  font-size: var(--edc-fs-secondary);
}
.dropdown-config-group__heading {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2937;
  letter-spacing: -0.005em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-config-group__count {
  flex-shrink: 0;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  color: #475467;
  white-space: nowrap;
}

.dropdown-config-rows {
  list-style: none;
  margin: 0;
  padding: 6px;
}
.dropdown-config-rows li {
  margin: 0;
}

.dropdown-config-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 7px;
  color: #1f2937;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.12s ease, box-shadow 0.12s ease;
}
.dropdown-config-row__name {
  flex: 1;
  min-width: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 500;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-config-row__count {
  flex-shrink: 0;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  color: #475467;
  white-space: nowrap;
}
.dropdown-config-row__chevron {
  flex-shrink: 0;
  font-size: var(--edc-fs-eyebrow);
  color: #98a2b3;
  transition: color 0.12s ease, transform 0.12s ease;
}
.dropdown-config-row:hover, .dropdown-config-row:focus-visible {
  background: #f5f8ff;
  color: #1f2937;
  text-decoration: none;
}
.dropdown-config-row:hover .dropdown-config-row__chevron, .dropdown-config-row:focus-visible .dropdown-config-row__chevron {
  color: var(--edc-primary-button-bg-color, #2563eb);
  transform: translateX(2px);
}
.dropdown-config-row:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.4);
  outline-offset: -1px;
}

.dropdown-config-chips {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .dropdown-config-chips {
    grid-template-columns: 1fr;
  }
}

.dropdown-config-empty {
  margin: 0;
  padding: 0.75rem 0.25rem;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #4b5563;
}

.dropdown-config-toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.75rem;
}

.dropdown-config-chip {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  background: #fff;
  border: 1px solid #e6ebf0;
  border-radius: 8px;
  padding: 0.55rem 0.85rem;
  color: #1f2937;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.dropdown-config-chip:not(.dropdown-config-chip--with-menu)::after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  color: #c7cdd4;
  flex-shrink: 0;
  transition: color 0.15s ease, transform 0.15s ease;
}
.dropdown-config-chip:hover, .dropdown-config-chip:focus-visible {
  border-color: var(--edc-primary-button-bg-color, #2563eb);
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08);
  color: #1f2937;
  text-decoration: none;
  background: #fbfcfd;
}
.dropdown-config-chip:hover:not(.dropdown-config-chip--with-menu)::after, .dropdown-config-chip:focus-visible:not(.dropdown-config-chip--with-menu)::after {
  color: var(--edc-primary-button-bg-color, #2563eb);
  transform: translateX(2px);
}
.dropdown-config-chip:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.35);
  outline-offset: 1px;
}
.dropdown-config-chip--with-menu {
  align-items: stretch;
  padding: 0;
  cursor: default;
}
.dropdown-config-chip--with-menu:hover {
  background: #fff;
}
.dropdown-config-chip__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.55rem 0.5rem 0.55rem 0.85rem;
  color: inherit;
  text-decoration: none;
  border-radius: 8px 0 0 8px;
}
.dropdown-config-chip__body:hover, .dropdown-config-chip__body:focus-visible {
  color: inherit;
  text-decoration: none;
  background: #fbfcfd;
}
.dropdown-config-chip__title {
  color: #1f2937;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-config-chip__subtitle {
  color: #4b5563;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 400;
  margin-top: 0.15rem;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-config-chip__menu {
  display: flex;
  align-items: center;
  border-left: 1px solid #eef2f4;
}
.dropdown-config-chip__menu-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 100%;
  color: var(--edc-text-muted-words, #6b7280);
  text-decoration: none;
  border-radius: 0 8px 8px 0;
  transition: background 0.15s ease, color 0.15s ease;
}
.dropdown-config-chip__menu-trigger:hover, .dropdown-config-chip__menu-trigger:focus-visible {
  background: #f5f7fa;
  color: #1f2937;
  text-decoration: none;
}
.dropdown-config-chip__menu-trigger i {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
}

.setting-type-modal .modal-header {
  padding: 0.85rem 1.25rem;
}
.setting-type-modal .modal-body {
  padding: 1rem 1.25rem 1.25rem;
}
.setting-type-modal .modal-title {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 600;
  color: #173642;
}
.setting-type-modal .modal-title > i {
  color: var(--edc-primary-button-bg-color, #2563eb);
}
.setting-type-modal .setting-type-modal__add-strip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0 0.65rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #f0f3f6;
}
.setting-type-modal .setting-type-modal__add-strip-hint {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0;
}
.setting-type-modal .setting-type-modal__footer-hint {
  margin-top: 0.85rem;
  padding-top: 0.75rem;
  border-top: 1px solid #f0f3f6;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: var(--edc-text-muted-words, #6b7280);
}
.setting-type-modal .setting-type-modal__footer-hint strong {
  color: #4a5664;
  font-weight: 600;
}
.setting-type-modal .setting-type-modal__footer-hint i {
  color: #94a3b8;
}

.op-team-grid {
  display: grid;
  grid-template-columns: minmax(280px, 360px) 1fr;
  gap: 1.25rem;
  align-items: start;
}
@media (max-width: 991px) {
  .op-team-grid {
    grid-template-columns: 1fr;
  }
}

.op-page-list__action {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.op-page-list__action .btn {
  padding: 0.3rem 0.55rem;
  line-height: 1;
}

.op-page-list__status .badge {
  white-space: nowrap;
}

.op-page-card__body .d-grid > .btn {
  width: 100%;
  white-space: normal;
}

.op-page-card__body .form-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #173642;
}

.op-page-card__body .form-control,
.op-page-card__body .form-select {
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.op-modal {
  border-radius: 1rem;
  border: 0;
  box-shadow: 0 20px 50px -15px rgba(15, 31, 41, 0.35);
}
.op-modal .modal-header {
  border-bottom: 1px solid #f1f4f7;
  padding: 1.1rem 1.4rem;
}
.op-modal .modal-title {
  color: #173642;
  font-weight: 700;
  margin: 0;
}
.op-modal .modal-body {
  padding: 1.25rem 1.4rem;
}
.op-modal .modal-body p {
  color: #1f2937;
  line-height: 1.55;
}
.op-modal .modal-body p.text-muted {
  color: var(--edc-text-muted-words, #6b7280) !important;
}
.op-modal .modal-footer {
  border-top: 1px solid #f1f4f7;
  padding: 0.85rem 1.4rem;
  gap: 0.5rem;
}
.op-modal .form-check {
  padding: 0.75rem 0.9rem 0.75rem 2.4rem;
  background: #f8fafc;
  border-radius: 0.65rem;
  margin-bottom: 0;
}
.op-modal .form-check .form-check-label {
  color: #173642;
  cursor: pointer;
}

.op-page-card__form-check {
  padding: 0.65rem 0.85rem 0.65rem 2.3rem;
  background: #f8fafc;
  border-radius: 0.65rem;
}
.op-page-card__form-check .form-check-label {
  color: #173642;
  cursor: pointer;
}

.op-question-card {
  background: white;
  border-radius: 1rem;
  padding: 1.5rem 1.75rem;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
  border-left: 4px solid #F5A721;
  transition: border-color 0.2s ease;
}
.op-question-card--answered {
  border-left-color: #58BC70;
}
.op-question-card__header {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.op-question-card__heading {
  flex-grow: 1;
}
.op-question-card__prompt {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  font-weight: 600;
  color: #173642;
  margin: 0 0 0.35rem;
  line-height: 1.4;
}
.op-question-card__helper {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: var(--edc-text-secondary, #6b7280);
  margin: 0;
  line-height: 1.55;
}
.op-question-card__status {
  flex-shrink: 0;
  background: #e8f7eb;
  color: #1e6b35;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  white-space: nowrap;
}
.op-question-card__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.op-question-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #f1f4f7;
}
.op-question-card__save {
  min-width: 160px;
  font-weight: 600;
}
.op-question-card__saved-when {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: var(--edc-text-secondary, #6b7280);
  min-width: 0;
}

.op-list-builder__rows {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.op-list-builder__row {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.op-list-builder__index {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f1f4f7;
  color: #5f6f78;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
}
.op-list-builder__input {
  flex-grow: 1;
}
.op-list-builder__remove {
  flex-shrink: 0;
  padding: 0.25rem 0.4rem;
  line-height: 1;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
}
.op-list-builder__remove:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.op-list-builder__list-actions {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  flex-wrap: wrap;
  margin-top: 0.9rem;
  padding-left: calc(28px + 0.65rem);
}
.op-list-builder__reset {
  text-decoration: none;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.sb-filter-bar {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin: 0 1.875rem 1.25rem;
  padding: 1rem 1.125rem;
  background: #fafbfc;
  border: 1px solid #eef2f4;
  border-radius: 10px;
}
.sb-filter-bar__field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 160px;
  flex: 0 0 auto;
  position: relative;
}
.sb-filter-bar__field--grow {
  flex: 1 1 220px;
  min-width: 220px;
}
.sb-filter-bar__field label {
  font-size: calc(var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #4b5563;
  margin: 0;
}
.sb-filter-bar__icon {
  position: absolute;
  left: 0.75rem;
  bottom: 0.7rem;
  color: #9ca3af;
  font-size: calc(var(--edc-fs-eyebrow) * 10.92 / 11);
  pointer-events: none;
}
.sb-filter-bar__input {
  padding-left: 2rem;
}
.sb-filter-bar__actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.05rem;
}
.sb-filter-bar__clear {
  color: var(--edc-text-muted-words, #6b7280);
  text-decoration: none;
  font-size: calc(var(--edc-fs-label) * 11.9 / 12);
}
.sb-filter-bar__clear:hover {
  color: #1f2937;
}

.sb-table-wrap {
  margin: 0 1.875rem;
  background: #fff;
  border: 1px solid #e6ebf0;
  border-radius: 10px;
  overflow: hidden;
}

.sb-table {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.sb-table thead {
  background: #f9fafb;
}
.sb-table thead th {
  font-size: calc(var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #4b5563;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e5e7eb;
}
.sb-table tbody td {
  padding: 0.85rem 1rem;
  vertical-align: middle;
  border-top: 1px solid #f0f3f6;
}
.sb-table tbody tr:hover {
  background: #fbfcfd;
}
.sb-table__primary {
  line-height: 1.3;
}
.sb-table__name {
  color: #173642;
  font-weight: 600;
  text-decoration: none;
}
.sb-table__name:hover {
  color: var(--edc-primary-button-bg-color, #2563eb);
  text-decoration: none;
}
.sb-table__sub {
  font-size: calc(var(--edc-fs-eyebrow) * 10.92 / 11);
  color: var(--edc-text-muted-words, #6b7280);
  margin-top: 0.1rem;
  max-width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sb-table__contact, .sb-table__date {
  color: #4b5563;
  font-size: calc(var(--edc-fs-label) * 11.9 / 12);
}
.sb-table__actions {
  display: inline-flex;
  gap: 0.4rem;
}

.sb-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.18rem 0.55rem;
  font-size: calc(var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: 999px;
  background: #f5f7fa;
  color: #4b5563;
  border: 1px solid #e6ebf0;
  line-height: 1.2;
}
.sb-badge--violet {
  background: #f5f3ff;
  color: #6d28d9;
  border-color: #ede9fe;
}
.sb-badge--amber {
  background: #fffbeb;
  color: #b45309;
  border-color: #fde68a;
}
.sb-badge--green {
  background: #ecfdf5;
  color: #047857;
  border-color: #d1fae5;
}
.sb-badge--neutral {
  background: #f3f4f6;
  color: #4b5563;
  border-color: #e5e7eb;
}

.sb-empty-state {
  margin: 1.5rem 1.875rem 0;
  padding: 2.5rem 1.5rem;
  text-align: center;
  background: #fafbfc;
  border: 1px dashed #d1d5db;
  border-radius: 12px;
}
.sb-empty-state__icon {
  font-size: calc(var(--edc-fs-display) * 31.5 / 24);
  color: #9ca3af;
  margin-bottom: 0.75rem;
}
.sb-empty-state__title {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  color: #1f2937;
  margin: 0 0 0.35rem;
}
.sb-empty-state__body {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #4b5563;
  margin: 0;
}

.sb-stepper {
  display: flex;
  gap: 0;
  margin: 0 1.875rem 1.5rem;
  padding: 0;
  list-style: none;
  counter-reset: sb-step;
}
.sb-stepper__item {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 0.5rem;
  border-bottom: 2px solid #e5e7eb;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-label) * 11.9 / 12);
  font-weight: 500;
  transition: color 0.15s ease, border-color 0.15s ease;
  cursor: default;
}
.sb-stepper__item.is-current {
  color: #1f2937;
  border-bottom-color: var(--edc-primary-button-bg-color, #2563eb);
}
.sb-stepper__item.is-current .sb-stepper__dot {
  background: var(--edc-primary-button-bg-color, #2563eb);
  color: #fff;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}
.sb-stepper__item.is-done {
  color: #047857;
  border-bottom-color: #34d399;
  cursor: pointer;
}
.sb-stepper__item.is-done .sb-stepper__dot {
  background: #34d399;
  color: #fff;
}
.sb-stepper__item.is-done .sb-stepper__dot::after {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: calc(var(--edc-fs-fine) * 10.5 / 10);
}
.sb-stepper__item.is-done .sb-stepper__dot {
  font-size: 0;
}
.sb-stepper__dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 50%;
  background: #e5e7eb;
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 700;
  font-size: calc(var(--edc-fs-eyebrow) * 10.92 / 11);
  flex-shrink: 0;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
.sb-stepper__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .sb-stepper__label {
    display: none;
  }
}

.sb-wizard {
  margin: 0 1.875rem;
}
.sb-wizard-error {
  margin: 0 1.875rem 1rem;
}
.sb-wizard__step {
  background: #fff;
  border: 1px solid #e6ebf0;
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
  margin-bottom: 1.5rem;
}
.sb-wizard__heading {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 0.25rem;
}
.sb-wizard__heading--secondary {
  margin-top: 1.5rem;
}
.sb-wizard__subhead {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #4b5563;
  margin: 0 0 1.25rem;
}
.sb-wizard__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #f0f3f6;
}
.sb-wizard__nav > :only-child {
  margin-left: auto;
}

.sb-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.75rem;
  margin: 0 0 1.25rem;
}
.sb-card-grid--two {
  grid-template-columns: repeat(2, minmax(220px, 1fr));
}
.sb-card-grid--four {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
@media (max-width: 575px) {
  .sb-card-grid {
    grid-template-columns: 1fr !important;
  }
}

.sb-card-radio {
  position: relative;
  display: block;
  cursor: pointer;
}
.sb-card-radio__input {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.sb-card-radio__visual {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.9rem 1rem;
  background: #fff;
  border: 1.5px solid #e6ebf0;
  border-radius: 10px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
  height: 100%;
}
.sb-card-radio__icon {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  margin-bottom: 0.2rem;
  transition: color 0.15s ease;
}
.sb-card-radio__title {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.sb-card-radio__body {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #4b5563;
  line-height: 1.4;
}
.sb-card-radio__badge {
  display: inline-block;
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-fine) * 9.1 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: #fef3c7;
  color: #92400e;
}
.sb-card-radio__input:checked + .sb-card-radio__visual {
  border-color: var(--edc-primary-button-bg-color, #2563eb);
  background: #f5f8ff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.sb-card-radio__input:checked + .sb-card-radio__visual .sb-card-radio__icon {
  color: var(--edc-primary-button-bg-color, #2563eb);
}
.sb-card-radio__input:focus-visible + .sb-card-radio__visual {
  outline: 2px solid rgba(37, 99, 235, 0.35);
  outline-offset: 2px;
}
.sb-card-radio__input:disabled + .sb-card-radio__visual {
  opacity: 0.55;
  cursor: not-allowed;
}
.sb-card-radio--disabled {
  cursor: not-allowed;
}

.sb-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 1rem;
}
.sb-field label, .sb-field__label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}
.sb-field__hint {
  font-size: calc(var(--edc-fs-eyebrow) * 10.92 / 11);
  color: var(--edc-text-muted-words, #6b7280);
  line-height: 1.4;
}
.sb-field input[type=text],
.sb-field input[type=email],
.sb-field select,
.sb-field textarea {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #1f2937;
}

.sb-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem;
}
@media (max-width: 575px) {
  .sb-field-row {
    grid-template-columns: 1fr;
  }
}

.sb-inline-radio,
.sb-inline-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #1f2937;
  cursor: pointer;
  padding: 0.25rem 0;
}

.sb-advanced {
  margin: 0.5rem 0 1rem;
  border: 1px solid #eef2f4;
  border-radius: 8px;
  background: #fafbfc;
}
.sb-advanced__summary {
  cursor: pointer;
  padding: 0.55rem 0.85rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 600;
  color: #4b5563;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.sb-advanced__summary::-webkit-details-marker {
  display: none;
}
.sb-advanced__summary::before {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: calc(var(--edc-fs-fine) * 9.8 / 10);
  color: #94a3b8;
  transition: transform 0.15s ease;
}
.sb-advanced[open] .sb-advanced__summary::before {
  transform: rotate(90deg);
}
.sb-advanced__body {
  padding: 0.85rem 0.85rem 0.5rem;
  border-top: 1px solid #eef2f4;
  background: #fff;
  border-radius: 0 0 8px 8px;
}

.sb-review {
  margin: 0;
  display: grid;
  gap: 0.5rem;
}
.sb-review__row {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 1rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f0f3f6;
}
.sb-review__row:last-child {
  border-bottom: none;
}
.sb-review__row dt {
  font-size: calc(var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #4b5563;
  margin: 0;
}
.sb-review__row dd {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #1f2937;
  margin: 0;
}

.sb-success-banner {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin: 0 1.875rem 1.5rem;
  padding: 1.25rem 1.5rem;
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
  border: 1px solid #a7f3d0;
  border-radius: 12px;
}
.sb-success-banner__icon {
  color: #059669;
  font-size: calc(var(--edc-fs-display) * 24.5 / 24);
  flex-shrink: 0;
  line-height: 1;
  padding-top: 0.15rem;
}
.sb-success-banner__body {
  flex: 1;
}
.sb-success-banner__title {
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 600;
  color: #064e3b;
  margin: 0 0 0.25rem;
}
.sb-success-banner__sub {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #065f46;
  margin: 0 0 1rem;
}

.sb-credentials {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: #fff;
  border: 1px solid #d1fae5;
  border-radius: 8px;
  padding: 0.85rem 1rem;
}
.sb-credentials__row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.sb-credentials__label {
  font-size: calc(var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 600;
  color: #4b5563;
  min-width: 110px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.sb-credentials__value {
  font-family: "SF Mono", "Monaco", "Menlo", monospace;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #1f2937;
  background: #f9fafb;
  padding: 0.3rem 0.6rem;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}

.sb-copy--done {
  color: #059669;
  border-color: #a7f3d0;
}

.sb-detail {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  margin: 0 1.875rem 2rem;
}

.sb-detail__group {
  background: #fff;
  border: 1px solid #e6ebf0;
  border-radius: 10px;
  padding: 1.25rem 1.35rem;
}

.sb-detail__heading {
  font-size: calc(var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #4b5563;
  margin: 0 0 0.85rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid #eef2f4;
}

.sb-detail__dl {
  margin: 0;
}

.sb-detail__row {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 0.85rem;
  padding: 0.4rem 0;
}
.sb-detail__row dt {
  font-size: calc(var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 600;
  color: #4b5563;
  margin: 0;
}
.sb-detail__row dd {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #1f2937;
  margin: 0;
}
.sb-detail__row dd code {
  background: #f9fafb;
  padding: 0.1rem 0.4rem;
  border-radius: 4px;
  font-size: calc(var(--edc-fs-label) * 11.9 / 12);
  color: #1f2937;
}

.sb-detail__meta {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-eyebrow) * 10.92 / 11);
  margin-left: 0.25rem;
}

.site-menu-sandbox-banner {
  pointer-events: none;
}

.import-map-step {
  padding: 24px;
  border: 1px solid #eef2f7;
  border-radius: 20px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.04);
  background: #ffffff;
}
.import-map-step__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.import-map-step__heading {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0f172a;
  margin: 0;
  outline: none;
}
.import-map-step__subhead {
  margin: 4px 0 0;
  color: #475569;
  font-size: var(--edc-fs-body);
}

.import-lens-toggle {
  flex: 0 0 auto;
}
.import-lens-toggle .btn {
  border-radius: 999px;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
  padding: 7px 16px;
  border-color: #eef2f7;
  color: #475569;
  background: #fff;
}
.import-lens-toggle .btn.active {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
  box-shadow: 0 1px 2px rgba(37, 99, 235, 0.3);
}
.import-lens-toggle .btn:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.import-lens-toggle .btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.import-lens-toggle .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ez {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ez-ink-good {
  color: #16a34a;
}
.ez-ink-warn {
  color: #d97706;
}
.ez-ink-bad {
  color: #dc2626;
}
.ez-ink-faint {
  color: #94a3b8;
}

.ez-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border: 1px solid #eef2f7;
  border-radius: 12px;
  background: #fff;
}
.ez-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  flex-wrap: wrap;
}
.ez-card__icon {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #dbeafe;
  color: #2563eb;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}
.ez-card__body {
  flex: 1 1 auto;
  min-width: 0;
}
.ez-card__title {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}
.ez-card__title--sm {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}
.ez-card__sub {
  margin: 4px 0 0;
  color: #475569;
  font-size: var(--edc-fs-body);
}
.ez-card--recognized {
  background: linear-gradient(180deg, #fff, #dbeafe 280%);
  border-color: rgb(177.1428571429, 199.2857142857, 247.8571428571);
}
.ez-card--declared {
  background: linear-gradient(180deg, #fff, #dcfce7 320%);
  border-color: rgb(121.4281081081, 236.9718918919, 164.04);
}
.ez-card--declared .ez-card__icon i {
  color: rgb(18.3610810811, 136.0389189189, 61.76);
}
.ez-card--matched {
  flex-direction: column;
  align-items: stretch;
}
.ez-card--skipped {
  background: #f8fafc;
}
.ez-card--blocked {
  background: #fee2e2;
  border-color: rgb(241.25, 169.75, 169.75);
}

.ez-recognized__template {
  color: #2563eb;
  font-weight: 800;
}

.ez-chip {
  flex: 0 0 auto;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ez-chip--good {
  background: #dcfce7;
  color: rgb(17.1481081081, 127.0518918919, 57.68);
}
.ez-chip--warn {
  background: #fef3c7;
  color: rgb(192.1860986547, 105.3923766816, 5.3139013453);
}
.ez-chip--faint {
  background: #eef2f7;
  color: #475569;
}

.ez-link {
  background: none;
  border: 0;
  color: #2563eb;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
  padding: 0;
  cursor: pointer;
}
.ez-link:hover {
  text-decoration: underline;
}
.ez-link:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.ez-matched-list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 8px 18px;
}

.ez-matched-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.ez-matched-item .ez-matched-src {
  background: #f8fafc;
  padding: 2px 7px;
  border-radius: 6px;
  color: #0f172a;
}
.ez-matched-item .ez-matched-arrow {
  color: #94a3b8;
  font-size: var(--edc-fs-eyebrow);
}
.ez-matched-item .ez-matched-target {
  font-weight: 600;
  color: #0f172a;
}

.ez-questions {
  padding: 24px;
  border: 1px solid rgb(251.669058296, 197.26367713, 134.530941704);
  border-radius: 12px;
  background: rgb(254.3578947368, 247.2947368421, 219.0421052632);
}
.ez-questions__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}
.ez-questions__sub {
  margin: 4px 0 14px;
  color: #475569;
  font-size: var(--edc-fs-secondary);
}

.ez-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 10px;
}
.ez-q + .ez-q {
  margin-top: 10px;
}
.ez-q__prompt {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #0f172a;
}
.ez-q__prompt code {
  background: #f8fafc;
  padding: 2px 6px;
  border-radius: 5px;
}
.ez-q__sample {
  margin: 4px 0 0;
  font-size: var(--edc-fs-label);
  color: #94a3b8;
}
.ez-q__actions {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
}
.ez-q__done {
  color: #16a34a;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
}
.ez-q--resolved {
  background: #dcfce7;
  border-color: rgb(125.9216216216, 237.5783783784, 167.1);
}

.ez-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 8px;
  flex-wrap: wrap;
}
.ez-actions__primary {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}

.ez-impact {
  margin: 0;
  color: #475569;
  font-size: var(--edc-fs-secondary);
}

.ez-import-btn {
  border-radius: 999px;
  padding: 12px 28px;
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25);
}
.ez-import-btn:disabled {
  box-shadow: none;
}

.import-col-inspector .ci-section {
  margin-bottom: 20px;
}
.import-col-inspector .ci-label {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: 6px;
}
.import-col-inspector .ci-source {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  background: #f8fafc;
  padding: 4px 10px;
  border-radius: 6px;
  color: #0f172a;
}
.import-col-inspector .ci-samples {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.import-col-inspector .ci-samples li {
  background: #f8fafc;
  border: 1px solid #eef2f7;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.import-col-inspector .ci-samples--empty {
  color: #94a3b8;
  font-style: italic;
}
.import-col-inspector .ci-suggestion__row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.import-col-inspector .ci-basis {
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

@media (max-width: 640px) {
  .import-map-step__header {
    flex-direction: column;
  }
  .import-lens-toggle {
    width: 100%;
  }
  .import-lens-toggle .btn {
    flex: 1;
  }
  .ez-actions__primary {
    width: 100%;
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
.import-wizard-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.import-wizard-head .import-stepper {
  flex: 1 1 auto;
  margin: 0;
}
.import-wizard-head .import-lens-toggle {
  flex: 0 0 auto;
}

@media (max-width: 700px) {
  .import-wizard-head {
    flex-direction: column;
    align-items: stretch;
  }
  .import-wizard-head .import-lens-toggle {
    align-self: flex-end;
  }
}
.dedup-preview {
  padding: 24px;
  border: 1px solid #eef2f7;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.04);
  margin-bottom: 20px;
}
.dedup-preview__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 4px;
}
.dedup-preview__headline {
  margin: 0 0 12px;
  color: #475569;
  font-size: var(--edc-fs-body);
}
.dedup-preview__list {
  margin-top: 14px;
}
.dedup-preview__table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
}
.dedup-preview__table th {
  text-align: left;
  color: #94a3b8;
  font-weight: 700;
  font-size: var(--edc-fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 6px 10px;
  border-bottom: 1px solid #eef2f7;
}
.dedup-preview__table td {
  padding: 8px 10px;
  border-bottom: 1px solid #eef2f7;
  color: #0f172a;
}
.dedup-preview__note {
  margin-top: 12px;
  font-size: var(--edc-fs-label);
}

.dedup-band {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
}
.dedup-band.dedup-band--high {
  background: #dcfce7;
  color: rgb(17.1481081081, 127.0518918919, 57.68);
}
.dedup-band.dedup-band--med {
  background: #dbeafe;
  color: rgb(19.4285714286, 79.6571428571, 211.7714285714);
}
.dedup-band.dedup-band--low {
  background: #fef3c7;
  color: rgb(192.1860986547, 105.3923766816, 5.3139013453);
}

/* ════════════════════════════════════════════════════════════════
   Import Workspace (imw-) — import-specific CONTENT styles only.
   The chrome (header / rail / main / inspector drawer / grid) moved
   to the generic Workspace shell: see workspace.scss +
   app/views/shared/workspace/_shell.html.erb.
   ════════════════════════════════════════════════════════════════ */
/* ── DIRECTIONAL STEP BUTTONS ──────────────────────────────────────
   The importer is a walk through five named steps, so "where do I go
   next?" and "how do I get back?" are the two questions every step has
   to answer without being read. One component answers them everywhere:

     forward — the loudest thing on the step. Filled, 14px/600, with a
               right chevron, and it CARRIES THE NEXT STEP'S NAME
               ("Continue to Clean data") so the destination is stated
               rather than implied by an arrow.
     back    — unmistakably the other direction: white ground, left
               chevron, quieter weight. It can never be mistaken for the
               forward act, which was the whole complaint.

   Shape, not colour alone: the chevron side is the direction, the fill
   is only emphasis. Both variants keep a real focus ring because the
   app's own .btn has none.

   Lives here (not in the prep flow's inline <style>) because the
   workspace shell's own "Back to Import Data" is rendered outside that
   partial and must be the same object. */
.imw-dirbtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1.25;
  padding: 9px 16px;
  border-radius: 8px;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.imw-dirbtn:hover {
  text-decoration: none;
}
.imw-dirbtn:focus, .imw-dirbtn:focus-visible {
  outline: 2px solid #2f6feb;
  outline-offset: 2px;
}
.imw-dirbtn .imw-dirbtn__chev {
  flex: 0 0 auto;
}

.imw-dirbtn--forward {
  background: #1d4ed8;
  border-color: #1a45bd;
  color: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.1);
}
.imw-dirbtn--forward:hover, .imw-dirbtn--forward:focus {
  background: #1a45bd;
  color: #fff;
}
.imw-dirbtn--forward {
  /* REFUSED, and still readable. White on #93a8dd measured 2.36:1 — and these
     buttons are focusable and answer a click (they flash their reason), so the
     "inactive component" exemption does not apply to them. A pale ground with
     dark ink instead: unmistakably not the live button, and 7:1 to read. */
}
.imw-dirbtn--forward[disabled], .imw-dirbtn--forward[aria-disabled=true] {
  background: #dfe6f6;
  border-color: #b4c3e6;
  color: #2c3f70;
  cursor: default;
  box-shadow: none;
}
.imw-dirbtn--forward[disabled]:hover, .imw-dirbtn--forward[disabled]:focus, .imw-dirbtn--forward[aria-disabled=true]:hover, .imw-dirbtn--forward[aria-disabled=true]:focus {
  background: #d5deef;
  color: #2c3f70;
}

/* ── THE WAY ON IS GREEN, AND IT ONLY MOVES WHEN IT CAN DELIVER ──────
   A step move that is available is GO: two shades of green left-to-right
   (both measured against white text — #067647 is 5.7:1, #08804d is 4.99:1,
   so the label passes AA at every point of the ramp) and a three-chevron
   trail that pulses rightward. The pulse STARTS AT THE MOMENT THE GATE
   OPENS, which is the whole signal: nothing on this control moves while it
   is refused, so motion means "your move" rather than decoration.

   The DOM is identical in both states — same three chevrons, same padding —
   so the button's rectangle cannot change when the gate opens. Only colour
   and motion differ. (The defect this kills: a forward control that lived
   mid-page beside its reason while refused and jumped to the corner once
   enabled.)

   Deliberately quiet: 2.4s cycle, opacity only, no transform, nothing that
   reflows — a shimmer that survives the tenth viewing rather than a banner. */
.imw-dirbtn--go .imw-dirbtn__trail {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.imw-dirbtn--go .imw-dirbtn__chev {
  display: block;
}
.imw-dirbtn--go {
  /* The chevrons overlap into one trail rather than reading as three arrows. */
}
.imw-dirbtn--go .imw-dirbtn__chev + .imw-dirbtn__chev {
  margin-left: -5px;
}
.imw-dirbtn--go:not([aria-disabled=true]) {
  background: linear-gradient(90deg, #067647 0%, #08804d 100%);
  border-color: #05603a;
  color: #fff;
}
.imw-dirbtn--go:not([aria-disabled=true]):hover, .imw-dirbtn--go:not([aria-disabled=true]):focus {
  background: linear-gradient(90deg, #05603a 0%, #067647 100%);
  color: #fff;
}
.imw-dirbtn--go:not([aria-disabled=true]) .imw-dirbtn__chev {
  opacity: 0.5;
  animation: imw-go-trail 2.4s ease-in-out infinite;
}
.imw-dirbtn--go:not([aria-disabled=true]) .imw-dirbtn__chev:nth-child(2) {
  animation-delay: 0.18s;
}
.imw-dirbtn--go:not([aria-disabled=true]) .imw-dirbtn__chev:nth-child(3) {
  animation-delay: 0.36s;
}
.imw-dirbtn--go {
  /* Refused: the pale ground and dark ink measured at 7:1, and a trail that
     is legible but still — the two shades here are ink opacity, not green. */
}
.imw-dirbtn--go[aria-disabled=true] .imw-dirbtn__chev {
  animation: none;
  opacity: 0.4;
}
.imw-dirbtn--go[aria-disabled=true] .imw-dirbtn__chev:nth-child(2) {
  opacity: 0.62;
}
.imw-dirbtn--go[aria-disabled=true] .imw-dirbtn__chev:nth-child(3) {
  opacity: 0.9;
}

@keyframes imw-go-trail {
  0%, 100% {
    opacity: 0.5;
  }
  40% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
}
/* Motion off, meaning kept: the trail stays two-tone so the direction still
   reads, it simply does not travel. */
@media (prefers-reduced-motion: reduce) {
  .imw-dirbtn--go:not([aria-disabled=true]) .imw-dirbtn__chev {
    animation: none;
    opacity: 0.5;
  }
  .imw-dirbtn--go:not([aria-disabled=true]) .imw-dirbtn__chev:nth-child(2) {
    opacity: 0.72;
  }
  .imw-dirbtn--go:not([aria-disabled=true]) .imw-dirbtn__chev:nth-child(3) {
    opacity: 1;
  }
}
.imw-dirbtn--back {
  background: #fff;
  border-color: #b9c0cb;
  color: #344054;
  font-weight: 500;
}
.imw-dirbtn--back:hover, .imw-dirbtn--back:focus {
  background: #f4f6fa;
  color: #101828;
  border-color: #98a2b3;
}

/* LEAVING the workspace, as against going back one step. Same family, quieter
   ground and a door glyph, because the two sat side by side looking identical
   and one of them abandons the step you are on. */
.imw-dirbtn--exit {
  background: #f4f6fa;
  border-color: #c3cad4;
  color: #475467;
}
.imw-dirbtn--exit:hover, .imw-dirbtn--exit:focus {
  background: #e9edf4;
  color: #101828;
}

/* A step's navigation row. `--split` puts back on the left and forward on
   the right, which is the reading order of the direction itself. */
.imw-stepnav {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* The reason a forward control cannot deliver, on the page rather than in a
   tooltip — 13px at neutral-600, because it is the sentence that tells the
   user what to do instead. */
.imw-stepnav__note {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  max-width: 46ch;
  border-radius: 4px;
  transition: background-color 0.2s, color 0.2s;
  /* Where the eye is sent when someone clicks the refused control. */
}
.imw-stepnav__note.is-flash {
  background: #fef3c7;
  color: #92400e;
  font-weight: 600;
}

.imw-stepnav--split {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.imw-stepnav__spacer {
  flex: 1 1 auto;
}

/* ── THE FORWARD ACT IN THE WORKSPACE HEADER ─────────────────────────
   The forward control has ONE home: the top-right corner of the header, on
   the same baseline as the way out. Its reason for refusing therefore cannot
   sit BESIDE it (there is no beside up there), so it sits UNDER it — in a
   column, in flow, which grows the header downward.

   Why in flow rather than floating: an overlay would paint over the top of
   the step's own copy, and on Preparation the refusal is the opening state of
   every file, so that overlay would be there every time. Growing the bar
   costs nine pixels of page and covers nothing.

   The invariant this delivers: because the header is top-aligned and every
   region carries the same 38px floor, the button's getBoundingClientRect is
   IDENTICAL refused vs live — measured, not asserted. */
.workspace-header__forward .imw-stepnav {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 7px;
  flex-wrap: nowrap;
}
.workspace-header__forward .imw-stepnav__note {
  max-width: min(46ch, 44vw);
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-left: 4px solid #d97706;
  border-radius: 8px;
  padding: 8px 11px;
  color: #713f12;
  text-align: left;
  line-height: 1.4;
}
.workspace-header__forward .imw-stepnav__note.is-flash {
  background: #fef3c7;
  color: #7c2d12;
}

/* News that had to survive a reload (the analysis poller's "your file is
   ready"), and a poller that has stopped getting answers. Both are silent
   until they have something true to say — an empty announcement region must
   not leave a gap in the layout. */
.imw-workspace-notice {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #065f46;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 8px;
  padding: 8px 12px;
  margin: 0 0 12px;
  max-width: 74ch;
}
.imw-workspace-notice:empty {
  display: none;
}

.imw-rail__stall {
  display: block;
  font-size: var(--edc-fs-label);
  line-height: 1.4;
  color: #92400e;
  margin-top: 4px;
}
.imw-rail__stall:empty {
  display: none;
}
.imw-rail__stall.is-bad {
  color: #991b1b;
  font-weight: 600;
}

.imw-notes {
  background: #fffbeb;
  border-bottom: 1px solid #fde68a;
  padding: 14px 20px;
}
.imw-notes p {
  margin-bottom: 4px;
}

.imw-notes__heading {
  font-size: var(--edc-fs-label);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #92400e;
  margin: 0 0 6px;
  font-weight: 700;
}

.imw-rail__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.imw-rail__item {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid transparent;
}
.imw-rail__item.is-selected {
  background: #eef2ff;
  border-color: #c7d2fe;
}

.imw-rail__link {
  display: block;
  text-decoration: none;
  color: #1f2937;
}
.imw-rail__link:hover, .imw-rail__link:focus {
  color: #111827;
  text-decoration: none;
}
.imw-rail__link:hover .imw-rail__name, .imw-rail__link:focus .imw-rail__name {
  text-decoration: underline;
}

.imw-rail__name {
  display: block;
  font-weight: 600;
  font-size: var(--edc-fs-body);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.imw-attention-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d97706;
  margin-left: 6px;
  vertical-align: middle;
}

/* Per-file step plan (computed by Import::StepPlanner) */
.imw-rail__steps {
  margin-top: 6px;
}

.imw-rail__steps-summary {
  cursor: pointer;
  font-size: var(--edc-fs-label);
  color: #4b5563;
}
.imw-rail__steps-summary:hover {
  color: #111827;
}

.imw-step-list {
  list-style: none;
  margin: 8px 0 2px;
  padding: 0 0 0 4px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.imw-step {
  position: relative;
  padding-left: 18px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #374151;
}
.imw-step::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 5px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #d1d5db; /* todo */
}
.imw-step--done::before {
  background: #16a34a;
}
.imw-step--current::before {
  background: #2563eb;
}
.imw-step--attention::before {
  background: #d97706;
}
.imw-step--blocked::before {
  background: #6b7280;
  box-shadow: inset 0 0 0 2px #fff;
  border: 1px solid #6b7280;
}

.imw-step--current .imw-step__title {
  font-weight: 600;
  color: #1d4ed8;
}

.imw-step--attention .imw-step__title {
  font-weight: 600;
  color: #92400e;
}

/* Legibility floor: these chips carry the only state a rail item states, so
   they sit at neutral-600 rather than neutral-500. */
.imw-step__prov {
  display: block;
  color: #475467;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  margin-top: 1px;
}

/* Two-phase grouping (presentation only): Prepare (working the file) vs Import
   (the deliberate commit). Headings are quiet uppercase labels; the assurance
   line reassures at the legibility floor (>=13px, AA-muted #475467). Import
   reads as a distinct, deliberate act — heavier weight, not alarming. */
.imw-phase {
  margin-top: 10px;
}

.imw-phase:first-of-type {
  margin-top: 4px;
}

.imw-phase__heading {
  margin: 0;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
}

.imw-phase__heading--import {
  color: #1d4ed8;
}

.imw-phase__assurance {
  margin: 2px 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.35;
  color: #475467;
}

.imw-phase--import {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #e5e7eb;
}

/* The single Import step reads a touch heavier — the deliberate act. */
.imw-step-list--import .imw-step__title {
  font-weight: 600;
}

.imw-phase--readonly .imw-phase__heading--import {
  color: #475467;
}

/* Full-step navigation: every step is a clickable link (mechanical ones too);
   a stale downstream sign-off flips green → amber "re-run needed" (word +
   colour, never colour-only). */
.imw-step__link {
  color: #1d4ed8;
  text-decoration: none;
}
.imw-step__link:hover, .imw-step__link:focus-visible {
  text-decoration: underline;
}

.imw-step--stale::before {
  background: #d97706;
  box-shadow: 0 0 0 2px #fde68a;
}

.imw-step--stale .imw-step__title {
  color: #92400e;
}

.imw-step__stale {
  display: inline-block;
  margin-left: 6px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #92400e;
}

.imw-step__stale-flag {
  color: #92400e;
  font-weight: 600;
}

.imw-step__rerun {
  display: inline-block;
  margin: 3px 0 0;
  padding: 1px 8px;
  font-size: var(--edc-fs-eyebrow);
}

.imw-rail__badge--stale {
  background: #fef3c7;
  border-color: #fcd34d;
  color: #92400e;
}

/* Read-only step list under a selected finalized file (provenance links) */
.imw-step-list--readonly {
  margin: 6px 0 2px;
  padding: 6px 0 0 8px;
  border-top: 1px dashed #e5e7eb;
}
.imw-step-list--readonly .imw-step {
  color: var(--edc-text-muted-words, #6b7280);
}

/* Read-only provenance surfaces (Upload / Stage / Map after finalize) */
.imw-provenance {
  max-width: 720px;
}

.imw-provenance__head {
  margin-bottom: 16px;
}

.imw-provenance__title {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  margin: 0 0 4px;
}

.imw-provenance__sub {
  font-size: var(--edc-fs-secondary);
  margin: 0;
}

.imw-provenance__subhead {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  margin: 16px 0 6px;
  color: #374151;
}

.imw-provenance__grid {
  margin: 0;
}

.imw-provenance__row {
  display: flex;
  gap: 16px;
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
}
.imw-provenance__row dt {
  flex: 0 0 150px;
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 500;
  margin: 0;
}
.imw-provenance__row dd {
  margin: 0;
  color: #111827;
}

.imw-provenance__empty {
  padding: 12px 0;
}

.imw-provenance__chips {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
}

.imw-provenance__chip {
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  color: #3730a3;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: var(--edc-fs-label);
}

.imw-provenance__map {
  margin-top: 8px;
}

/* The quiet "finalized — view only; Undo to change" banner on read-only steps */
.imw-readonly-note {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 16px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #475569;
}

/* Stale re-run panel on the Stage step surface */
.imw-stale-panel {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 10px;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  color: #78350f;
}

.imw-stale-panel__head {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  margin-bottom: 4px;
}

.imw-stale-panel__body {
  font-size: var(--edc-fs-secondary);
  margin: 0 0 10px;
}

.imw-stale-panel__status {
  font-size: var(--edc-fs-label);
  margin: 6px 0 0;
}

.imw-rail__sub {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
}

/* The file card's only state line ("Not labelled yet") — neutral-600, not
   neutral-500: it is information, not a placeholder. */
.imw-rail__template {
  color: #475467;
  font-size: var(--edc-fs-label);
}

.imw-rail__badge {
  font-size: var(--edc-fs-eyebrow);
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  color: #374151;
  border-radius: 999px;
  padding: 1px 9px;
  white-space: nowrap;
}

.imw-rail__item.is-selected .imw-rail__badge {
  background: #e0e7ff;
  border-color: #c7d2fe;
  color: #3730a3;
}

/* Resume-batches panel on the /imports landing */
.imw-batch-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.imw-batch-list--breadcrumb {
  background: #f8f9fc;
  border-bottom: 1px solid #eaecf0;
}

.imw-batch-list--breadcrumb .imw-batch-row {
  border-bottom: 0;
}

.imw-batch-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
  border-bottom: 1px solid #f1f3f5;
}
.imw-batch-row:last-child {
  border-bottom: 0;
}

.imw-batch-row__body {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.imw-batch-row__name {
  font-weight: 600;
  color: #111827;
}

/* Row sub-lines carry .text-muted .small in the markup — 12.25px light gray,
   under the legibility floor. Overridden here to 13px at a readable weight so
   the file list and the date/count read as information, not decoration. */
.imw-batch-row__files {
  font-size: var(--edc-fs-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.imw-batch-row__meta {
  white-space: nowrap;
  font-size: var(--edc-fs-secondary);
}

.imw-batch-row__files.text-muted,
.imw-batch-row__meta.text-muted {
  color: #475467 !important;
}

/* Whole-row-as-link — one quiet target instead of a column of heavy blue
   buttons. The anchor carries the row content + a chevron affordance; the
   list item is only padding when a secondary button sits beside the link. */
.imw-batch-row--link {
  padding: 0;
  gap: 0;
}

.imw-batch-row__link {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
  color: inherit;
  text-decoration: none;
  transition: background-color 0.12s ease;
}

.imw-batch-row__link:hover,
.imw-batch-row__link:focus-visible {
  background: #f8fafc;
  text-decoration: none;
  color: inherit;
}

.imw-batch-row__link:focus-visible {
  outline: 2px solid #4338ca;
  outline-offset: -2px;
}

.imw-batch-row__link:hover .imw-batch-row__name {
  color: #4338ca;
}

.imw-batch-row__chevron {
  color: #94a3b8;
  font-size: var(--edc-fs-secondary);
  flex: 0 0 auto;
}

.imw-batch-row--link .imw-batch-row__actions {
  padding-right: 20px;
  flex: 0 0 auto;
}

/* Module tag chips on upload rows (files often hold a MIX of modules).
   Layout law: line 1 = template + confidence (nowrap), line 2 = chips
   in one wrapping ROW + Edit tags. Chips never wrap internally. */
.import-upload-row__template {
  display: flex !important;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  min-width: 250px;
}

.import-upload-row__template-status {
  white-space: nowrap;
}

.import-upload-row__tagsrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 4px;
  max-width: 420px;
}

.import-upload-row__tags {
  display: contents;
}

.import-tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  line-height: 1;
  color: #3730a3;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  border-radius: 999px;
  padding: 3px 8px;
  white-space: nowrap;
}

.import-tag-chip__remove {
  border: 0;
  background: transparent;
  padding: 0 0 0 2px;
  color: #6366f1;
  cursor: pointer;
  font-size: var(--edc-fs-eyebrow);
  line-height: 1;
}
.import-tag-chip__remove:hover, .import-tag-chip__remove:focus {
  color: #312e81;
}

.import-tag-chip--compact {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  padding: 1px 7px;
  color: #4b5563;
  background: #f3f4f6;
  border-color: #e5e7eb;
}

.import-tag-chip__picker {
  display: inline-block;
  width: auto;
  min-width: 120px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.import-tag-chip__done {
  padding: 0 4px;
  font-size: var(--edc-fs-label);
  text-decoration: none;
}

/* Workspace rail: module tracks under a file */
.imw-track-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0 0 0 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.imw-track {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #374151;
  text-decoration: none;
  padding: 5px 8px;
  border-radius: 6px;
  border: 1px solid transparent;
}
.imw-track span:first-of-type {
  flex: 1;
  text-align: left;
}
.imw-track:hover, .imw-track:focus {
  background: #f3f4f6;
  color: #111827;
  text-decoration: none;
}
.imw-track.is-selected {
  background: #e0e7ff;
  border-color: #c7d2fe;
  color: #3730a3;
}

/* Collapsed rail cards: calm rows; only the selected card expands. */
.imw-rail__item:not(.is-selected):hover {
  background: #f9fafb;
}
.imw-rail__item:not(.is-selected) .imw-rail__link {
  padding: 1px 0;
}

.imw-track-starts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}
.imw-track-starts .imw-track-start-form {
  display: inline-flex;
  margin: 0;
}

.imw-track-start {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: var(--edc-fs-eyebrow);
  line-height: 1;
  color: #4b5563;
  background: #fff;
  border: 1px dashed #d1d5db;
  border-radius: 999px;
  padding: 3px 8px;
  cursor: pointer;
}
.imw-track-start:hover, .imw-track-start:focus {
  color: #111827;
  border-color: #9ca3af;
  background: #f9fafb;
}

/* Programmatic focus targets — the wizard focuses each step's heading
   (showStep → querySelector('h4').focus()) for screen-reader context,
   and the workspace skip-link targets #workspace-main. These are
   block-level, full-width, and never Tab-reachable (tabindex="-1"), so
   the default focus outline draws as a giant mystery box around the
   heading. Suppress it everywhere a step heading can be focused;
   interactive elements keep their focus rings untouched. */
#import-file-tab h4[tabindex="-1"]:focus,
#import-file-tab h5[tabindex="-1"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* (.workspace-main heading + #workspace-main suppression lives in
   workspace.scss with the rest of the generic shell chrome.) */
.imw-rail__batchsteps {
  margin-top: 18px;
  border-top: 1px solid #e5e7eb;
  padding-top: 14px;
}

.imw-step__link {
  color: inherit;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.imw-step__link:hover, .imw-step__link:focus {
  color: #1d4ed8;
}

/* Associations step (track + batch) */
.imw-assoc {
  max-width: 980px;
}

.imw-assoc__head {
  margin-bottom: 14px;
}

.imw-assoc__title {
  font-size: calc(var(--edc-fs-title) * 19 / 18);
  font-weight: 600;
  color: #111827;
  margin: 0 0 6px;
}

.imw-assoc__status {
  min-height: 20px;
  font-size: var(--edc-fs-secondary);
  color: #166534;
  font-weight: 600;
}

.imw-assoc__note {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #92400e;
}

.imw-assoc__group {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px 18px;
  margin-bottom: 16px;
}

.imw-assoc__group-title {
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  font-weight: 700;
  color: #111827;
  margin: 0 0 10px;
}

.imw-assoc__count {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 600;
  color: #4b5563;
  background: #f3f4f6;
  border-radius: 999px;
  padding: 2px 9px;
  margin-left: 6px;
  vertical-align: middle;
}

.imw-assoc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.imw-assoc__item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 9px 10px;
  border-radius: 8px;
  border: 1px solid #f1f3f5;
}
.imw-assoc__item--applied {
  opacity: 0.65;
}

.imw-assoc__dot {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: 5px;
  background: #d1d5db;
}

.imw-assoc__item--confident {
  border-color: #d1fae5;
}
.imw-assoc__item--confident .imw-assoc__dot, .imw-assoc__item--confident > .imw-assoc__dot {
  background: #16a34a;
}

.imw-assoc__item--likely {
  border-color: #e5e7eb;
}
.imw-assoc__item--likely .imw-assoc__dot, .imw-assoc__item--likely > .imw-assoc__dot {
  background: #6b7280;
}

.imw-assoc__item--review {
  border-color: #fde68a;
  background: #fffdf5;
}
.imw-assoc__item--review .imw-assoc__dot, .imw-assoc__item--review > .imw-assoc__dot {
  background: #d97706;
}

.imw-assoc__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.imw-assoc__label {
  font-weight: 600;
  font-size: var(--edc-fs-body);
  color: #111827;
  overflow-wrap: anywhere;
}

.imw-assoc__detail {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #4b5563;
}

.imw-assoc__meta {
  font-size: var(--edc-fs-label);
  color: var(--edc-text-muted-words, #6b7280);
}

.imw-assoc__fix {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  flex-wrap: wrap;
}

.imw-assoc__fix-input {
  max-width: 320px;
  display: inline-block;
}

/* EDO triage — two-pane reshape.
   LEFT: unflagged company residue list (search + fast eye-scan).
   RIGHT: flagged-as-organizations, grouped by confidence tier. */
.imw-edo {
  max-width: 1100px;
}

.imw-edo__board {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: start;
}

.imw-edo__col {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px 18px;
}

.imw-edo__col--flagged {
  background: #fbfbfe;
}

.imw-edo__col-head {
  margin-bottom: 12px;
}

.imw-edo__col-title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #111827;
  margin: 0 0 3px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.imw-edo__col-sub {
  font-size: var(--edc-fs-label);
  margin: 0 0 10px;
  line-height: 1.4;
  color: #475467 !important;
}

/* Left-pane filter */
.imw-edo__filter {
  position: relative;
}

.imw-edo__filter-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #98a2b3;
  font-size: var(--edc-fs-label);
  pointer-events: none;
}

.imw-edo__filter-input {
  padding-left: 30px;
}

.imw-edo__filter-count {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  margin: 4px 0 0;
  min-height: 15px;
}

/* Left list — generous line height, no per-row chrome, fast eye-scan */
.imw-edo__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.imw-edo__list--companies {
  display: flex;
  flex-direction: column;
}

.imw-edo__list--companies .imw-edo__row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 4px;
  border-bottom: 1px solid #f2f4f7;
}
.imw-edo__list--companies .imw-edo__row:last-child {
  border-bottom: 0;
}
.imw-edo__list--companies .imw-edo__row .imw-edo__move {
  opacity: 0.55;
  transition: opacity 0.1s ease-in-out;
}
.imw-edo__list--companies .imw-edo__row:hover .imw-edo__move, .imw-edo__list--companies .imw-edo__row:focus-within .imw-edo__move {
  opacity: 1;
}
.imw-edo__list--companies .imw-edo__row .imw-edo__move:focus-visible {
  opacity: 1;
}

.imw-edo__row-name {
  flex: 1 1 auto;
  min-width: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #101828;
  overflow-wrap: anywhere;
}

.imw-edo__row-count {
  flex: 0 0 auto;
  font-size: var(--edc-fs-label);
  color: #667085;
  font-variant-numeric: tabular-nums;
}

/* Right pane — tier groups */
.imw-edo__groups {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.imw-edo__group[hidden] {
  display: none;
}

.imw-edo__group-title {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  margin: 0 0 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-transform: none;
}

.imw-edo__group-count {
  font-weight: 600;
  opacity: 0.85;
}

.imw-edo__list--flagged {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.imw-edo__list--flagged .imw-edo__row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "main meta" "actions actions";
  gap: 4px 10px;
  align-items: center;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  padding: 9px 11px;
  background: #fff;
}

.imw-edo__row-main {
  grid-area: main;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.imw-edo__row-meta {
  grid-area: meta;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}

.imw-edo__row-actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-end;
  margin-top: 2px;
}

.imw-edo__matchpair {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: #475467;
  overflow-wrap: anywhere;
}

.imw-edo__score {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 600;
  color: #667085;
  font-variant-numeric: tabular-nums;
}

.imw-edo__byyou {
  align-self: flex-start;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  padding: 0 7px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3538cd;
  border: 1px solid #c7d2fe;
}

/* Returned residue mark (Phase 4) — a value the user sent back to companies. */
.imw-edo__row--returned .imw-edo__row-name {
  color: #475467;
}

.imw-edo__residue {
  display: inline-block;
  margin-left: 6px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  background: #eef2f6;
  color: #475467;
  border: 1px solid #d0d5dd;
}

.imw-edo__move {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Standalone board (Data Health · Organization Name Search): an empty
   status line spends no vertical room; the converted-this-visit strip,
   one Undo chip per conversion. */
#ons-status:empty {
  display: none;
}

.imw-edo__undo-strip {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 12px;
  padding: 8px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.imw-edo__undo-chip {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px 4px 2px 10px;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  background: #ecfdf3;
  color: #067647;
  border: 1px solid #abefc6;
}

.imw-edo__undo-chip .btn {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  padding: 0 6px;
  text-decoration: none;
}

.imw-edo__flagref {
  font-size: var(--edc-fs-label);
  text-decoration: none;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
}

.imw-edo__flagref--done {
  color: #067647;
  font-weight: 600;
  pointer-events: none;
}

.imw-edo__empty-note {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  margin: 8px 0 0;
}

.imw-edo__footer {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

@media (max-width: 900px) {
  .imw-edo__board {
    grid-template-columns: 1fr;
  }
}
/* Confirmation cards (Questions view) */
.imw-rail__badge--pending {
  background: #fef3c7;
  border-color: #fde68a;
  color: #92400e;
}

.imw-q__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.imw-q {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-left: 4px solid #d97706;
  border-radius: 10px;
  padding: 14px 16px;
}
.imw-q--answered {
  border-left-color: #d1d5db;
  opacity: 0.85;
}

.imw-q__suspicion {
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px;
}

.imw-q__evidence {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: var(--edc-text-muted-words, #6b7280);
  margin: 0 0 6px;
}

.imw-q__consequence {
  font-size: var(--edc-fs-secondary);
  color: #374151;
  margin: 0 0 10px;
}

.imw-q__note {
  max-width: 560px;
  margin-bottom: 8px;
}

.imw-q__buttons {
  display: flex;
  gap: 8px;
}

.imw-q__answered {
  font-size: var(--edc-fs-secondary);
  color: #374151;
  margin: 6px 0 0;
}

.imw-q__response {
  color: var(--edc-text-muted-words, #6b7280);
}

/* File inspector (right drawer) — paged window onto the real sheet.
   Drawer chrome (bar/title/close, grid column sizing) is the shell's;
   these are the import-specific toolbar + grid table. */
.imw-inspector__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px;
  border-bottom: 1px solid #f1f3f5;
  flex-wrap: wrap;
}

.imw-inspector__col {
  max-width: 200px;
}

.imw-inspector__pager {
  display: flex;
  align-items: center;
  gap: 8px;
}

.imw-inspector__page {
  font-size: var(--edc-fs-label);
  color: #4b5563;
  white-space: nowrap;
}

.imw-inspector__hint {
  padding: 8px 14px 0;
  margin: 0;
}

.imw-inspector__cap {
  padding: 6px 14px;
  margin: 0;
}

.imw-inspector__table {
  overflow: auto;
  padding: 8px 10px 20px;
}

.imw-grid-table {
  border-collapse: collapse;
  font-size: var(--edc-fs-label);
  width: 100%;
}
.imw-grid-table th, .imw-grid-table td {
  border: 1px solid #e5e7eb;
  padding: 4px 8px;
  text-align: left;
  vertical-align: top;
  max-width: 220px;
  overflow-wrap: anywhere;
}
.imw-grid-table thead th {
  position: sticky;
  top: 0;
  background: #f9fafb;
  z-index: 1;
}
.imw-grid-table__n {
  color: #9ca3af;
  font-weight: 500;
  width: 1%;
  white-space: nowrap;
}
.imw-grid-table__colbtn {
  border: 0;
  background: transparent;
  padding: 0;
  font: inherit;
  font-weight: 700;
  color: #1f2937;
  cursor: pointer;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.imw-grid-table__colbtn:hover, .imw-grid-table__colbtn:focus {
  color: #1d4ed8;
}

/* Writable mapping dropdown atop each grid column (the digitized
   production-template trick) */
.imw-grid-map {
  display: block;
  margin-top: 5px;
  font-size: var(--edc-fs-eyebrow);
  min-width: 140px;
  max-width: 210px;
  padding: 2px 22px 2px 6px;
  font-weight: 400;
}

.imw-grid-map--module {
  margin-top: 7px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #4b5563;
  background-color: #f9fafb;
}

.imw-inspector__status {
  padding: 4px 14px 0;
  margin: 0;
  min-height: 18px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #166534;
}

.imw-inspector__orgscan {
  margin: 6px 14px 2px;
  padding: 8px 10px;
  border: 1px solid #c7d2fe;
  border-radius: 6px;
  background: #f5f8ff;
}

.imw-inspector__orgscan-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.imw-inspector__orgscan-title {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #1e3a8a;
}

.imw-inspector__orgscan-help {
  display: block;
  margin-top: 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: #475569;
}

.imw-inspector__orgscan-status {
  margin: 6px 0 0;
  min-height: 16px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1e40af;
}
.imw-inspector__orgscan-status a {
  font-weight: 600;
}

.import-mapping__drill {
  width: 1%;
  white-space: nowrap;
}

.import-mapping__drill-btn {
  color: var(--edc-text-muted-words, #6b7280);
  padding: 2px 6px;
}
.import-mapping__drill-btn:hover, .import-mapping__drill-btn:focus {
  color: #1d4ed8;
}

/* ── Batch finalize progress (rail header) ───────────────────────────── */
.imw-rail__headrow {
  margin-bottom: 10px;
}

.imw-rail__progress {
  margin: 6px 8px 4px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #374151;
}
.imw-rail__progress .imw-rail__progress-count {
  font-weight: 700;
  color: #111827;
}

.imw-rail__progressbar {
  margin: 0 8px 4px;
  height: 6px;
  border-radius: 999px;
  background: #e5e7eb;
  overflow: hidden;
}

.imw-rail__progressbar-fill {
  display: block;
  height: 100%;
  background: #16a34a;
  transition: width 0.2s;
}

.imw-rail__badge--done {
  background: #dcfce7;
  border-color: #86efac;
  color: #166534;
}

/* ── Batch completion summary ────────────────────────────────────────── */
.imw-summary {
  max-width: 900px;
}

.imw-summary__head {
  margin-bottom: 16px;
}

.imw-summary__title {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #111827;
  margin: 0 0 6px;
}

.imw-summary__lede {
  font-size: var(--edc-fs-body);
  margin: 0;
}

.imw-summary__files {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.imw-summary__file {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px;
}
.imw-summary__file.is-finalized {
  border-left: 4px solid #16a34a;
}

.imw-summary__file-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.imw-summary__file-name {
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #111827;
}

.imw-summary__file-state {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  border-radius: 999px;
  padding: 2px 10px;
}
.imw-summary__file-state--done {
  background: #dcfce7;
  color: #166534;
}
.imw-summary__file-state--pending {
  background: #f3f4f6;
  color: #4b5563;
}

.imw-summary__track {
  padding: 8px 0;
  border-top: 1px solid #f1f3f5;
}
.imw-summary__track:first-of-type {
  border-top: 0;
}

.imw-summary__track-module {
  display: block;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #4b5563;
  margin-bottom: 6px;
}

.imw-summary__counts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.imw-summary__count {
  display: flex;
  align-items: baseline;
  gap: 5px;
  padding: 4px 12px;
  border-radius: 8px;
  background: #f9fafb;
  border: 1px solid #eef0f3;
}
.imw-summary__count .imw-summary__count-n {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #111827;
}
.imw-summary__count .imw-summary__count-label {
  font-size: var(--edc-fs-label);
  color: var(--edc-text-muted-words, #6b7280);
}
.imw-summary__count--committed {
  background: #eefdf3;
  border-color: #bbf7d0;
}
.imw-summary__count--committed .imw-summary__count-n {
  color: #15803d;
}
.imw-summary__count--error {
  background: #fef2f2;
  border-color: #fecaca;
}
.imw-summary__count--error .imw-summary__count-n {
  color: #b91c1c;
}
.imw-summary__count--flagged {
  background: #fffbeb;
  border-color: #fde68a;
}
.imw-summary__count--flagged .imw-summary__count-n {
  color: #92400e;
}

.imw-summary__foot {
  margin-top: 20px;
}

/* ── Dedup review + Split confirm surfaces ───────────────────────────── */
.imw-dedup, .imw-split {
  max-width: 900px;
}

.imw-dedup__head, .imw-split__head {
  margin-bottom: 14px;
}

.imw-dedup__title, .imw-split__title {
  font-size: calc(var(--edc-fs-title) * 19 / 18);
  font-weight: 600;
  color: #111827;
  margin: 0 0 6px;
}

.imw-dedup__note {
  margin-top: 14px;
}

/* Native duplicate check — findings groups */
.imw-dedup__scanning {
  display: flex;
  align-items: center;
  font-size: var(--edc-fs-body);
  color: #1e40af;
  padding: 14px 0;
}

.imw-dedup__summary {
  font-size: var(--edc-fs-body);
  color: #374151;
  margin: 4px 0 14px;
}

.imw-dedup__groups {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.imw-dedup__group {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.imw-dedup__group.imw-dedup__group--resolved {
  border-color: #bbf7d0;
  background: #f6fef9;
}

.imw-dedup__match {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.imw-dedup__pair {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.imw-dedup__party {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: #f9fafb;
  border: 1px solid #eef0f3;
  border-radius: 8px;
  padding: 8px 10px;
  min-width: 140px;
}

.imw-dedup__party--existing {
  background: #eff6ff;
  border-color: #dbeafe;
}

.imw-dedup__party--inbatch {
  background: #fff7ed;
  border-color: #fed7aa;
  justify-content: center;
}

.imw-dedup__partyname {
  font-weight: 700;
  font-size: var(--edc-fs-body);
  color: #111827;
  overflow-wrap: anywhere;
}

.imw-dedup__partytag {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #4b5563;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.imw-dedup__partytag.imw-dedup__partytag--inbatch {
  color: #9a3412;
}

.imw-dedup__partymeta {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #4b5563;
  overflow-wrap: anywhere;
}

.imw-dedup__arrow {
  font-size: var(--edc-fs-title);
  color: var(--edc-text-muted-words, #6b7280);
}

.imw-dedup__signalrow {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.imw-dedup__signals {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #4b5563;
}

.imw-dedup__signal {
  display: inline-block;
  margin-left: 4px;
  padding: 1px 7px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 600;
}

.imw-dedup__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.imw-dedup__result {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #166534;
}

.imw-split__status {
  min-height: 18px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1e40af;
  margin: 0 0 10px;
}

.imw-split__list {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.imw-split__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px 14px;
}
.imw-split__item.is-confirmed {
  border-left: 4px solid #16a34a;
}

.imw-split__colname {
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  color: #111827;
}

.imw-split__route {
  display: block;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #4b5563;
  margin-top: 2px;
}

.imw-split__confirmed {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #166534;
}

.imw-split__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* ── Analyzing / errored file states ─────────────────────────────────── */
.imw-rail__badge--analyzing {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1e40af;
}

.imw-rail__badge--error {
  background: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
}

.imw-filestate {
  max-width: 640px;
  margin: 6vh auto 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.imw-filestate__icon {
  font-size: calc(var(--edc-fs-display) * 40 / 24);
  color: #2563eb;
}

.imw-filestate__icon--error {
  color: #dc2626;
}

.imw-filestate__icon--warn {
  color: #b45309;
} /* amber — a stalled analysis is recoverable, not failed */
.imw-filestate__title {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #111827;
  margin: 4px 0 0;
}

.imw-filestate__body {
  font-size: var(--edc-fs-body);
  color: #4b5563;
  margin: 0;
  max-width: 520px;
}

.imw-filestate__detail {
  align-self: stretch;
  text-align: left;
  margin: 6px 0;
}
.imw-filestate__detail summary {
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}
.imw-filestate__detail summary:hover {
  color: #111827;
}

.imw-filestate__error {
  margin: 8px 0 0;
  padding: 10px 12px;
  background: #fbfbfc;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: var(--edc-fs-label);
  color: #b91c1c;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.imw-filestate__status {
  min-height: 18px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1e40af;
  margin: 0;
}

.imw-filestate__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 6px;
}

/* ── Organization-scan confidence tiers ──────────────────────────────── */
/* Tier palette — dot/bar is decoration; the tier word carries the meaning
   (never color-only). Colors chosen for >=3:1 contrast on white. */
/* Triage list: tier badge + muted numeric score */
.imw-edo__verdictrow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 2px 0;
}

.imw-tier {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  border-radius: 999px;
  padding: 1px 9px;
  border: 1px solid transparent;
}

.imw-tier__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  flex: none;
}

.imw-tier--exact {
  color: #15803d;
  background: #eefdf3;
  border-color: #bbf7d0;
}

.imw-tier--high {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.imw-tier--medium {
  color: #b45309;
  background: #fffbeb;
  border-color: #fde68a;
}

.imw-tier--low {
  color: #6b7280;
  background: #f3f4f6;
  border-color: #e5e7eb;
}

.imw-tier--manual {
  color: #3538cd;
  background: #eef2ff;
  border-color: #c7d2fe;
}

.imw-tier__score {
  margin-left: auto;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 600;
  color: var(--edc-text-muted-words, #6b7280);
  font-variant-numeric: tabular-nums;
}

/* Group title reads as a tier pill on the flagged pane. */
.imw-edo__group-title.imw-tier {
  padding: 2px 10px;
}

/* Grid edge markers — a slim colored bar beside a matched cell value */
.imw-grid-cell--flagged {
  padding: 0;
}

.imw-tiermark {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
}

.imw-tiermark__bar {
  width: 3px;
  align-self: stretch;
  min-height: 14px;
  border-radius: 2px;
  background: currentColor;
  flex: none;
}

.imw-tiermark__val {
  color: #111827;
  overflow-wrap: anywhere;
}

.imw-tiermark__tier {
  margin-left: auto;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.imw-tiermark--exact {
  color: #15803d;
}

.imw-tiermark--high {
  color: #1d4ed8;
}

.imw-tiermark--medium {
  color: #b45309;
}

.imw-tiermark--low {
  color: #6b7280;
}

/* ════════════════════════════════════════════════════════════════
   Data Health duplicate-review workspace (dhdup-) — feature content
   rendered inside the generic Workspace shell. Chrome lives in
   workspace.scss; these style the group rail, the group heading,
   and the merge-preview drawer body.
   ════════════════════════════════════════════════════════════════ */
.dhdup-rail {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* THE SENTENCE THAT SAYS THE LIST IS INCOMPLETE. Off Bootstrap's
   `text-muted small` at the sprint-2 design QA: telling someone their
   duplicate list has been cut is not decoration, and light-grey-and-small is
   exactly where the legibility floor says not to put it. 12px, neutral-600,
   with the escape hatch beside it. */
.dhdup-rail__summary {
  margin: 0 8px 10px;
  font-size: var(--edc-fs-label);
  line-height: 1.4;
  color: #52525b;
}

.dhdup-rail__summary-link {
  font-weight: 600;
  text-decoration: underline;
  white-space: nowrap;
}

.dhdup-rail__item {
  display: block;
  padding: 9px 10px;
  border-radius: 8px;
  border: 1px solid transparent;
  color: #1f2937;
}
.dhdup-rail__item:hover, .dhdup-rail__item:focus {
  background: #f9fafb;
  color: #111827;
}
.dhdup-rail__item.is-selected {
  background: #eef2ff;
  border-color: #c7d2fe;
}

.dhdup-rail__name {
  display: block;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dhdup-rail__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
  /* Legibility floor: info labels are 11px minimum. This was 10px. */
}
.dhdup-rail__meta .badge {
  font-size: var(--edc-fs-eyebrow);
}

/* 11.5px at neutral-600. Was #6b7280 (neutral-500), under the floor for text
   that carries information rather than decoration. */
.dhdup-rail__count {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: #4b5563;
  white-space: nowrap;
}

/* What the confidence words mean — one sentence each, only for the words on
   screen. Quiet by design: it explains the list, it does not compete with it. */
.dhdup-rail + .dh-confidence-legend,
.dh-confidence-legend {
  margin: 14px 2px 0;
  padding: 10px 10px 8px;
  border-top: 1px solid #e7eaf0;
}

.dh-confidence-legend__heading {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4b5563;
  margin: 0 0 8px;
}

.dh-confidence-legend__list {
  margin: 0;
}

.dh-confidence-legend__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 7px;
}
.dh-confidence-legend__item:last-child {
  margin-bottom: 0;
}
.dh-confidence-legend__item dt {
  flex: 0 0 auto;
  margin: 0;
}
.dh-confidence-legend__item dd {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #374151;
}
.dh-confidence-legend__item .badge {
  font-size: var(--edc-fs-eyebrow);
}

.dhdup-group-title {
  font-size: calc(var(--edc-fs-title) * 19 / 18);
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px;
}

.dhdup-group-blurb {
  font-size: var(--edc-fs-secondary);
  line-height: 1.55;
  color: #52525b;
  max-width: 96ch;
}

.dhdup-preview__body {
  padding: 12px 14px 20px;
}

/* Duplicate scan page: results section header + demoted "how it ran" fold */
.cd-results-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #e7eaf0;
}
.cd-results-head h5 {
  font-weight: 700;
  color: #111827;
}

.cd-scan-details__summary {
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  font-weight: 600;
}
.cd-scan-details__summary:hover {
  color: #111827;
}

/* Data Health issue detail: plain-words lede; classification metadata
   demoted into the "Why this was flagged" fold. */
.dhissue-lede {
  background: #fafbfd;
  border: 1px solid #e7eaf0;
  border-radius: 12px;
  padding: 16px 18px;
}

.dhissue-lede__desc {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #111827;
}

.dhissue-lede__badges {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}

.dhissue-lede__toggle {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  text-decoration: none;
}

.dhissue-details__list dt {
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 600;
}

/* ── Workspace keyboard legend (chrome component — revamp P3) ── */
.imw-keys {
  position: sticky;
  bottom: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 14px;
  margin-top: 18px;
  background: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-top: 1px solid #e6ebf1;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #475467;
}

.imw-keys kbd {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 5px;
  background: #f2f4f7;
  border: 1px solid #d0d5dd;
  border-bottom-width: 2px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: #101828;
  font-family: inherit;
}

.imw-keys__help {
  margin-left: auto;
  background: none;
  border: none;
  color: #475467;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  cursor: pointer;
  padding: 2px 4px;
}

.imw-keys__help:hover {
  color: #101828;
}

.imw-keys-overlay {
  position: fixed;
  inset: 0;
  z-index: 1300;
  background: rgba(16, 24, 40, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
}

.imw-keys-overlay__panel {
  background: #fff;
  border-radius: 12px;
  padding: 20px 24px;
  min-width: 320px;
  box-shadow: 0 12px 40px rgba(16, 24, 40, 0.25);
}

.imw-keys-overlay__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  margin: 0 0 12px;
}

.imw-keys-overlay__list {
  margin: 0 0 14px;
}

.imw-keys-overlay__list > div {
  display: flex;
  gap: 12px;
  padding: 4px 0;
}

.imw-keys-overlay__list dt {
  width: 110px;
  flex: none;
}

.imw-keys-overlay__list dd {
  margin: 0;
  color: #344054;
}

/* ── EDO triage tiered queue (revamp P3) ── */
.imw-edo__tally {
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.imw-edo__queue {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.imw-edo__tier {
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 10px;
  padding: 12px 14px;
}

.imw-edo__tier-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.imw-edo__tier-title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.imw-edo__tier-hint {
  font-weight: 400;
  font-size: var(--edc-fs-label);
  color: #475467;
}

.imw-edo__tier--skim > summary {
  cursor: pointer;
  list-style-position: outside;
}

.imw-edo__tier--skim[open] > summary {
  margin-bottom: 8px;
}

.imw-edo__tier--orgs {
  background: #fbfdff;
  border-color: #d6e4f0;
}

.imw-edo__move:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

/* ── Duplicates launcher: master-detail (owner, 2026-07-06 — proper
   font sizes; one scanner's details at a time) ── */
.dup-runbar {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  padding: 16px 18px;
  margin-bottom: 1.5rem;
}
.dup-runbar__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.dup-runbar__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  flex: 0 0 auto;
}
.dup-runbar__meta {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 12px 0 0;
  line-height: 1.5;
}
.dup-runbar__meta-punct {
  color: #475467;
}
.dup-runbar__quick-hint {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 8px 0 0;
  line-height: 1.5;
}
.dup-runbar__quick-hint i {
  color: #b54708;
}
.dup-runbar__running {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #eef1f5;
}
.dup-runbar__running-label {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #344054;
}

.dup-segments {
  display: inline-flex;
  align-items: stretch;
  background: #f2f4f7;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  padding: 3px;
  gap: 2px;
  flex-wrap: wrap;
}

.dup-segment {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #475467;
  text-decoration: none;
  transition: background 0.12s ease, color 0.12s ease;
}
.dup-segment:hover {
  background: rgba(255, 255, 255, 0.6);
  color: #101828;
  text-decoration: none;
}
.dup-segment:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.dup-segment.is-selected {
  background: #fff;
  color: #101828;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}
.dup-segment__icon {
  color: #3538cd;
  font-size: var(--edc-fs-secondary);
}
.dup-segment.is-selected .dup-segment__icon {
  color: #2848be;
}
.dup-segment__count {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475467;
  background: #eaecf0;
  border-radius: 999px;
  padding: 1px 8px;
}
.dup-segment.is-selected .dup-segment__count {
  background: #eef2ff;
  color: #3538cd;
}

@media (max-width: 575.98px) {
  .dup-segments {
    width: 100%;
  }
  .dup-segment {
    flex: 1 1 auto;
    justify-content: center;
  }
}
.dup-results {
  margin-bottom: 1.5rem;
}
.dup-results__head {
  margin-bottom: 14px;
}
.dup-results__headline {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}
.dup-results__headline-link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  color: #101828;
  font-weight: 700;
  text-decoration: none;
}
.dup-results__headline-link:hover {
  color: #2848be;
  text-decoration: none;
}
.dup-results__headline-link:hover .dup-results__headline-arrow {
  transform: translateX(3px);
}
.dup-results__headline-link:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 3px;
  border-radius: 4px;
}
.dup-results__headline-count {
  color: #2848be;
}
.dup-results__headline-arrow {
  font-size: var(--edc-fs-body);
  color: #667085;
  transition: transform 0.12s ease;
  align-self: center;
}
.dup-results__sub {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 4px 0 0;
}
.dup-results__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 767.98px) {
  .dup-results__cards {
    grid-template-columns: 1fr;
  }
}
.dup-results--pending {
  padding: 8px 0;
}
.dup-results__pending-copy {
  font-size: var(--edc-fs-body);
  color: #475467;
  margin: 0;
}

.dup-result-card {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid #e8eaed;
  border-left-width: 4px;
  border-radius: 10px;
  text-decoration: none;
  color: #344054;
  transition: box-shadow 0.12s ease, transform 0.12s ease, border-color 0.12s ease;
}
.dup-result-card:hover {
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(16, 24, 40, 0.09);
  transform: translateY(-1px);
  color: #344054;
}
.dup-result-card:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.dup-result-card__count {
  font-size: calc(var(--edc-fs-display) * 30 / 24);
  font-weight: 700;
  line-height: 1.1;
  color: #101828;
}
.dup-result-card__label {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #344054;
}
.dup-result-card__sub {
  font-size: var(--edc-fs-label);
  color: #475467;
}
.dup-result-card__cta {
  margin-top: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #2848be;
}
.dup-result-card:hover .dup-result-card__cta i {
  transform: translateX(3px);
}
.dup-result-card__cta i {
  transition: transform 0.12s ease;
  margin-left: 3px;
}
.dup-result-card.dup-conf-high {
  border-left-color: #d92d20;
}
.dup-result-card.dup-conf-high .dup-result-card__count {
  color: #912018;
}
.dup-result-card.dup-conf-medium {
  border-left-color: #dc6803;
}
.dup-result-card.dup-conf-medium .dup-result-card__count {
  color: #b54708;
}
.dup-result-card.dup-conf-low {
  border-left-color: #2e90fa;
}
.dup-result-card.dup-conf-low .dup-result-card__count {
  color: #175cd3;
}

.dup-how {
  margin-bottom: 1.5rem;
}
.dup-how__summary {
  display: inline-flex;
  align-items: center;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #475467;
  cursor: pointer;
  padding: 6px 2px;
  list-style: none;
}
.dup-how__summary::-webkit-details-marker {
  display: none;
}
.dup-how__summary:hover {
  color: #2848be;
}
.dup-how__summary:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 4px;
}
.dup-how[open] .dup-how__summary i {
  color: #2848be;
}
.dup-how__body {
  padding: 12px 0 4px 24px;
  max-width: 62ch;
}
.dup-how__desc {
  font-size: var(--edc-fs-body);
  color: #344054;
  margin-bottom: 12px;
}
.dup-how__methods-title {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
  margin-bottom: 6px;
}
.dup-how__methods {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dup-how__methods li {
  font-size: var(--edc-fs-body);
  color: #344054;
  padding: 3px 0;
}
.dup-how__methods li i {
  color: #067647;
}

.dup-empty {
  background: #fafbfc;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  padding: 32px 28px;
  margin-bottom: 1.5rem;
  text-align: center;
}
.dup-empty__icon {
  font-size: calc(var(--edc-fs-display) * 32 / 24);
  color: #98a2b3;
  margin-bottom: 12px;
}
.dup-empty__heading {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #101828;
  margin-bottom: 8px;
}
.dup-empty__desc {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #344054;
  margin: 0 auto 20px;
  max-width: 56ch;
}
.dup-empty__how {
  display: inline-block;
  text-align: left;
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 18px;
}
.dup-empty__how .dup-how__methods li {
  font-size: var(--edc-fs-body);
}
.dup-empty__cta-hint {
  font-size: var(--edc-fs-body);
  color: #475467;
  margin: 0;
}

.cd-recent-scans__row--link {
  cursor: pointer;
}
.cd-recent-scans__row--link:hover {
  background: #f9fafb;
}

.cd-recent-scans__view {
  white-space: nowrap;
}
.cd-recent-scans__view .fa-chevron-right {
  font-size: var(--edc-fs-eyebrow);
}

.edcf-toasts {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 2050;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: min(420px, 100vw - 40px);
}

.edcf-toast {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.14);
  padding: 11px 12px 11px 14px;
  animation: edcf-toast-in 0.22s ease-out;
}
.edcf-toast.is-leaving {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.edcf-toast__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: var(--edc-fs-eyebrow);
  margin-top: 1px;
}

.edcf-toast--success .edcf-toast__icon {
  background: #d1fadf;
  color: #067647;
}

.edcf-toast__text {
  flex: 1 1 auto;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.45;
  color: #1f2733;
  padding-top: 1px;
}
.edcf-toast__text p {
  margin: 0;
}
.edcf-toast__text .edcf-toast__text a,
.edcf-toast__text .edcf-toast__link {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.edcf-toast__close {
  border: 0;
  background: none;
  color: #98a2b3;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  line-height: 1;
  padding: 2px 4px;
  cursor: pointer;
  flex-shrink: 0;
}
.edcf-toast__close:hover {
  color: #1f2733;
}
.edcf-toast__close:focus-visible {
  outline: 2px solid #193F87;
  outline-offset: 1px;
  border-radius: 4px;
}

@keyframes edcf-toast-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.sites-index .tableTitle h2 {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #1f2733;
}
.sites-index .site-name-link {
  font-weight: 600;
  color: #1f2733;
  text-decoration: none;
}
.sites-index .site-name-link:hover {
  color: #4f46e5;
  text-decoration: none;
}
.sites-index table.tableCustomStyle td {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #344054;
  vertical-align: middle;
}
.sites-index table.tableCustomStyle tbody tr:hover td {
  background: #fafbff;
}
.sites-index .site-cell-muted {
  color: #98a2b3;
}
.sites-index .site-status-pill {
  display: inline-block;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  border-radius: 999px;
  padding: 2px 10px;
}
.sites-index .site-status-pill--on {
  background: #d1fadf;
  color: #067647;
}
.sites-index .site-status-pill--off {
  background: #f2f4f7;
  color: #475467;
}

.test-import {
  border: 1px solid #d7def0;
  border-radius: 14px;
  background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 60%);
  padding: 18px 20px;
  margin: 0 0 20px;
}

.test-import__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.test-import__title {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.test-import__title i {
  color: #4f6ef0;
}

.test-import__sim-badge {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.52 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #3730a3;
  background: #e0e7ff;
  border: 1px solid #c7d2fe;
  border-radius: 999px;
  padding: 2px 9px;
}

.test-import__lede {
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #475467;
  margin: 0;
  max-width: 60ch;
}

.test-import__run {
  white-space: nowrap;
}

.test-import__status {
  margin-top: 10px;
}

.test-import__running {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #344054;
  font-weight: 600;
}

.test-import__ran-at {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  margin: 12px 0 8px;
}

.test-import__stale {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: #fffaeb;
  border: 1px solid #fedf89;
  color: #7a4d05;
  border-radius: 10px;
  padding: 10px 13px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  margin: 10px 0;
  font-weight: 500;
}

.test-import__error {
  background: #fef3f2;
  border: 1px solid #fda29b;
  color: #912018;
  border-radius: 10px;
  padding: 11px 14px;
  font-size: calc(var(--edc-fs-label) * 12.18 / 12);
}

.test-import__error-detail {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  white-space: pre-wrap;
  margin: 6px 0 0;
  color: #7a271a;
}

.test-import__counts {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin: 10px 0 4px;
}

.test-import__count {
  flex: 1 1 120px;
  min-width: 108px;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  padding: 12px 14px;
  background: #fff;
  border-left-width: 4px;
}
.test-import__count--created {
  border-left-color: #12b76a;
}
.test-import__count--updated {
  border-left-color: #2e90fa;
}
.test-import__count--skipped {
  border-left-color: #98a2b3;
}
.test-import__count--failed {
  border-left-color: #f04438;
}

.test-import__count-n {
  display: block;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: #101828;
  line-height: 1.1;
}

.test-import__count-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #475467;
  font-weight: 600;
}

.test-import__detail {
  margin-top: 12px;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  padding: 8px 12px;
  background: #fcfcfd;
}
.test-import__detail summary {
  cursor: pointer;
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.18 / 12);
  color: #344054;
}
.test-import__detail--fail summary {
  color: #912018;
}

.test-import__list {
  list-style: none;
  padding: 8px 0 2px;
  margin: 0;
}
.test-import__list li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  padding: 6px 4px;
  border-top: 1px solid #f2f4f7;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
}

.test-import__list-row {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: #475467;
  min-width: 56px;
}

.test-import__list-name {
  font-weight: 600;
  color: #101828;
}

.test-import__list-meta {
  color: #667085;
}

.test-import__list-reason {
  color: #b42318;
  flex: 1 1 200px;
}

.imw-summary__batch-undo {
  margin: 4px 0 16px;
}

.imw-summary__file-undo {
  margin-top: 10px;
}

.imw-summary__undo-note {
  margin-top: 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  display: flex;
  align-items: flex-start;
  gap: 6px;
  color: #475467;
}

.imw-undo-btn {
  font-weight: 600;
}

.imw-modal-open {
  overflow: hidden;
}

.imw-undo-modal {
  position: fixed;
  inset: 0;
  z-index: 1080;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.imw-undo-modal[hidden] {
  display: none;
}

.imw-undo-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(16, 24, 40, 0.55);
}

.imw-undo-modal__panel {
  position: relative;
  background: #fff;
  border-radius: 14px;
  max-width: 520px;
  width: 100%;
  max-height: 86vh;
  overflow-y: auto;
  padding: 22px 24px;
  box-shadow: 0 20px 48px rgba(16, 24, 40, 0.28);
}

.imw-undo-modal__title {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  font-weight: 700;
  color: #b42318;
  margin: 0 0 12px;
}
.imw-undo-modal__title i {
  color: #d92d20;
}

.imw-undo-modal__body {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #344054;
}
.imw-undo-modal__body p {
  margin: 0 0 10px;
}

.imw-undo-modal__loading {
  color: #667085;
}

.imw-undo-modal__err {
  color: #b42318;
  font-weight: 600;
}

.imw-undo-modal__counts {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
}
.imw-undo-modal__counts li {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px solid #f2f4f7;
}
.imw-undo-modal__counts li i {
  color: #667085;
  width: 16px;
}

.imw-undo-modal__by-model {
  font-weight: 600;
  margin-bottom: 4px;
}

.imw-undo-modal__models {
  list-style: disc;
  padding-left: 20px;
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #475467;
}

.imw-undo-modal__skip {
  background: #fffaeb;
  border: 1px solid #fedf89;
  border-radius: 10px;
  padding: 11px 14px;
  margin: 12px 0;
  color: #7a4d05;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.imw-undo-modal__skip i {
  color: #dc6803;
}
.imw-undo-modal__skip ul {
  margin: 6px 0 0;
  padding-left: 20px;
}

.imw-undo-modal__skip-why {
  color: #b54708;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}

.imw-undo-modal__gone {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
}

.imw-undo-modal__done {
  color: #067647;
  font-weight: 600;
}
.imw-undo-modal__done i {
  color: #12b76a;
}

.imw-undo-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

/* ── Importer lifecycle overhaul (Bundles B/C/D/E) ─────────────────── */
/* Rail state badges */
.imw-rail__badge--wontimport {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #475569;
}

.imw-rail__template--muted {
  color: #94a3b8;
  text-decoration: line-through;
}

/* Part 4 — reference (sidecar) file: a QUIET, BELONGING chip (calm slate/
   indigo), deliberately NOT the muted/strike "won't import" treatment. */
.imw-rail__badge--reference {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #3730a3;
}

/* Part 4 — reference file main-body structural summary */
.imw-reference {
  max-width: 760px;
}

.imw-reference__header {
  margin-bottom: 12px;
}

.imw-reference__badge {
  display: inline-flex;
  align-items: center;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #3730a3;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  border-radius: 999px;
  padding: 3px 10px;
  margin-bottom: 8px;
}

.imw-reference__heading {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #1f2430;
  margin: 0;
}

.imw-reference__filename {
  font-size: var(--edc-fs-label);
  margin: 2px 0 0;
}

.imw-reference__lede {
  font-size: var(--edc-fs-body);
  color: #334155;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 12px 16px;
  margin: 0 0 18px;
}

.imw-reference__facts {
  display: flex;
  gap: 16px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.imw-reference__fact {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 84px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 12px 18px;
}

.imw-reference__fact-num {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #1f2430;
}

.imw-reference__fact-label {
  font-size: var(--edc-fs-label);
  color: #475569;
}

.imw-reference__subhead {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #475569;
  margin: 16px 0 8px;
}

.imw-reference__sheet-list, .imw-reference__column-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.imw-reference__sheet-list li {
  font-size: var(--edc-fs-secondary);
  color: #334155;
}

.imw-reference__column {
  font-size: var(--edc-fs-label);
  color: #334155;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 3px 8px;
}

.imw-reference__more {
  font-size: var(--edc-fs-label);
  margin: 6px 0 0;
}

.imw-reference__notes {
  margin: 20px 0;
}

.imw-reference__notes-label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1f2430;
  display: block;
}

.imw-reference__notes-help {
  font-size: var(--edc-fs-label);
  color: #475569;
  margin: 2px 0 6px;
}

.imw-reference__notes-saved {
  display: inline-block;
  margin-top: 4px;
}

.imw-reference__actions {
  margin-top: 16px;
}

/* Part 4 — "Also included" reference files in the import summary */
.imw-summary__also {
  margin: 24px 0;
  padding: 16px 18px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}

.imw-summary__also-title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2430;
  margin: 0 0 4px;
}

.imw-summary__also-lede {
  font-size: var(--edc-fs-secondary);
  margin: 0 0 10px;
}

.imw-summary__also-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.imw-summary__also-file {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  padding: 6px 0;
  border-top: 1px solid #eef2f7;
}

.imw-summary__also-file:first-child {
  border-top: 0;
}

.imw-summary__also-name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #3730a3;
  text-decoration: none;
}

.imw-summary__also-name:hover {
  text-decoration: underline;
}

.imw-summary__also-meta {
  font-size: var(--edc-fs-label);
}

/* D2 — per-file working notes + collapsed-card dot */
.imw-notes-dot {
  color: #d97706;
  font-size: var(--edc-fs-eyebrow);
  margin-left: 4px;
}

.imw-file-notes {
  margin-top: 10px;
}

.imw-file-notes__label {
  display: block;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
  margin-bottom: 3px;
}

.imw-file-notes__input {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.imw-file-notes__saved {
  display: block;
  margin-top: 3px;
  min-height: 14px;
}

/* D3 — mark-reviewed */
.imw-file-reviews {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.imw-file-review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.imw-file-review__name {
  color: #334155;
}

/* B2 / E4 — file actions */
.imw-file-actions {
  margin-top: 8px;
}

.imw-file-action {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  padding: 0;
}

.imw-rail__filename {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  margin-top: 1px;
}

/* D1 — Done group */
.imw-rail__done {
  margin-top: 14px;
  border-top: 1px solid #e2e8f0;
  padding-top: 10px;
}

.imw-rail__done-summary {
  cursor: pointer;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #475569;
  list-style: none;
  padding: 4px 6px;
  border-radius: 6px;
}
.imw-rail__done-summary i {
  color: #12b76a;
}
.imw-rail__done-summary:hover {
  background: #f8fafc;
}
.imw-rail__done-summary:focus-visible {
  outline: 2px solid #3730a3;
  outline-offset: 2px;
}

.imw-rail__item--done {
  opacity: 0.78;
}

.imw-rail__item--done.is-selected {
  opacity: 1;
}

/* D1 — post-finalize main pane banner */
.imw-finalized-banner {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 18px;
}

.imw-finalized-banner__icon i {
  font-size: calc(var(--edc-fs-display) * 30 / 24);
  color: #059669;
}

.imw-finalized-banner__title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #065f46;
  margin: 0 0 4px;
}

.imw-finalized-banner__sub {
  margin: 0 0 12px;
}

.imw-finalized-banner__actions {
  display: flex;
  flex-wrap: wrap;
}

/* D5 — rail add-files dropzone */
.imw-rail__addfiles {
  margin-top: 14px;
  border: 1.5px dashed #cbd5e1;
  border-radius: 10px;
  padding: 12px;
  text-align: center;
  transition: border-color 0.15s, background 0.15s;
}
.imw-rail__addfiles.is-dragover {
  border-color: #6366f1;
  background: #eef2ff;
}

.imw-rail__addfiles-label {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #4338ca;
  margin-bottom: 6px;
}

.imw-rail__addfiles-btn {
  display: inline-flex;
  align-items: center;
  margin-bottom: 6px;
}

/* The dropzone's only instruction. Was a bootstrap <small class="text-muted">,
   measured at 10.7px neutral-500 — under the floor twice over. */
.imw-rail__addfiles-help {
  font-size: var(--edc-fs-label);
  line-height: 1.45;
  color: #475467;
  margin: 0;
}

.imw-rail__addfiles-status {
  margin-top: 6px;
  font-size: var(--edc-fs-label);
  color: #475569;
  min-height: 14px;
}

/* E1 — three-zone index */
/* Toolbar is one full-width row inside a card: search left, New import
   right, both on the same baseline/height. Icon sits inside the input;
   the label is visually-hidden (present for screen readers). */
.imw-index-toolbar .imw-index-toolbar__row {
  display: flex;
  align-items: center;
  gap: 16px;
}

.imw-index-search {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.imw-index-search__field {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.imw-index-search__icon {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
  font-size: var(--edc-fs-body);
}

.imw-index-search__input {
  padding-left: 38px;
}

.imw-index-search__clear {
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 4px;
}

.imw-index-new {
  white-space: nowrap;
  flex: 0 0 auto;
  align-self: center;
}

/* Index split — the TEMPORARY onboarding zone (≈2/3) beside the PERSISTENT
   import-tools column (≈1/3). The tools column outlives onboarding, so it is
   deliberately a peer of the zone and not nested inside it.
   --solo: onboarding is finalized, the left column renders nothing, so the
   tools take the full width instead of stranding a third-width box. */
.imw-index-split {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.imw-index-split__main {
  flex: 1 1 0;
  min-width: 0;
}

.imw-index-split__side {
  flex: 0 0 34%;
  max-width: 34%;
  min-width: 0;
}

.imw-index-split--solo .imw-index-split__main {
  display: none;
}

.imw-index-split--solo .imw-index-split__side {
  flex: 1 1 100%;
  max-width: 100%;
}

/* The templates box IS the column's card, so it reads as a peer of the zone
   beside it: white, same radius, the theme's panel shadow. */
.imw-index-split__side .imw-starter-templates {
  margin-top: 0;
  margin-bottom: 15px;
  background: #fff;
  border-color: #e6eaf2;
  border-radius: 0.286rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 18px 20px;
}

/* In the narrow tools column the picker wraps onto several rows. Download must
   then read as the action for BOTH controls, not as an appendage of whichever
   control happens to share its row — so it takes a row of its own. */
.imw-index-split__side .imw-starter-templates__picker {
  gap: 12px 16px;
}

.imw-index-split__side .imw-starter-templates__field {
  flex: 1 1 100%;
}

.imw-index-split__side .imw-starter-templates__field--action {
  padding-top: 2px;
}
.imw-index-split__side .imw-starter-templates__field--action .btn {
  width: 100%;
  justify-content: center;
}

/* Narrow: the tools column stacks BELOW the zone rather than squeezing the
   file rows into an unreadable strip. */
@media (max-width: 1180px) {
  .imw-index-split {
    flex-direction: column;
    gap: 0;
  }
  .imw-index-split__main,
  .imw-index-split__side {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
  }
}
.imw-zone .panel-heading {
  border-bottom: 1px solid #eef2f6;
}

.imw-zone--delivered .panel-title i {
  color: #4338ca;
}

/* Zone header block — title, its count badge, and the description line read as
   ONE unit: the badge sits immediately after the words it counts (never floated
   away), and the description starts on the same left gutter as the title. */
/* The theme puts the gutter on .panel-title (padding: 20px 30px) and none on
   .panel-heading, which left every zone description flush against the card edge
   while its own title sat 30px in. The gutter moves to the heading block, so the
   title and the description share one left edge — and it matches the 20px the
   panel body uses. */
.imw-zone__heading {
  padding: 20px 20px 14px;
}

.imw-zone__heading .imw-zone__title {
  padding: 0;
}

.imw-zone__title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  color: #101828;
}

.imw-zone__title i {
  color: #4338ca;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.imw-zone__count {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 1.7;
  color: #344054;
  background: #eef2f6;
  border: 1px solid #e0e5ec;
  border-radius: 999px;
  padding: 0 9px;
}

/* Description — a full-measure line under the title on the same gutter, dark
   enough to read as body copy (legibility floor: ≥13px, never light gray). */
.imw-zone__desc {
  margin: 7px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.55;
  color: #344054;
  max-width: 88ch;
}

.imw-zone__empty {
  margin: 0;
  padding: 16px 20px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #475467;
}

.imw-batch-row--orphan .imw-batch-row__name .imw-rail__badge {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
}

/* E1's empty-workspace dropzone is RETIRED (Round 3, item 2): an empty batch
   resolves to the basket, whose own empty state is the dropzone
   (.imw-basket__drop--hero), so there is one upload surface rather than a
   dropzone pane beside an upload step that never rendered. The rules are gone
   with the markup; the staff-intake dropzone below keeps its own. */
.imw-delivery__files {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.imw-dropoff-file {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid #eef2f6;
}

.imw-dropoff-file__check {
  margin: 0;
}

.imw-dropoff-file__check input {
  width: 16px;
  height: 16px;
}

.imw-dropoff-file__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.imw-dropoff-file__title {
  font-weight: 600;
  color: #1e293b;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.imw-dropoff-file__title-edit {
  max-width: 320px;
  height: 26px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

/* Row meta + provenance — raised to the legibility floor and darkened. These
   were 11.5px light-gray italic; the italic is gone and the colour overrides
   Bootstrap's .text-muted so the lines are readable, not decorative. */
.imw-dropoff-file__meta {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.imw-dropoff-file__meta.text-muted,
.imw-dropoff-file__note.text-muted {
  color: #475467 !important;
}

.imw-dropoff-file__filename {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.imw-dropoff-file__note {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.imw-dropoff-file__status-link {
  text-decoration: none;
}

.imw-dropoff-file--taken, .imw-dropoff-file--finalized {
  opacity: 0.9;
}

.imw-delivery__actions {
  display: flex;
  justify-content: flex-end;
}

/* ── Onboarding Files zone (importer reframe) ───────────────────────── */
/* The zone is SPECIAL, not SELECTED. The former 2px indigo border + indigo
   glow read as a focus/selection ring on a card the user had not selected, so
   both are gone. The accent is now a very light indigo WASH across the whole
   zone plus a labelled "Onboarding · temporary" chip that STATES in words what
   the tint implies — never colour alone. The card keeps the same border the
   other zones use (the theme's .panel), so nothing about it reads as a state. */
.imw-zone--onboarding {
  background: #f5f6fd;
  /* The theme's .panel has border: 0 and only a 1px shadow — enough to define
     a WHITE card on grey, not enough to define a TINTED one. A neutral hairline
     (not an accent ring) gives the zone the same card edge the other zones read
     as having. */
  border: 1px solid #dfe1f3;
}

/* Zone header sits on the wash too — its own rule stays soft-indigo so the
   heading block still separates from the body. */
.imw-zone--onboarding .panel-heading {
  background: transparent;
  border-bottom-color: #e0e3f5;
}

/* The theme's .panel-body has no top padding, which pushed the first subsection
   heading hard against the heading rule. */
.imw-zone--onboarding .panel-body {
  padding-top: 16px;
  background: transparent;
}

/* Surfaces nested INSIDE the wash go white so they still read as cards on it
   (they were #f8fafc / #fbfcfe, which vanish against the tint). */
.imw-zone--onboarding .imw-dropoff-file,
.imw-zone--onboarding .imw-staff-drop,
.imw-zone--onboarding .imw-starter-templates {
  background: #fff;
}

/* Header chip — says what the wash means. Pill, indigo on a soft indigo
   ground (#3730a3 on #e8e9fb ≈ 8.2:1). */
.imw-zone__chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #3730a3;
  background: #e8e9fb;
  border: 1px solid #d3d5f6;
  border-radius: 999px;
  padding: 2px 10px;
  white-space: nowrap;
}

.imw-zone__chip i {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}

.imw-onboarding-sub {
  margin-bottom: 18px;
}

.imw-onboarding-sub:last-child {
  margin-bottom: 0;
}

.imw-onboarding-sub__title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
  margin: 0 0 8px;
}

.imw-onboarding-sub__title i {
  color: #475569;
}

.imw-onboarding-sub__count {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #4338ca;
  text-transform: none;
  letter-spacing: 0;
  background: #eef2ff;
  border-radius: 999px;
  padding: 0 8px;
}

/* Subsection empty line — body weight, not light-gray small print. */
.imw-onboarding-sub__empty {
  padding: 4px 2px 8px;
  font-size: var(--edc-fs-secondary);
}

.imw-onboarding-sub__empty.text-muted {
  color: #475467 !important;
}

/* ── Bounded subsection: the newest few, then the rest behind one control ──
   The "showing" line is a statement of fact and reads at body size; the toggle
   beside it is a real button with a comfortable hit area. The tail scrolls
   inside itself so the page height stops tracking the account's age. */
.imw-onboarding-sub__more {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 6px 2px 2px;
}

.imw-onboarding-sub__showing {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

/* The zone class carries the specificity: .btn-sm sets its own font-size, and it
   was winning — the control measured 11.375px on the design pass, under the 13px
   body floor for something a user reads and clicks. */
.imw-zone--onboarding .imw-onboarding-sub__toggle,
.imw-onboarding-sub__toggle {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #3730a3;
  padding: 4px 6px;
  min-height: 28px;
  text-decoration: none;
}

.imw-onboarding-sub__toggle:hover,
.imw-onboarding-sub__toggle:focus {
  color: #1e1b4b;
  text-decoration: underline;
}

.imw-onboarding-sub__toggle[aria-expanded=true] i {
  transform: rotate(180deg);
}

.imw-onboarding-sub__toggle i {
  transition: transform 120ms ease;
}

.imw-onboarding-sub__tail {
  max-height: 340px;
  overflow-y: auto;
  margin-top: 4px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
  padding: 4px 6px;
}

.imw-onboarding-sub__tail:focus-visible {
  outline: 2px solid #4338ca;
  outline-offset: 1px;
}

.imw-onboarding-sub__tail > .imw-delivery__files {
  margin-bottom: 0;
}

/* Staff drag-and-drop intake — matches the workspace .imw-empty-drop pattern. */
.imw-staff-drop {
  margin-top: 10px;
  border: 2px dashed #cbd5e1;
  border-radius: 12px;
  padding: 18px;
  text-align: center;
  background: #fbfcfe;
  transition: border-color 0.15s, background 0.15s;
}
.imw-staff-drop.is-dragover {
  border-color: #6366f1;
  background: #eef2ff;
}

.imw-staff-drop__icon {
  font-size: var(--edc-fs-display);
  color: #6366f1;
}

.imw-staff-drop__hint {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.imw-staff-drop__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.imw-staff-drop__status {
  margin-top: 8px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #475569;
  min-height: 16px;
}

/* Finalize Onboarding cluster — sentence + button form ONE CENTRED cluster at
   the BOTTOM OF THE ONBOARDING ZONE (it used to be its own card below the
   zone). The button ends the zone's life, so it closes the card it belongs to.
   A hairline above the cluster separates it from the file lists. */
.imw-onboarding-finalize {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #dfe2f4;
}

.imw-onboarding-finalize__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
  padding: 0;
}

.imw-onboarding-finalize__prompt {
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  color: #334155;
  font-weight: 600;
}

.imw-onboarding-finalize__prompt i {
  color: #475467;
}

.imw-onboarding-finalize__row .btn {
  flex: 0 0 auto;
}

/* Finalize button — a slow idle sheen sweep marks it as the zone's one closing
   action without a second colour or a badge; hover lifts and brightens it. The
   button's dialog/confirmation behaviour is untouched: this is paint only. */
#imw-onboarding-finalize-btn {
  position: relative;
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}
#imw-onboarding-finalize-btn::after {
  content: "";
  /* The theme's ripple plugin adds .waves-effect to buttons at runtime, and
     the app globally kills those ripples with
     `.waves-effect:not(.dropdown-toggle):after { display: none !important }`.
     That rule would suppress this pseudo-element outright, so the !important
     here is load-bearing, not decoration. Scoped to this one id. */
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0) 70%);
  transform: translateX(-130%);
  animation: imw-finalize-sheen 5s ease-in-out infinite;
  pointer-events: none;
}
#imw-onboarding-finalize-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
  box-shadow: 0 5px 14px rgba(37, 99, 235, 0.32);
}
#imw-onboarding-finalize-btn {
  /* Keyboard focus deliberately does NOT reuse the hover glow. The app's own
     `.btn:focus-visible` paints a box-shadow focus ring, so overriding
     box-shadow here would have quietly deleted this button's focus indicator
     and replaced it with a diffuse hover glow. Focus keeps the lift, leaves
     box-shadow to the app's rule, and adds a crisp offset outline on top so
     focus is never mistaken for hover. */
}
#imw-onboarding-finalize-btn:focus-visible {
  transform: translateY(-1px);
  filter: brightness(1.08);
  outline: 2px solid #1d4ed8;
  outline-offset: 3px;
}

@keyframes imw-finalize-sheen {
  0% {
    transform: translateX(-130%);
  }
  45%, 100% {
    transform: translateX(130%);
  }
}
@media (prefers-reduced-motion: reduce) {
  #imw-onboarding-finalize-btn {
    transition: none;
  }
  #imw-onboarding-finalize-btn::after {
    display: none !important;
    animation: none;
  }
  #imw-onboarding-finalize-btn:hover, #imw-onboarding-finalize-btn:focus-visible {
    transform: none;
  }
  #imw-onboarding-finalize-btn {
    /* The focus outline is an indicator, not motion — it must survive. */
  }
  #imw-onboarding-finalize-btn:focus-visible {
    outline: 2px solid #1d4ed8;
    outline-offset: 3px;
  }
}
.imw-onboarding-finalize__unresolved {
  margin: 8px 0 10px;
  padding-left: 20px;
  font-size: var(--edc-fs-secondary);
  color: #334155;
}
.imw-onboarding-finalize__unresolved li {
  margin-bottom: 3px;
}

/* Finalize confirmation dialog — full onboarding-state summary. */
.imw-onboarding-finalize__dialog {
  width: 520px;
}

.imw-onboarding-summary__counts {
  font-size: var(--edc-fs-body);
  color: #334155;
  margin: 0 0 12px;
}

.imw-onboarding-summary__group {
  margin: 0 0 12px;
}

.imw-onboarding-summary__heading {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #334155;
  margin: 0 0 4px;
  display: flex;
  align-items: center;
}

.imw-onboarding-summary__group--imported .imw-onboarding-summary__heading i {
  color: #15803d;
}

.imw-onboarding-summary__group--warn .imw-onboarding-summary__heading i {
  color: #b45309;
}

.imw-onboarding-summary__list {
  list-style: none;
  margin: 0;
  padding: 0 0 0 22px;
  font-size: var(--edc-fs-secondary);
  color: #334155;
}
.imw-onboarding-summary__list li {
  margin-bottom: 2px;
}

/* The unresolved groups read as "needs attention" — a soft amber card so they
   are visually distinct from the imported group, never colour-only (the
   headings still carry the word + icon). */
.imw-onboarding-summary__group--warn {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 8px;
  padding: 8px 10px;
}

.imw-onboarding-summary__note {
  margin: 0 0 10px;
}

.imw-onboarding-summary__consequence {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 4px 0 0;
  border-top: 1px solid #eef2f6;
  padding-top: 10px;
}

/* Post-finalize collapsed summary. */
.imw-onboarding-done__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 4px;
  cursor: pointer;
  list-style: none;
}
.imw-onboarding-done__summary::-webkit-details-marker {
  display: none;
}

.imw-onboarding-done__summary:focus-visible {
  outline: 2px solid #4338ca;
  outline-offset: 2px;
  border-radius: 6px;
}

.imw-onboarding-done__line {
  font-size: var(--edc-fs-body);
}

.imw-onboarding-done__toggle-close {
  display: none;
}

.imw-onboarding-done[open] .imw-onboarding-done__toggle-open {
  display: none;
}

.imw-onboarding-done[open] .imw-onboarding-done__toggle-close {
  display: inline;
}

.imw-onboarding-done[open] .imw-onboarding-done__toggle i {
  transform: rotate(180deg);
}

.imw-onboarding-done__toggle i {
  transition: transform 0.15s;
}

.imw-onboarding-done__body {
  padding: 6px 4px 4px;
}

/* Onboarding provenance tag on import rows + summary header. */
.imw-onboarding-tag {
  display: inline-flex;
  align-items: center;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #3730a3;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  border-radius: 999px;
  padding: 1px 8px;
  margin-left: 6px;
  vertical-align: middle;
}

.imw-onboarding-tag--lg {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  padding: 2px 10px;
}

.imw-batch-row--completed .imw-batch-row__name {
  color: #334155;
}

/* Finalize confirm dialog reuses the drop-off dialog shell */
.imw-delivery-dialog {
  position: fixed;
  inset: 0;
  z-index: 1055;
  background: rgba(15, 23, 42, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* A DIALOG THAT CANNOT GROW PAST THE WINDOW.
   MEASURED on the walk of 2026-08-12, with 36 onboarding files in the org: the
   finalize panel rendered 1,944px tall inside a 900px viewport and, being
   centred, put its own question at top:-498 and its Confirm / Cancel at
   top:1360 — both off screen, with nothing scrollable and only Escape as a way
   out. The list inside is unbounded by nature (one line per file), so the
   PANEL has to be the thing that bounds it.

   Question and buttons are pinned; only the body between them scrolls, so the
   two things a person must see are always the two things they can see. This
   shell is shared by the delete confirm, the restore list and the duplicate-
   content prompt, all of which grow the same way — so the fix lands once. */
.imw-delivery-dialog__panel {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  width: 460px;
  max-width: 92vw;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.3);
  display: flex;
  flex-direction: column;
  max-height: min(84vh, 720px);
}
.imw-delivery-dialog__panel h3 {
  margin: 0 0 4px;
  font-size: var(--edc-fs-title);
  flex: 0 0 auto;
}
.imw-delivery-dialog__panel {
  /* The body is whatever sits between the heading and the footer row. */
}
.imw-delivery-dialog__panel > div:not(.imw-delivery-dialog__status):not([class*=justify-content-end]) {
  overflow-y: auto;
  min-height: 0;
  flex: 1 1 auto;
}
.imw-delivery-dialog__panel > div:not(.imw-delivery-dialog__status):not([class*=justify-content-end]):focus, .imw-delivery-dialog__panel > div:not(.imw-delivery-dialog__status):not([class*=justify-content-end]):focus-visible {
  outline: 2px solid #2f6feb;
  outline-offset: 2px;
  border-radius: 4px;
}
.imw-delivery-dialog__panel > .imw-delivery-dialog__status,
.imw-delivery-dialog__panel > [class*=justify-content-end] {
  flex: 0 0 auto;
}

.imw-delivery-dialog__status {
  margin-top: 8px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #475569;
  min-height: 16px;
}

/* ── Contents declaration step ──────────────────────────────────────── */
.imw-contents {
  max-width: 760px;
}

.imw-contents__head {
  margin-bottom: 18px;
}

.imw-contents__heading {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 6px;
}

.imw-contents__lede {
  font-size: var(--edc-fs-body);
  margin: 0;
}

.imw-contents__readonly-banner {
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 16px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #334155;
}

.imw-contents__sheet {
  border: 0;
  margin: 0 0 20px;
  padding: 0;
}

/* Item 5: when a workbook declares more than one sheet, each sheet group is a
   peer card so its name header, checkboxes, and peek read as one unit. A lone
   sheet keeps the flat, borderless layout (:only-of-type). */
.imw-contents__sheet:not(:only-of-type) {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 16px;
  background: #fbfcfe;
}

.imw-contents__sheet-legend {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #475569;
  float: none;
  width: auto;
  margin-bottom: 10px;
}

.imw-contents__peek--sheet {
  margin: 0 0 12px;
  padding: 0;
  background: transparent;
  border: 0;
}

.imw-contents__modules {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.imw-contents__module {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 12px 14px;
  transition: border-color 0.12s, background 0.12s;
}
.imw-contents__module.is-selected {
  border-color: #6366f1;
  background: #f5f6ff;
}

.imw-contents__module-pick {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  cursor: pointer;
}

.imw-contents__module-check {
  width: 17px;
  height: 17px;
}

.imw-contents__module-name {
  font-weight: 600;
  color: #1e293b;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
}

.imw-contents__module-count {
  margin-left: auto;
  font-size: var(--edc-fs-label);
  color: #4f46e5;
  font-weight: 600;
}

.imw-contents__assign-toggle {
  padding: 4px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.imw-contents__cols {
  margin-top: 10px;
  border-top: 1px dashed #e2e8f0;
  padding-top: 10px;
}

.imw-contents__cols-hint {
  margin: 0 0 8px;
}

.imw-contents__col-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.imw-contents__col-chip {
  border: 1px solid #cbd5e1;
  background: #fff;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #334155;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.imw-contents__col-chip:hover {
  border-color: #94a3b8;
}
.imw-contents__col-chip:focus-visible {
  outline: 2px solid #4f46e5;
  outline-offset: 1px;
}
.imw-contents__col-chip .imw-contents__col-check {
  display: none;
  font-size: var(--edc-fs-eyebrow);
}
.imw-contents__col-chip .imw-contents__col-repeat {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  color: #6d28d9;
  background: #ede9fe;
  border-radius: 6px;
  padding: 0 5px;
  line-height: 1.5;
}
.imw-contents__col-chip.is-assigned {
  border-color: #4f46e5;
  background: #eef2ff;
  color: #3730a3;
  font-weight: 600;
}
.imw-contents__col-chip.is-assigned .imw-contents__col-check {
  display: inline;
}

.imw-contents__footer {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid #e2e8f0;
}

.imw-contents__status {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  flex: 1;
  min-height: 16px;
}

/* THE ORIGIN QUESTION (Audience Cleanup slice 5) — a peer block above the
   footer; three radios in a row that wrap under 992. */
.imw-contents__origin {
  margin: 18px 0 6px;
  padding: 14px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}

.imw-contents__origin-legend {
  float: none;
  width: auto;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 4px;
}

.imw-contents__origin-hint {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0 0 10px;
}

.imw-contents__origin-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}

.imw-contents__origin-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1e293b;
  cursor: pointer;
}
.imw-contents__origin-option input {
  margin: 0;
  width: 16px;
  height: 16px;
  accent-color: #4f46e5;
}

.imw-contents__origin-answer {
  margin: 8px 0 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1e293b;
}

.imw-contents__confirm {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.42);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1080;
}

.imw-contents__confirm-inner {
  background: #fff;
  border-radius: 12px;
  padding: 22px 24px;
  max-width: 440px;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.25);
}

.imw-contents__confirm-title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #991b1b;
  margin: 0 0 8px;
}

.imw-contents__confirm-body {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #334155;
  margin: 0 0 16px;
}

.imw-contents__confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.ezm-divider {
  list-style: none;
  margin: 10px 0 4px;
  padding: 4px 0 0;
  border-top: 1px dashed #cbd5e1;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #64748b;
}

.ezm-row--assigned .ezm-src {
  font-weight: 700;
}

/* ── Import workspace feedback pass (import-workspace-feedback-1) ─────── */
/* #11 — inline-editable workspace title */
.imw-title-edit {
  background: none;
  border: 0;
  padding: 2px 6px;
  margin: -2px -6px;
  font: inherit;
  color: inherit;
  cursor: text;
  border-radius: 6px;
  text-align: left;
  max-width: 100%;
  /* Ellipsis on the button itself (whole label), never a mid-word clip from
     the parent .workspace-title's overflow — a named title still truncates
     gracefully, but as one unit. */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.imw-title-edit:hover {
  background: #eef2f7;
}

.imw-title-edit:focus-visible {
  outline: 2px solid #2f6feb;
  outline-offset: 1px;
}

.imw-title-edit--unnamed {
  color: #667085;
  font-style: italic;
  font-weight: 500;
  /* THE INVITATION IS NOT DATA AND MUST NOT ELLIPSIS. Measured at 1280px with
     the Round 3 header: the trigger was squeezed to 254px and read "Untitled
     import — click to n…". A min-width stops the flex row taking it (a real,
     named title still clamps and ellipsises — that IS data, and long names have
     to give ground). */
  min-width: 300px;
}

/* The unnamed placeholder ("Untitled import — click to name") is an AFFORDANCE,
   not data: it must always read in full — both as the button trigger AND as
   the input placeholder shown during the auto-focus nudge. Relax the
   .workspace-title ellipsis clamp (max-width: 42vw + nowrap+ellipsis) whenever
   it hosts the unnamed trigger OR the naming input, so the invitation never
   truncates to "…click to". A real, named title keeps the clamp. */
.workspace-title:has(.imw-title-edit--unnamed),
.workspace-title:has(.imw-title-input:not([hidden])) {
  max-width: none;
  overflow: visible;
}

/* …EXCEPT WHERE IT WOULD SIT ON TOP OF SOMETHING (Round 3). With a centre
   region in the header (the step position) and the forward act in the corner,
   `max-width: none; overflow: visible` let the naming invitation grow straight
   across the step names — measured at 1280px, "Final Approval" was underneath
   the title input. The invitation still reads in full (the placeholder needs
   about 250px and gets 26vw = 333px at 1280), it simply cannot spill. */
.workspace-header--centered .workspace-title:has(.imw-title-edit--unnamed),
.workspace-header--centered .workspace-title:has(.imw-title-input:not([hidden])) {
  max-width: 34vw;
  overflow: hidden;
}

.imw-title-input {
  font: inherit;
  font-weight: inherit;
  color: #1e293b;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  padding: 2px 8px;
  /* Wide enough for the full "Untitled import — click to name" placeholder so
     the naming affordance never reads half-cut. MEASURED at 1280px with the
     Round 3 header: at 300px the placeholder rendered as "Untitled import —
     click to n…" (the field inherits the 17px/600 title face, so the sentence
     needs more room than the number suggests). */
  min-width: 380px;
  max-width: 100%;
}

.imw-title-input:focus-visible {
  outline: 2px solid #2f6feb;
  outline-offset: 1px;
  border-color: #2f6feb;
}

/* #8 — Contents sheet peek */
.imw-contents__peek {
  margin: 0 0 22px;
  padding: 14px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fbfcfe;
}

.imw-contents__peek-heading {
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 4px;
}

.imw-contents__peek-hint {
  margin: 0 0 10px;
}

.imw-contents__peek-table {
  overflow-x: auto;
}

.imw-contents__peek-grid {
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  width: 100%;
  background: #fff;
}

.imw-contents__peek-grid th, .imw-contents__peek-grid td {
  border: 1px solid #e5e9f0;
  padding: 4px 8px;
  text-align: left;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.imw-contents__peek-grid thead th {
  background: #f1f5f9;
  color: #334155;
  font-weight: 700;
}

.imw-contents__peek-grid .imw-contents__peek-n {
  color: #94a3b8;
  font-weight: 600;
  text-align: right;
}

.imw-contents__peek-cap {
  margin-top: 6px;
}

/* #9 — Contents continue guard hint */
.imw-contents__continue-hint {
  display: inline-block;
  margin-right: 10px;
}

/* #13 — file removal */
.imw-contents__remove {
  margin-top: 14px;
}

.imw-contents__remove-btn {
  padding: 2px 4px;
}

/* #12 — reopen archived batch */
.imw-summary__reopen {
  margin: 0 0 18px;
  padding: 12px 16px;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #6366f1;
  border-radius: 8px;
  background: #f7f8ff;
}

.imw-summary__reopen-note {
  font-size: var(--edc-fs-secondary);
}

/* #5b — org-scan errored state in the inspector */
.imw-inspector__orgscan-error {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #92400e;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 6px;
  padding: 8px 10px;
}

.imw-inspector__orgscan-error i {
  color: #b45309;
}

/* ═══════════════════════════════════════════════════════════════════
   IMPORT — THE END OF AN IMPORT (final summary, remainder rows, undo panel)
   Round 2 items C + K. One component set, rendered both at the walk's
   last step and on the batch summary.
   Legibility floor: body >= 13px; info labels >= 11px at neutral-600
   or darker. Nothing here says anything by colour alone.
   ═══════════════════════════════════════════════════════════════════ */
.imw-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ── the final summary ─────────────────────────────────────────── */
.imw-final {
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  background: #fff;
  padding: 20px 22px;
}

.imw-final__head {
  margin-bottom: 18px;
}

.imw-final__title {
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  font-weight: 700;
  color: #101828;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 6px;
}

.imw-final__icon {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
}

.imw-final__icon--ok {
  color: #067647;
}

.imw-final__icon--part {
  color: #b54708;
}

.imw-final__icon--bad {
  color: #b42318;
}

/* Undone is neither a success nor a failure — it is a deliberate act, so it
   wears the neutral ink rather than borrowing green or red. */
.imw-final__icon--undone {
  color: #475467;
}

.imw-final__lede {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  line-height: 1.55;
  color: #344054;
  margin: 0;
  max-width: 68ch;
}

/* The undone state states several facts in a row (what was written, what was
   left in place, what approving again would do); consecutive ledes need air. */
.imw-final__lede + .imw-final__lede {
  margin-top: 8px;
}

.imw-final__when {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #475467;
  margin: 6px 0 0;
}

.imw-final__block {
  border-top: 1px solid #eaecf0;
  padding-top: 16px;
  margin-top: 16px;
}

.imw-final__block-subtitle {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2430;
  margin: 14px 0 6px;
}

.imw-final__change-reason {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #1f2937;
  margin: 6px 0 0;
}

.imw-final__change-mailbox {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #374151;
  margin: 2px 0 0;
}

.imw-final__change-reason code,
.imw-final__change-mailbox code {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #1f2937;
  background: #f3f4f6;
  padding: 0 4px;
  border-radius: 3px;
}

.imw-final__block-title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
  margin: 0 0 10px;
}

.imw-final__block-lede {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #344054;
  margin: 0 0 12px;
  max-width: 68ch;
}

.imw-final__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.imw-final__modules {
  list-style: none;
  margin: 0;
  padding: 0;
}

.imw-final__module {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 14px;
  padding: 9px 0;
  border-bottom: 1px solid #f2f4f7;
}

.imw-final__module:last-child {
  border-bottom: 0;
}

.imw-final__module-name {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
  color: #101828;
  min-width: 9rem;
}

.imw-final__module-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
}

.imw-final__module-count {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #344054;
}

.imw-final__module-count strong {
  color: #101828;
}

.imw-final__module-count--bad {
  color: #912018;
}

.imw-final__module-count--bad strong {
  color: #912018;
}

.imw-final__reasons {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

.imw-final__reason {
  display: flex;
  gap: 12px;
  align-items: baseline;
  padding: 8px 0;
  border-bottom: 1px solid #f2f4f7;
}

.imw-final__reason:last-child {
  border-bottom: 0;
}

.imw-final__reason-count {
  flex: 0 0 auto;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  color: #912018;
  background: #fef3f2;
  border: 1px solid #fecdca;
  border-radius: 999px;
  padding: 2px 9px;
  white-space: nowrap;
}

.imw-final__reason-text {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #344054;
}

.imw-final__reasons-note {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475467;
  margin: 0;
  max-width: 68ch;
}

/* ── the remainder rows download ────────────────────────────────────── */
.imw-remainder {
  border-top: 1px solid #eaecf0;
  padding-top: 16px;
  margin-top: 16px;
}

/* THE ONE THING TO ACT ON gets the emphasis. Everywhere it appears — the
   walk's last step and the batch summary — the remainder rows block is the only
   part of a finished import that still asks something of the reader, so it
   reads as a card rather than as another divided section. Amber + an icon +
   the count, never colour on its own. */
.imw-final .imw-remainder,
.imw-summary .imw-remainder,
.imw-summary__files .imw-remainder {
  border: 1px solid #fedf89;
  background: #fffcf5;
  border-radius: 10px;
  padding: 16px 18px;
  margin: 16px 0;
}

.imw-final .imw-remainder {
  border-top: 1px solid #fedf89;
}

.imw-remainder__heading {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.imw-remainder__file + .imw-remainder__file {
  border-top: 1px solid #eaecf0;
  margin-top: 14px;
  padding-top: 14px;
}

.imw-remainder__count {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #344054;
  margin: 0 0 8px;
}

.imw-remainder__filename {
  font-weight: 600;
  color: #101828;
}

.imw-remainder__breakdown {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
}

.imw-remainder__breakdown li {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #344054;
  display: flex;
  align-items: baseline;
  gap: 7px;
}

.imw-remainder__breakdown i {
  color: #b54708;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}

.imw-remainder__note {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475467;
  margin: 0 0 12px;
  max-width: 68ch;
}

/* ── the undo panel ────────────────────────────────────────────── */
.imw-undo-panel {
  border-top: 1px solid #eaecf0;
  padding-top: 16px;
  margin-top: 16px;
}

.imw-undo-panel--compact {
  border-top: 0;
  padding-top: 0;
  margin-top: 8px;
}

.imw-undo-panel__heading {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.imw-undo-panel__lede {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #344054;
  margin: 0 0 12px;
  max-width: 68ch;
}

.imw-undo-panel__act {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* THE SLOT. Reserved at first render so growing from one option to three
   never moves what sits above it. */
.imw-undo-panel__options {
  margin-top: 14px;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  background: #fcfcfd;
  padding: 16px 18px;
}

.imw-undo-panel__options[hidden] {
  display: none;
}

.imw-undo-panel__options:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

.imw-undo-panel__loading {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475467;
  margin: 0;
}

.imw-undo-panel__err {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #b42318;
  margin: 0;
}

.imw-undo-panel__none {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #344054;
  margin: 0;
}

.imw-undo-panel__option + .imw-undo-panel__option {
  border-top: 1px solid #eaecf0;
  margin-top: 16px;
  padding-top: 16px;
}

/* CHECKPOINT UNDO (importer hardening, step 8): the "undo to here" list. */
.imw-undo-panel__checkpoints {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.imw-undo-panel__checkpoint {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 8px 10px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
}

.imw-undo-panel__checkpoint.is-chosen {
  border-color: #2f5cc4;
  background: #eef3fd;
}

.imw-undo-panel__checkpoint-n {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #1f2937;
  color: #fff;
  font-weight: 600;
  font-size: var(--edc-fs-label);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.imw-undo-panel__checkpoint-label {
  color: #111827;
  font-weight: 600;
}

.imw-undo-panel__checkpoint-when, .imw-undo-panel__checkpoint-bits {
  color: #4b5563;
  font-weight: 400;
  margin-left: 6px;
}

.imw-undo-panel__checkpoint-chosen {
  color: #1e40af;
  font-weight: 600;
  font-size: var(--edc-fs-label);
}

.imw-undo-panel__checkpoint-chosen--quiet {
  color: var(--edc-text-muted-words, #6b7280);
  font-weight: 400;
}

.imw-undo-panel__checkpoint-group {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #374151;
  margin: 10px 0 2px;
}

@media (max-width: 720px) {
  .imw-undo-panel__checkpoint {
    grid-template-columns: 28px minmax(0, 1fr);
  }
  .imw-undo-panel__checkpoint > :last-child {
    grid-column: 2;
  }
}
.imw-undo-panel__option--quiet {
  background: transparent;
}

.imw-undo-panel__option-title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #101828;
  margin: 0 0 6px;
}

.imw-undo-panel__option-lede {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  line-height: 1.55;
  color: #344054;
  margin: 0 0 12px;
  max-width: 68ch;
}

.imw-undo-panel__touched {
  list-style: none;
  margin: 0 0 4px;
  padding: 0;
  max-height: 320px;
  overflow-y: auto;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  background: #fff;
}

.imw-undo-panel__touched-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 12px;
  border-bottom: 1px solid #f2f4f7;
}

.imw-undo-panel__touched-row:last-child {
  border-bottom: 0;
}

.imw-undo-panel__touched-row input {
  margin-top: 3px;
  flex: 0 0 auto;
}

.imw-undo-panel__touched-row label {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin: 0;
  cursor: pointer;
}

.imw-undo-panel__touched-name {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #101828;
}

.imw-undo-panel__touched-why {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #475467;
}

.imw-undo-panel__gone {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475467;
  margin: 14px 0 0;
}

.imw-undo-panel__cancel {
  margin-top: 14px;
}

.imw-undo-panel__status {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475467;
  margin: 10px 0 0;
  min-height: 1.2em;
}

.imw-undo-panel__status--error {
  color: #b42318;
  font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════════════════
   DECLARED DUPLICATES — "these records are the same record"
   Round 3 item 4. Appended as one block at the end of the file because a
   parallel worker owns the ~16000-line region above; nothing here reaches
   outside the `cdup-` prefix.

   Hosts: the Companies list (selection column + toolbar + dialog) and the
   Data Health duplicates page (search picker + the same toolbar + dialog).

   Legibility floor is explicit in px, never inherited: body >= 13px, info
   labels >= 11px at #475467 or darker. No .btn-sm anywhere in here — it
   computes to 11.375px (ledgered as
   btn_sm_beats_the_importer_legibility_and_contrast_floor).
   ═══════════════════════════════════════════════════════════════════════ */
/* ── The selection column on the record list ─────────────────────────── */
.cdup-col {
  width: 3rem;
  text-align: center;
  vertical-align: middle;
}

.cdup-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
}

/* 24x24 so the target clears WCAG 2.5.8 without relying on the cell padding,
   which does not count toward a checkbox's own target size. */
input.cdup-check,
#cdup-select-all {
  width: 24px;
  height: 24px;
  margin: 0;
  cursor: pointer;
  border: 1.5px solid #98a2b3;
}

input.cdup-check:focus-visible,
#cdup-select-all:focus-visible,
.cdup-toolbar button:focus-visible,
.cdup-list__radio:focus-visible,
.cdup-list__drop:focus-visible,
.cdup-picker button:focus-visible,
.cdup-picker input:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

/* ── The selection toolbar ───────────────────────────────────────────── */
.cdup-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0 1.5rem 0.25rem;
  padding: 14px 18px;
  background: #eff8ff;
  border: 1px solid #b2ddff;
  border-radius: 12px;
}

.cdup-toolbar__count {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #101828;
  line-height: 1.4;
}

.cdup-toolbar__count strong {
  font-weight: 700;
}

.cdup-toolbar__hint {
  display: inline-block;
  margin-left: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #175cd3;
}

.cdup-toolbar__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* Two classes deep, because the app's own .btn rule lands later in the
   cascade and drags every button down to 12.25px — under the 13px floor.
   Measured with getComputedStyle, not read off this file. */
.btn.cdup-btn,
button.cdup-btn {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  padding: 8px 16px;
  min-height: 40px;
}

/* ── The declaration dialog ──────────────────────────────────────────── */
.cdup-modal .modal-content {
  border: 1px solid #eaecf0;
  border-radius: 14px;
}

/* Scoped: the app styles .modal-title blue, which made the dialog heading
   read as a link. */
.cdup-modal .cdup-title,
.cdup-modal h2.cdup-title {
  font-size: calc(var(--edc-fs-title) * 19 / 18);
  font-weight: 700;
  color: #101828;
  margin: 0;
}

.cdup-lede {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  line-height: 1.55;
  color: #344054;
  margin: 0 0 18px;
}

.cdup-fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 18px;
}

.cdup-legend {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #475467;
  margin: 0 0 8px;
  padding: 0;
  float: none;
  width: auto;
}

.cdup-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cdup-list__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  background: #fff;
}

/* The kept record is marked by the radio's own shape as well as by the
   border and ground, so the state is never carried by colour alone. */
.cdup-list__item:has(.cdup-list__radio:checked) {
  border-color: #1570ef;
  background: #f5faff;
  box-shadow: inset 0 0 0 1px #1570ef;
}

.cdup-list__radio {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin: 0;
  cursor: pointer;
  accent-color: #1570ef;
}

.cdup-list__label {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 auto;
  margin: 0;
  cursor: pointer;
}

.cdup-list__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #101828;
}

.cdup-list__meta {
  font-size: var(--edc-fs-label);
  color: #475467;
}

/* The decision, said once under the list rather than on every row. */
.cdup-keeping {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475467;
  margin: 10px 0 0;
  padding: 8px 12px;
  background: #f9fafb;
  border-radius: 8px;
  border: 1px dashed #d0d5dd;
}

.cdup-keeping--set {
  color: #175cd3;
  background: #f5faff;
  border-style: solid;
  border-color: #b2ddff;
}

.cdup-list__drop {
  border: 1px solid #d0d5dd;
  background: #fff;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  padding: 6px 12px;
  min-height: 32px;
  cursor: pointer;
}

.cdup-list__drop:hover {
  background: #f9fafb;
  border-color: #98a2b3;
}

.cdup-note-wrap {
  margin: 0 0 18px;
}

.cdup-label {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  margin: 0 0 6px;
}

.cdup-optional {
  font-weight: 500;
  color: #475467;
}

.cdup-input {
  font-size: var(--edc-fs-body);
  min-height: 42px;
}

.cdup-help {
  font-size: var(--edc-fs-label);
  color: #475467;
  margin: 6px 0 0;
}

.cdup-consequence {
  background: #f9fafb;
  border: 1px solid #eaecf0;
  border-left: 4px solid #f79009;
  border-radius: 10px;
  padding: 14px 16px;
}

.cdup-consequence__title {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #475467;
  margin: 0 0 8px;
}

.cdup-consequence__list {
  margin: 0;
  padding-left: 18px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.6;
  color: #344054;
}

.cdup-consequence__list li + li {
  margin-top: 6px;
}

.cdup-error {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #b42318;
  background: #fef3f2;
  border: 1px solid #fda29b;
  border-radius: 8px;
  padding: 10px 12px;
  margin: 16px 0 0;
}

/* ── The Data Health picker (search + tray) ──────────────────────────── */
.cdup-picker {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  padding: 18px 20px;
  margin-bottom: 2.25rem;
}

.cdup-picker__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #101828;
  margin: 0 0 4px;
}

.cdup-picker__lede {
  font-size: var(--edc-fs-secondary);
  line-height: 1.6;
  color: #475467;
  margin: 0 0 14px;
}

.cdup-picker__search {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.cdup-picker__field {
  flex: 1 1 260px;
}

.cdup-picker__results {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  max-height: 260px;
  overflow-y: auto;
  border: 1px solid #eaecf0;
  border-radius: 10px;
}

.cdup-picker__results:empty {
  display: none;
}

.cdup-picker__result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  font-size: var(--edc-fs-body);
  color: #101828;
  border-bottom: 1px solid #f2f4f7;
}

.cdup-picker__result:last-child {
  border-bottom: 0;
}

.cdup-picker__result-meta {
  display: block;
  font-size: var(--edc-fs-label);
  color: #475467;
}

.cdup-picker__add {
  border: 1px solid #1570ef;
  background: #fff;
  color: #175cd3;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 6px 14px;
  min-height: 32px;
  cursor: pointer;
  white-space: nowrap;
}

.cdup-picker__add[disabled] {
  border-color: #d0d5dd;
  color: #475467;
  cursor: default;
}

.cdup-picker__status {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 0;
  min-height: 1.3em;
}

.cdup-picker__status--error {
  color: #b42318;
  font-weight: 600;
}

.cdup-picker .cdup-toolbar {
  margin: 14px 0 0;
}

/* ── Reduced motion ─────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .cdup-modal.fade,
  .cdup-modal .modal-dialog {
    transition: none !important;
    animation: none !important;
  }
}
/* Clear-selection sits on the toolbar's pale blue ground, where Bootstrap's
   btn-outline-secondary grey (#6c757d) measures 4.18:1 — under the 4.5:1
   minimum. Darkened rather than inherited; see the ledger row
   btn_sm_beats_the_importer_legibility_and_contrast_floor for the same shape
   elsewhere. */
.btn.cdup-btn.btn-outline-secondary {
  color: #344054;
  border-color: #98a2b3;
}

.btn.cdup-btn.btn-outline-secondary:hover {
  color: #101828;
  background: #f2f4f7;
  border-color: #667085;
}

/* The consequence that must never scroll out of view. */
.cdup-footer {
  gap: 10px;
  flex-wrap: wrap;
}

.cdup-footer-note {
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #475467;
  flex: 1 1 220px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DUPLICATE REVIEW — the verdict, the visible difference, the survivor
   ───────────────────────────────────────────────────────────────────────────
   One family of styles for every surface that asks a person "are these two
   records the same?" — the scan results page, the bulk-merge preview, the
   receipt, and the merge workspace. Built as shared components on purpose: the
   quality is meant to be structural rather than repainted per page.

   Legibility floor observed throughout: body 13px, the smallest informational
   label 11px at #475467 (neutral-600) or darker. Light grey is used only for
   icons and for the em-dash that stands in for an empty value.
   ═══════════════════════════════════════════════════════════════════════════ */
/* ── THE VERDICT ─────────────────────────────────────────────────────────── */
.cd-verdict {
  padding: 1.25rem 1.5rem 1.35rem;
  margin-bottom: 1.5rem;
  background: #fcfcfd;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
}

.cd-verdict__heading {
  margin: 0 0 0.6rem;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #101828;
}

.cd-verdict__line {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  line-height: 1.55;
  color: #1d2939;
}

.cd-verdict__line strong {
  font-weight: 700;
}

.cd-verdict__dot {
  color: #98a2b3;
  margin: 0 0.4rem;
}

.cd-verdict__seg {
  white-space: nowrap;
}

.cd-verdict__seg--ready strong {
  color: #067647;
}

.cd-verdict__seg--look strong {
  color: #b54708;
}

.cd-verdict__seg--noise strong {
  color: #475467;
}

.cd-verdict__seg--auto strong {
  color: #175cd3;
}

.cd-verdict__act {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}

.cd-verdict__act-btn {
  font-weight: 600;
}

.cd-verdict__act-note {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  flex: 1 1 260px;
}

.cd-verdict__warn {
  margin: 0.85rem 0 0;
  font-size: var(--edc-fs-secondary);
  color: #b54708;
}

/* The band strip replaces the five equal tiles. Zero-count bands are not
   rendered at all, so this never draws a box around nothing. */
.cd-bandstrip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  list-style: none;
  padding: 0;
  margin: 1.1rem 0 0;
}

.cd-bandstrip__item {
  flex: 1 1 240px;
}

.cd-bandstrip__btn {
  display: block;
  width: 100%;
  text-align: left;
  padding: 0.7rem 0.9rem;
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

.cd-bandstrip__btn:hover {
  border-color: #b2ccff;
}

.cd-bandstrip__btn:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

.cd-bandstrip__btn.active {
  border-color: #1570ef;
  box-shadow: inset 0 0 0 1px #1570ef;
}

.cd-bandstrip__badge {
  font-size: var(--edc-fs-eyebrow);
  vertical-align: middle;
}

.cd-bandstrip__count {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #101828;
  margin-left: 0.45rem;
  vertical-align: middle;
}

.cd-bandstrip__meaning {
  display: block;
  margin-top: 0.3rem;
  font-size: var(--edc-fs-label);
  line-height: 1.45;
  color: #475467;
}

.cd-groups__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 1rem;
}

.cd-groups__title {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #101828;
}

/* ── THE VISIBLE DIFFERENCE ──────────────────────────────────────────────── */
.dh-diff {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #101828;
  word-break: break-word;
}

.dh-diff__empty {
  font-size: var(--edc-fs-secondary);
  color: #98a2b3;
}

.dh-diff__same {
  color: #101828;
}

/* A differing run. Marked with BOTH a background and a bottom rule, so it is
   still findable without colour vision. */
.dh-diff__mark {
  background: #fef0c7;
  color: #7a2e0e;
  border-bottom: 2px solid #dc6803;
  padding: 0 1px;
  border-radius: 2px;
}

/* A whitespace-only run is the invisible one, so it gets the stronger
   treatment: a solid chip that occupies space nothing else on the line does. */
.dh-diff__mark--space {
  background: #fee4e2;
  border-bottom-color: #d92d20;
  outline: 1px dashed #d92d20;
  outline-offset: 1px;
}

.dh-diff__ws {
  display: inline-block;
  min-width: 0.6em;
  text-align: center;
  color: #b42318;
  font-weight: 700;
}

/* ── THE FIELD COMPARISON ────────────────────────────────────────────────── */
.dh-cmp {
  margin: 0.9rem 0 0;
}

.dh-cmp__heading {
  margin: 0 0 0.5rem;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #101828;
}

.dh-cmp__verdict {
  margin: 0 0 0.7rem;
  font-size: var(--edc-fs-secondary);
  line-height: 1.55;
  color: #344054;
}

.dh-cmp__verdict-icon {
  margin-right: 0.35rem;
}

.dh-cmp__verdict-icon--match {
  color: #067647;
}

.dh-cmp__verdict-icon--differ {
  color: #b54708;
}

/* Wide content scrolls inside its own container; the page body never does. */
.dh-cmp__scroll {
  overflow-x: auto;
}

.dh-cmp__table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
}

.dh-cmp__table th,
.dh-cmp__table td {
  padding: 0.5rem 0.65rem;
  border-bottom: 1px solid #eaecf0;
  vertical-align: top;
  text-align: left;
}

.dh-cmp__field-head,
.dh-cmp__col {
  background: #f9fafb;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #475467;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

.dh-cmp__col--keeper {
  background: #ecfdf3;
  color: #054f31;
}

.dh-cmp__col-role {
  display: block;
}

.dh-cmp__col-name {
  display: block;
  margin-top: 0.2rem;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #101828;
  text-transform: none;
  letter-spacing: 0;
  white-space: normal;
}

.dh-cmp__col-note {
  display: block;
  margin-top: 0.15rem;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 500;
  color: #475467;
  text-transform: none;
  letter-spacing: 0;
  white-space: normal;
}

.dh-cmp__field {
  min-width: 9rem;
}

.dh-cmp__field-label {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #101828;
}

.dh-cmp__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.25rem;
  padding: 0.1rem 0.4rem;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  border-radius: 999px;
  border: 1px solid transparent;
  white-space: nowrap;
}

.dh-cmp__chip--identical {
  background: #ecfdf3;
  color: #054f31;
  border-color: #abefc6;
}

.dh-cmp__chip--invisible {
  background: #fef0c7;
  color: #7a2e0e;
  border-color: #fedf89;
}

.dh-cmp__chip--different {
  background: #fee4e2;
  color: #912018;
  border-color: #fecdca;
}

.dh-cmp__chip--only_one_side {
  background: #eff8ff;
  color: #175cd3;
  border-color: #b2ddff;
}

.dh-cmp__row--different {
  background: #fffbfa;
}

.dh-cmp__row--invisible {
  background: #fffcf5;
}

.dh-cmp__value--keeper {
  background: #fbfefc;
}

.dh-cmp__empties {
  margin: 0.55rem 0 0;
  font-size: var(--edc-fs-label);
  color: #475467;
}

/* ── THE SURVIVOR CONTROL ────────────────────────────────────────────────── */
.dh-survivor {
  padding: 0.7rem 0.9rem;
  background: #ecfdf3;
  border: 1px solid #abefc6;
  border-radius: 10px;
  margin-bottom: 0.75rem;
}

.dh-survivor__line {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.55;
  color: #054f31;
}

.dh-survivor__icon {
  color: #067647;
  margin-right: 0.35rem;
}

.dh-survivor__label {
  font-weight: 600;
}

.dh-survivor__name {
  font-size: var(--edc-fs-body);
  color: #05603a;
}

.dh-survivor__reason {
  color: #05603a;
}

.dh-survivor__detail {
  margin: 0.25rem 0 0;
  font-size: var(--edc-fs-label);
  color: #475467;
}

.dh-survivor__alts {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.55rem;
  padding-top: 0.5rem;
  border-top: 1px solid #abefc6;
}

.dh-survivor__alts-label {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475467;
}

.dh-survivor__alt-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.dh-survivor__alt {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.6rem;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #175cd3;
  background: #fff;
  border: 1px solid #b2ddff;
  border-radius: 999px;
  text-decoration: none;
  min-height: 32px;
}

.dh-survivor__alt:hover {
  background: #eff8ff;
  text-decoration: underline;
}

.dh-survivor__alt:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

/* ── THE BULK MERGE PREVIEW ──────────────────────────────────────────────── */
.bmp-summary {
  padding: 1.2rem 1.5rem;
  background: #f9fafb;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  margin-bottom: 1.35rem;
}

.bmp-summary__heading {
  margin: 0 0 0.6rem;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #101828;
}

.bmp-summary__list {
  margin: 0;
  padding-left: 1.2rem;
}

.bmp-summary__list li {
  font-size: var(--edc-fs-secondary);
  line-height: 1.6;
  color: #344054;
  margin-bottom: 0.4rem;
}

.bmp-summary__limit,
.bmp-summary__skipped {
  margin: 0.85rem 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.55;
  color: #475467;
}

.bmp-summary__skipped {
  color: #b54708;
}

.bmp-summary__limit-link {
  font-weight: 600;
}

.bmp-act {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.85rem;
  padding: 1.1rem 1.35rem;
  background: #fff;
  border: 2px solid #1570ef;
  border-radius: 12px;
  margin-bottom: 1.6rem;
}

.bmp-act__btn {
  font-weight: 600;
}

.bmp-act__note {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  flex: 1 1 260px;
}

.bmp-refused {
  padding: 0.9rem 1.2rem;
  background: #fffcf5;
  border: 1px solid #fedf89;
  border-radius: 10px;
  font-size: var(--edc-fs-secondary);
  color: #7a2e0e;
  margin-bottom: 1.6rem;
}

.bmp-groups__heading,
.bmr-list__heading {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #101828;
  margin: 0 0 0.8rem;
}

.bmp-groups,
.bmr-list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: bmpgroup;
}

.bmp-group,
.bmr-list__item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem 1.2rem;
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  margin-bottom: 0.7rem;
}

.bmp-group--flagged {
  border-color: #fedf89;
  background: #fffcf5;
}

.bmp-group__main {
  flex: 1 1 auto;
  min-width: 0;
}

.bmp-group__aside {
  flex: 0 0 auto;
}

.bmp-group__reason,
.bmp-group__away {
  margin: 0.35rem 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.55;
  color: #344054;
}

.bmp-group__away-label {
  font-weight: 600;
  color: #475467;
}

.bmp-group__diff {
  margin-top: 0.6rem;
}

.bmp-group__diff-summary {
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #175cd3;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
}

.bmp-group__diff-summary:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

.bmp-group__conflicts {
  margin-top: 0.7rem;
  padding: 10px 12px 12px;
  border: 1px solid #fcd34d;
  border-left: 4px solid #d97706;
  border-radius: 8px;
  background: #fffdf5;
}

.bmp-group__conflicts-heading {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #92400e;
  margin: 0 0 3px;
}

.bmp-group__conflicts-note {
  font-size: var(--edc-fs-label);
  line-height: 1.45;
  color: #3f3f46;
  margin: 0 0 9px;
}

.bmp-group__settled {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #3f3f46;
}

.bmp-group__settled-list {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
}

.bmp-group__settled-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 10px;
  padding: 6px 0;
  border-bottom: 1px solid #f1f5f9;
  font-size: var(--edc-fs-secondary);
}
.bmp-group__settled-row:last-child {
  border-bottom: none;
}

.bmp-group__settled-field {
  min-width: 130px;
  font-weight: 600;
  color: #1f2937;
}

.bmp-group__settled-value {
  flex: 1 1 200px;
  color: #0f172a;
  word-break: break-word;
}

.bmp-group__settled-why {
  font-size: var(--edc-fs-label);
  color: #52525b;
  white-space: nowrap;
}

.mlin__heading {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 8px;
}
.mlin__none {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #52525b;
  margin: 0;
}
.mlin__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mlin__row {
  display: grid;
  grid-template-columns: minmax(110px, 0.8fr) minmax(140px, 1.4fr) minmax(120px, 1fr);
  gap: 2px 12px;
  align-items: baseline;
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
  font-size: var(--edc-fs-secondary);
}
.mlin__row:last-child {
  border-bottom: none;
}
.mlin__field {
  font-weight: 600;
  color: #1f2937;
}
.mlin__value {
  color: #0f172a;
  word-break: break-word;
}
.mlin__source {
  color: #3f3f46;
}
.mlin__why {
  grid-column: 1/-1;
  font-size: var(--edc-fs-label);
  line-height: 1.4;
  color: #52525b;
}

@media (max-width: 820px) {
  .mlin__row {
    grid-template-columns: 1fr;
  }
}
.bmr-list__lineage {
  margin-top: 0.5rem;
}

.bmr-list__lineage-summary {
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #175cd3;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
}
.bmr-list__lineage-summary:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

.bmr-list__lineage-body {
  padding: 4px 0 2px;
}

.bmp-empty {
  text-align: center;
  padding: 3rem 1.5rem;
}

.bmp-empty__icon {
  font-size: calc(var(--edc-fs-display) * 40 / 24);
  color: #17b26a;
  margin-bottom: 0.8rem;
}

.bmp-empty__heading {
  font-size: var(--edc-fs-title);
  font-weight: 600;
  color: #101828;
}

.bmp-empty__desc {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  max-width: 34rem;
  margin: 0.5rem auto 1.2rem;
  line-height: 1.6;
}

/* ── THE RECEIPT ─────────────────────────────────────────────────────────── */
.bmr-head {
  padding: 1.2rem 1.5rem;
  background: #f9fafb;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  margin-bottom: 1.4rem;
}

.bmr-head__heading {
  margin: 0 0 0.5rem;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #101828;
}

.bmr-head__line {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.6;
  color: #344054;
}

.bmr-head__undone,
.bmr-head__partial {
  margin: 0.9rem 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.bmr-undo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1rem;
}

.bmr-undo__note {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  flex: 1 1 260px;
}

.bmr-undo__consequences-label {
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.bmr-undo__consequences {
  padding-left: 1.2rem;
  margin: 0;
}

.bmr-undo__consequences li {
  font-size: var(--edc-fs-secondary);
  line-height: 1.6;
  margin-bottom: 0.35rem;
}

.bmr-list__item {
  flex-direction: column;
  align-items: stretch;
}

.bmr-list__link {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.bmr-list__bare {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #344054;
}

.bmr-list__bare-note {
  color: #475467;
}

.dh-recent-merges__batch {
  font-size: var(--edc-fs-eyebrow);
}

.dh-recent-merges__batch-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

@media (prefers-reduced-motion: reduce) {
  .cd-bandstrip__btn {
    transition: none;
  }
}
/* The record number, shown only where two names in a group normalize alike —
   which is precisely the group whose names look identical on screen. */
.dh-survivor__id {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475467;
  font-variant-numeric: tabular-nums;
}

.dh-survivor__alt .dh-survivor__id {
  color: #175cd3;
}

/* A whitespace mark needs room of its own, or the eye reads the glyph as part
   of the neighbouring word. */
.dh-diff__mark--space {
  margin: 0 2px;
}

.dh-diff__mark--space .dh-diff__ws {
  min-width: 0.8em;
}

/* The field column names a field; the value columns hold what a person reads.
   Left unconstrained, the label column took a third of the table and the
   values wrapped. */
.dh-cmp__field {
  width: 20%;
  min-width: 8.5rem;
  max-width: 15rem;
}

.dh-cmp__value {
  min-width: 11rem;
}

/* A count of zero is good news. It keeps its place in the sentence — the
   verdict has to be complete — and loses the colour that means "waiting for
   you", so a clean band never reads as a warning. */
.cd-verdict__seg.is-zero,
.cd-verdict__seg.is-zero strong {
  color: #667085;
  font-weight: 500;
}

/* The workspace grid's per-row verdict — the same five words the scan card
   uses, so a person learns one vocabulary rather than two. */
.mw-field-verdict {
  display: inline-block;
  margin-top: 0.3rem;
  padding: 0.1rem 0.4rem;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  border-radius: 999px;
  border: 1px solid transparent;
}

.mw-field-verdict--identical {
  background: #ecfdf3;
  color: #054f31;
  border-color: #abefc6;
}

.mw-field-verdict--invisible {
  background: #fef0c7;
  color: #7a2e0e;
  border-color: #fedf89;
}

.mw-field-verdict--different {
  background: #fee4e2;
  color: #912018;
  border-color: #fecdca;
}

.mw-field-verdict--only_one_side {
  background: #eff8ff;
  color: #175cd3;
  border-color: #b2ddff;
}

/* The action word leads the card; the confidence word is the footnote under it.
   Both are text — no information lives in the card's colour alone. */
.dup-result-card__band {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #475467;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-top: 0.1rem;
}

/* Column hints on Recent scans — two numbers that looked like they disagreed
   now each say what they count. 11px is the informational-label floor and
   neutral-600 is its darkest permitted tone. */
.cd-recent-scans__colhint {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 500;
  color: #475467;
  text-transform: none;
  letter-spacing: 0;
}

.mw-done {
  border-color: #bbf7d0;
  border-left: 4px solid #16a34a;
}
.mw-done .mw-done__line {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #14532d;
  margin: 0 0 10px;
}

/* ── Prevent at entry: "is this already on file?" ──────────────────────────
   The panel that appears under a name field on the add-company / add-contact
   forms. It informs and never blocks, so it is deliberately quiet: no red, no
   warning triangle, no border weight that competes with a validation error.
   The one loud state is the FAILURE state, because a check that could not run
   must not be mistaken for a check that found nothing.

   Legibility floor: nothing here is under 13px, and every grey is #475467
   (8.9:1 on white) or darker. Nothing is conveyed by colour alone — the
   failure state carries its own words, not just a colour change. */
.entry-check {
  margin: 6px 0 0;
  /* A long company name must wrap inside a narrow form column rather than
     widening it — these panels sit in col-md-4 on the full add-company form. */
  min-width: 0;
  overflow-wrap: anywhere;
}

.entry-check__status {
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #101828;
  font-weight: 600;
  margin: 0;
}

/* Empty means silent — no reserved gap under every field on every form. */
.entry-check__status:empty {
  display: none;
}

.entry-check__status--filled {
  margin-bottom: 6px;
}

.entry-check__status--error {
  color: #912018;
  font-weight: 600;
}

/* Decorative; every state says its whole meaning in words as well. */
.entry-check__glyph {
  margin-right: 6px;
  color: #175cd3;
}

.entry-check__status--error .entry-check__glyph {
  color: #912018;
}

.entry-check__body[hidden] {
  display: none;
}

.entry-check__body {
  border: 1px solid #d0d5dd;
  border-left: 3px solid #175cd3;
  border-radius: 8px;
  background: #f9fafb;
  padding: 10px 12px;
}

.entry-check__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.entry-check__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  border-bottom: 1px solid #eaecf0;
}

.entry-check__item:last-child {
  border-bottom: 0;
}

.entry-check__text {
  display: block;
  min-width: 0;
}

.entry-check__name {
  display: block;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #101828;
  line-height: 1.4;
}

.entry-check__detail,
.entry-check__reason {
  display: block;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #475467;
}

/* One line, ellipsised. A website or an address is here to separate two
   records, not to be read in full, and wrapping a URL mid-token pushes the
   reason — the part that decides it — out of sight. */
.entry-check__detail {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* Not italic. A four-line italic run at 13px inside a narrow column is the
   least legible thing on the panel, and the reason is the part a person
   actually reads to decide. */
.entry-check__reason {
  margin-top: 2px;
}

.entry-check__open {
  flex: 0 0 auto;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #175cd3;
  text-decoration: underline;
  padding: 4px 8px;
  border-radius: 6px;
  white-space: nowrap;
}

.entry-check__open:hover,
.entry-check__open:focus {
  color: #0b4bad;
}

.entry-check__dismiss {
  margin-top: 8px;
  border: 1px solid #98a2b3;
  background: #fff;
  color: #344054;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 6px 12px;
  min-height: 32px;
  cursor: pointer;
}

.entry-check__dismiss:hover {
  background: #f2f4f7;
}

/* Visible focus, never removed. */
.entry-check__open:focus-visible,
.entry-check__dismiss:focus-visible {
  outline: 2px solid #175cd3;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .entry-check,
  .entry-check__body,
  .entry-check__dismiss {
    transition: none !important;
    animation: none !important;
  }
}
/* ── Quick Merge v2 (docs/plans/quick-merge-dialog-v2.md) ──────────────
   The v1 row-cell comparison is gone (rejected on UX — it inverted the
   reading axis). The collapsed radio list is the hero; comparison is an
   opt-in disclosure of vertical record COLUMNS under a sticky label rail.
   Quiet grammar: no fills — identical values muted, differing values
   normal weight, a "differs" marker on the rail. */
/* The modal stays its ordinary width until the comparison opens. */
.cdup-modal--wide .modal-lg {
  max-width: min(1080px, 94vw);
}

/* Ruling #7: the toolbar was touching the Filters button above it. */
.cdup-toolbar {
  margin-top: 12px;
}

/* Ruling #9: the toolbar's primary action carries the Data Health identity —
   white ground, the red heart-pulse mark, the Data Health text color — at
   the merge button's height with bigger text. The heart is how users learn
   "a Data Health feature is popping up here". */
.cdup-open-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 8px 16px;
  min-height: 40px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #475467;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}

.cdup-open-btn:hover {
  border-color: #d92d20;
  color: #b42318;
  background: #fff;
}

.cdup-open-btn:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

.cdup-open-btn svg {
  flex: 0 0 auto;
}

/* The dialog title wears the same mark. */
.cdup-title__mark {
  display: inline-flex;
  vertical-align: -2px;
  margin-right: 8px;
}

/* ── The 5+ note and its full-screen door (ruling #4) ── */
.cdup-many {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  background: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  padding: 12px 14px;
  margin: 0 0 16px;
}

.cdup-many__note {
  flex: 1 1 300px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.5;
  color: #344054;
}

.cdup-many__note strong {
  font-weight: 700;
  color: #101828;
}

/* ── The opt-in comparison disclosure (ruling #3) ── */
.cdup-compare {
  margin: 14px 0 18px;
}

.cdup-compare__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: 0;
  padding: 4px 2px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #175cd3;
  cursor: pointer;
}

.cdup-compare__toggle:hover {
  color: #1849a9;
  text-decoration: underline;
}

.cdup-compare__toggle:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

.cdup-compare__chev {
  font-size: var(--edc-fs-eyebrow);
  transition: transform 0.15s ease;
}

.cdup-compare--open .cdup-compare__chev {
  transform: rotate(90deg);
}

.cdup-compare__panel {
  margin-top: 10px;
}

.cdup-compare__scroll {
  overflow-x: auto;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  background: #fff;
  /* Hug the columns — two records must not leave a half-modal of void. */
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

.cdup-compare__status {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 8px 0 0;
}

/* The grid: a sticky 140px label rail, then one vertical column per record
   (max 4). Records read top to bottom — the axis the task actually has. */
.cdup-cmp {
  display: grid;
  grid-template-columns: 140px repeat(var(--cdup-cols, 2), minmax(170px, 210px));
  align-items: stretch;
  min-width: -moz-min-content;
  min-width: min-content;
  font-size: var(--edc-fs-secondary);
}

.cdup-cmp__rail {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #f9fafb;
  border-right: 1px solid #eaecf0;
  border-bottom: 1px solid #f2f4f7;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.cdup-cmp__corner {
  border-bottom: 1px solid #eaecf0;
}

.cdup-cmp__raillabel {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475467;
}

/* The differs marker lives on the rail, in words — never a fill (ruling #5). */
.cdup-cmp__differs {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #b42318;
}

.cdup-cmp__head {
  border: 0;
  border-bottom: 1px solid #eaecf0;
  border-left: 1px solid #f2f4f7;
  background: #fff;
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cdup-cmp__head:hover {
  background: #f9fafb;
}

.cdup-cmp__head:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: -2px;
}

.cdup-cmp__head--kept {
  background: #f5faff;
  box-shadow: inset 0 -2px 0 #1570ef;
}

.cdup-cmp__headname {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #101828;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cdup-cmp__echo {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #667085;
}

.cdup-cmp__head--kept .cdup-cmp__echo {
  color: #175cd3;
}

.cdup-cmp__val {
  padding: 8px 12px;
  border-bottom: 1px solid #f2f4f7;
  border-left: 1px solid #f2f4f7;
  line-height: 1.4;
  overflow-wrap: anywhere;
  /* Wrap to two lines, then ellipsize; the full value rides the title attr. */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Identical values recede; differing values carry normal ink (ruling #5). */
.cdup-cmp__val--same {
  color: #667085;
}

.cdup-cmp__val--differs {
  color: #101828;
}

.cdup-cmp__val--empty {
  color: #98a2b3;
}

.cdup-cmp__val--links {
  color: #175cd3;
  font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════════════════
   ORGANIZATION PROFILE — Administration → Organization Profile.
   v1: the Branding card, logo only. Legibility floor: body >= 13px,
   labels >= 11px at #475467 or darker.
   ═══════════════════════════════════════════════════════════════════════ */
.orgp {
  max-width: 1080px;
  margin: 0 auto;
  padding: 26px 28px 56px;
}

.orgp-header {
  margin-bottom: 22px;
}

.orgp-title {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  color: #101828;
  margin: 0 0 6px;
}

.orgp-subtitle {
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  color: #475467;
  margin: 0;
  max-width: 640px;
}

.orgp-card {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.orgp-card__head {
  padding: 18px 24px 14px;
  border-bottom: 1px solid #f2f4f7;
}

.orgp-card__title {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  color: #101828;
  margin: 0 0 2px;
}

.orgp-card__sub {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 0;
}

.orgp-branding {
  display: grid;
  grid-template-columns: minmax(300px, 5fr) minmax(320px, 6fr);
  gap: 28px;
  padding: 22px 24px 26px;
}

@media (max-width: 860px) {
  .orgp-branding {
    grid-template-columns: minmax(0, 1fr);
  }
}
.orgp-block-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
  margin: 0 0 10px;
}

.orgp-logo-current {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 96px;
  padding: 16px;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  background: repeating-conic-gradient(#f8fafc 0% 25%, #fff 0% 50%) 0 0/16px 16px;
  margin-bottom: 16px;
}

.orgp-logo-current__img {
  max-height: 72px;
  max-width: 100%;
}

.orgp-logo-empty {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.5;
  color: #475467;
  background: #f9fafb;
  border: 1px dashed #d0d5dd;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 0 0 16px;
}

.orgp-file-label {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  margin: 0 0 6px;
}

.orgp-file-input {
  display: block;
  width: 100%;
  font-size: var(--edc-fs-secondary);
  color: #344054;
  padding: 8px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
}

.orgp-file-input:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

.orgp-help {
  font-size: var(--edc-fs-label);
  color: #475467;
  margin: 6px 0 12px;
}

.btn.orgp-save {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  min-height: 40px;
  padding: 8px 18px;
}

.orgp-usage {
  margin-top: 22px;
}

.orgp-usage__list {
  margin: 0;
  padding-left: 18px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.6;
  color: #344054;
}

.orgp-usage__list li + li {
  margin-top: 4px;
}

.orgp-preview {
  margin: 0 0 16px;
}

.orgp-preview__stage {
  border: 1px solid #eaecf0;
  border-radius: 10px;
  overflow: hidden;
}

.orgp-preview__stage--header {
  background: #14243e;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  min-height: 58px;
}

.orgp-preview__logo--header {
  max-height: 34px;
  max-width: 220px;
}

.orgp-preview__stage--document {
  background: #fff;
  padding: 20px 22px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.orgp-preview__logo--document {
  max-height: 48px;
  max-width: 200px;
}

.orgp-preview__letterhead {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-left: 1px solid #eaecf0;
  padding-left: 16px;
}

.orgp-preview__orgname {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #101828;
}

.orgp-preview__meta {
  font-size: var(--edc-fs-label);
  color: #475467;
}

.orgp-preview__caption {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475467;
  margin-top: 6px;
}

.orgp-preview__note {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #475467;
  background: #f9fafb;
  border-radius: 8px;
  padding: 8px 12px;
  margin: 4px 0 0;
}

/* ═══════════════════════════════════════════════════════════════════════
   DATA HEALTH RECORD MODAL (dhm-) + the record-page button (dhb-).
   docs/plans/data-health-record-modal.md. Legibility floor: body >= 13px,
   labels >= 11px at #475467 or darker; no .btn-sm (ledgered).
   ═══════════════════════════════════════════════════════════════════════ */
/* The record actions row (shared/_record_actions): the ONE right-aligned
   strip of per-record utilities — the money chip and Data Health.
   Members gate themselves. */
.record-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin: 6px 0 2px;
}

.record-actions .dhb__button {
  white-space: nowrap;
}

.record-actions .dhb {
  margin: 0;
}

.dhb {
  display: flex;
  justify-content: flex-end;
  margin: 6px 0 2px;
}

.dhb__button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  padding: 5px 14px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #475467;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}

.dhb__button:hover {
  border-color: #d92d20;
  color: #b42318;
  text-decoration: none;
}

.dhb__button:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

/* THE COUNT (docs/plans/data-health-on-the-record.md §3.3): a count of things
   to look at, never a score and never a colour — neutral-700 on neutral-100
   (10:1); the heart stays red and alone. Secondary type, never below 12px. */
.dhb__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #344054;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.dhb__count[hidden] {
  display: none;
}

/* A refetch that failed says so where it can be seen (silence is a bug). */
.dhb[data-dhb] {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
}

.dhb__note {
  flex-basis: 100%;
  text-align: right;
  font-size: var(--edc-fs-label);
  color: #b42318;
}

.dhb__note[hidden] {
  display: none;
}

/* The pane's door (shared/_data_health_pane_door): the pane's own button,
   the same count pill. */
.dhb--pane {
  display: inline-flex;
  margin: 0;
}

.dhb__pane-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.dhb__pane-btn .dhb__count {
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
}

#dhRecordModal .modal-content {
  border: 1px solid #eaecf0;
  border-radius: 14px;
}

/* Scoped hard: the app styles .modal-title blue, which made the heading
   read as a link (same fix the Quick Merge dialog needed). */
#dhRecordModal .modal-title.dhm-title,
.dhm-title {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  color: #101828 !important;
  display: flex;
  align-items: center;
}

.dhm-summary {
  font-size: var(--edc-fs-body);
  color: #344054;
  margin: 0 0 12px;
}

.dhm-summary strong {
  color: #101828;
}

.dhm-graph {
  min-height: 200px;
  max-height: 260px;
  overflow: hidden;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  margin: 0 0 16px;
  background: #fcfcfd;
}

.dhm-graph[hidden] {
  display: none;
}

.dhm-graph svg {
  width: 100%;
  height: auto;
  max-height: 258px;
}

.dhm-section-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
  margin: 0 0 8px;
}

.dhm-findings {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dhm-finding {
  border: 1px solid #eaecf0;
  border-radius: 10px;
  padding: 12px 14px;
  background: #fff;
}

.dhm-finding__claim {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #101828;
  margin: 0 0 2px;
}

.dhm-finding__reason {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 0 0 8px;
}

.dhm-finding__act {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 6px 0 0;
}

.dhm-finding__act--done .dhm-btn {
  display: none;
}

.dhm-finding__target {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #101828;
}

.dhm-finding__status {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #067647;
}

.dhm-finding__hint {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 0;
}

.btn.dhm-btn {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 5px 12px;
  min-height: 32px;
}

.dhm-propagation {
  border: 1px solid #b2ddff;
  background: #eff8ff;
  border-radius: 10px;
  padding: 12px 14px;
  margin: 0 0 16px;
}

.dhm-propagation__offer {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #194185;
  font-weight: 600;
  margin: 0 0 8px;
}

.dhm-propagation__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.dhm-batch {
  margin-top: 10px;
}

.dhm-batch__rows {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 300px;
  overflow-y: auto;
}

.dhm-batch__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fff;
  border: 1px solid #d0e3f7;
  border-radius: 8px;
  padding: 8px 10px;
}

.dhm-batch__row--done {
  border-color: #abefc6;
  background: #f6fef9;
}

.dhm-batch__row--undone {
  opacity: 0.65;
}

.dhm-batch__main {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1 1 auto;
}

.dhm-batch__pair {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #101828;
}

.dhm-batch__why {
  font-size: var(--edc-fs-label);
  color: #475467;
}

.dhm-batch__drop {
  border: 0;
  background: none;
  font-size: var(--edc-fs-title);
  line-height: 1;
  color: #98a2b3;
  cursor: pointer;
  padding: 0 4px;
}

.dhm-batch__drop:hover {
  color: #b42318;
}

.dhm-batch__foot {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.dhm-batch__status {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
}

.dhm-cascade {
  border-top: 1px solid #f2f4f7;
  padding-top: 14px;
}

.dhm-cascade__q {
  margin: 0 0 12px;
}

.dhm-cascade__qlabel {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  margin: 0 0 6px;
}

.dhm-cascade__chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.dhm-chip {
  border: 1px solid #d0d5dd;
  background: #fff;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  padding: 5px 14px;
  cursor: pointer;
}

.dhm-chip:hover {
  border-color: #98a2b3;
}

.dhm-chip--on {
  border-color: #1570ef;
  color: #175cd3;
  background: #eff8ff;
}

.dhm-chip:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

.dhm-cascade__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

@media (max-width: 700px) {
  .dhm-cascade__cols {
    grid-template-columns: 1fr;
  }
}
.dhm-cascade__collabel {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
  margin: 0 0 6px;
}

.dhm-cascade__results {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 220px;
  overflow-y: auto;
}

.dhm-cascade__result {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 7px 10px;
}

.dhm-cascade__result--done {
  border-color: #abefc6;
  background: #f6fef9;
}

.dhm-cascade__resultname {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #101828;
}

.dhm-cascade__resultwhy {
  font-size: var(--edc-fs-label);
  color: #475467;
  flex: 1 1 100%;
}

.dhm-cascade__empty {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  padding: 4px 0;
}

.dhm-cascade__status {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #067647;
  margin: 8px 0 0;
  min-height: 1.2em;
}

.dhm-footer .dhm-graph-door {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #175cd3;
  text-decoration: none;
}

.dhm-footer .dhm-graph-door:hover {
  text-decoration: underline;
}

/* ── DHM v1.1: the lens overview + the Geocoding section ── */
.dhm-cards {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dhm-card {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  text-align: left;
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 16px;
  cursor: pointer;
}

.dhm-card:hover {
  border-color: #98a2b3;
  background: #fcfcfd;
}

.dhm-card:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

.dhm-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #f4f6fa;
  color: #475467;
  font-size: var(--edc-fs-heading);
  flex: 0 0 auto;
}

.dhm-card__body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1 1 auto;
}

.dhm-card__name {
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  font-weight: 700;
  color: #101828;
}

.dhm-card__sub {
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.dhm-card__chev {
  color: #98a2b3;
  font-size: var(--edc-fs-secondary);
}

.dhm-more-note {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #667085;
  margin: 4px 2px 0;
}

.dhm-back {
  border: 0;
  background: none;
  padding: 0 0 10px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #175cd3;
  cursor: pointer;
}

.dhm-back:hover {
  text-decoration: underline;
}

.dhm-back:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

.dhm-addresses {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dhm-address {
  border: 1px solid #eaecf0;
  border-radius: 10px;
  padding: 12px 14px;
}

.dhm-address__main {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.dhm-address__text {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #101828;
  flex: 1 1 auto;
}

.dhm-address__state {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
}

.dhm-address__state--verified {
  background: #ecfdf3;
  color: #067647;
  border-color: #abefc6;
}

.dhm-address__state--suggestion {
  background: #eff8ff;
  color: #175cd3;
  border-color: #b2ddff;
}

.dhm-address__state--no_match {
  background: #fffaeb;
  color: #92400e;
  border-color: #fedf89;
}

.dhm-address__state--unchecked {
  background: #f9fafb;
  color: #475467;
  border-color: #e4e7ec;
}

.dhm-address__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.dhm-address__quiet {
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.dhm-address__status {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
}

/* ── DHM v3, New (docs/plans/data-health-on-the-record.md §4): the seven-lens
   dialog. The count is text beside each lens, never a colour; states are
   words in a bordered pill; nothing below the secondary/label tokens. ── */
.dhm--v3 .dhm-overall {
  margin-bottom: 16px;
}

.dhm-card__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #344054;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.dhm-card__count--none {
  background: #fff;
  border: 1px solid #e4e7ec;
  color: #475467;
}

.dhm-card[aria-busy=true] .dhm-card__sub {
  font-style: italic;
}

.dhm-receipt {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
  margin: 6px 2px 0;
  font-size: var(--edc-fs-secondary);
  color: #344054;
}

.dhm-receipt .fa-circle-check {
  color: #067647;
}

.dhm-item__acts {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 4px 0 0;
}

.dhm-item__status {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  flex: 1 1 100%;
}

.dhm-item__status:empty {
  display: none;
}

.dhm-item--done {
  background: #f6fef9;
  border-color: #abefc6;
}

.dhm-item--done .dhm-item__status {
  color: #067647;
}

.dhm-remind {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.dhm-remind__choices {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
}

.dhm-remind__choices[hidden] {
  display: none;
}

.dhm-fields {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dhm-field {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  padding: 10px 14px;
}

.dhm-field__label {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #101828;
  flex: 1 1 auto;
}

.dhm-recheck {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  border-top: 1px solid #f2f4f7;
  padding-top: 12px;
  margin-top: 4px;
}

.dhm-recheck .dhm-item__status {
  flex: 1 1 240px;
}

.dhm-judgment {
  border: 1px solid #eaecf0;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 0 0 16px;
}

.dhm-judgment__address {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #101828;
  margin: 0 0 6px;
  overflow-wrap: anywhere;
}

.dhm-judgment__state {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  color: #344054;
}

.dhm-judgment__sentence {
  font-size: var(--edc-fs-secondary);
  color: #344054;
  margin: 0 0 6px;
}

.dhm-judgment__note {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 0;
}

.dhm-judgment__note:empty {
  display: none;
}

.dhm-judgment__offer {
  border-top: 1px solid #f2f4f7;
  margin-top: 10px;
  padding-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.dhm-judgment__offer[hidden] {
  display: none;
}

.dhm-judgment__allowance {
  font-size: var(--edc-fs-secondary);
  color: #344054;
  margin: 0;
  flex: 1 1 100%;
}

.dhm-state {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 999px;
  border: 1px solid #e4e7ec;
  background: #f9fafb;
  color: #344054;
}

.dhm-state--reachable {
  background: #ecfdf3;
  color: #067647;
  border-color: #abefc6;
}

.dhm-state--risky {
  background: #fffaeb;
  color: #92400e;
  border-color: #fedf89;
}

.dhm-state--unreachable {
  background: #fef3f2;
  color: #b42318;
  border-color: #fecdca;
}

.dhm-spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  vertical-align: -2px;
  border: 2px solid #d0d5dd;
  border-top-color: #1570ef;
  border-radius: 50%;
  animation: dhm-spin 0.8s linear infinite;
}

@keyframes dhm-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .dhm-spinner {
    animation: none;
    border-top-color: #98a2b3;
  }
}
@media (max-width: 575.98px) {
  .dhm-card {
    padding: 12px;
    gap: 10px;
  }
  .dhm-card__icon {
    width: 32px;
    height: 32px;
  }
  .dhm-item__acts .btn.dhm-btn {
    flex: 1 1 auto;
  }
}
/* GIS: the unmapped-remainder honesty line (map features round). */
.gis-unmapped-note {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 2px 2px 10px;
}

.gis-unmapped-note a {
  font-weight: 600;
}

.wb_container {
  position: fixed;
  top: 238px;
  right: 0;
  z-index: 1701;
}

.wb_tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  width: 44px;
  height: 56px;
  min-width: unset;
  padding: 0;
  border: none;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(135deg, #2f6fd0, #2559b8);
  color: #fff;
  box-shadow: -4px 4px 14px rgba(37, 89, 184, 0.28);
  cursor: pointer;
  transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1), background 0.15s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.wb_tab:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: -4px;
  box-shadow: -4px 4px 14px rgba(37, 89, 184, 0.5);
}

.wb_tab_icon {
  flex: 0 0 44px;
  width: 44px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-title);
  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}

.wb_tab_label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 14px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  letter-spacing: 0.2px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.18s ease 0.05s;
}

.wb_tab:hover,
.wb_tab.wb_tab--peek {
  width: 138px;
  background: linear-gradient(135deg, #3a7ce0, #2b64c8);
  box-shadow: -6px 6px 18px rgba(37, 89, 184, 0.38);
}

.wb_tab:hover .wb_tab_label,
.wb_tab.wb_tab--peek .wb_tab_label {
  opacity: 1;
}

.wb_tab.wb_tab--beckon {
  transform: translateX(-6px);
  background: linear-gradient(135deg, #3a7ce0, #2b64c8);
  box-shadow: -8px 6px 20px rgba(37, 89, 184, 0.42);
}

.wb_tab.wb_tab--beckon .wb_tab_icon {
  transform: scale(1.12);
}

.cc-settings__pin-add-glyph {
  margin-right: 2px;
}

.cc-settings__pin-add-plus {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9 / 10);
  margin-right: 6px;
  vertical-align: super;
}

.open_workbook_panel .wb_tab {
  background: linear-gradient(135deg, #24509f, #1d4488);
  box-shadow: inset 2px 0 0 rgba(255, 255, 255, 0.4), -4px 4px 14px rgba(29, 68, 136, 0.35);
}

.open_workbook_panel .wb_tab:hover {
  width: 44px;
}

.workbook-pin-icon {
  border: none;
  background: transparent;
  padding: 0 2px;
  margin-left: 2px;
  color: #475569;
  font-size: var(--edc-fs-secondary);
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
  transition: color 0.15s ease, transform 0.15s ease;
}

.workbook-pin-icon:hover,
.workbook-pin-icon:focus-visible {
  color: #2559b8;
  transform: scale(1.15);
}

.workbook-pin-icon:focus-visible {
  outline: 2px solid #2559b8;
  outline-offset: 2px;
  border-radius: 4px;
}

.workbook-pin-icon:focus-visible {
  outline: 2px solid #2559b8;
  outline-offset: 2px;
  border-radius: 3px;
}

.workbook-pin-icon--pinned,
.workbook-pin-icon--pinned:hover {
  color: #16a34a;
  transform: scale(1.2);
}

.wb-module {
  max-width: 1120px;
  margin: 0 auto;
  padding: 22px 24px 40px;
  color: #101828;
}

.wb-module__heading {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: calc(var(--edc-fs-title) * 20.3 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #101828;
}

.wb-module__heading .fa-book {
  color: #2559b8;
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
}

.wb-module__lede {
  color: #475569;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  max-width: 88ch;
  margin-top: 3px;
}

.wb-module__subheading {
  font-size: calc(var(--edc-fs-body) * 14.28 / 14);
  font-weight: 700;
  color: #101828;
  margin: 26px 0 10px;
}

.wb-module__create + .wb-suggestion, .wb-module__header + .wb-module__create {
  margin-top: 16px;
}

.wb-module__create {
  background: #fbfcfd;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 12px 14px;
}

.wb-module__create .wb-module__subheading {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
}

.wb-create-form__row {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
}

.wb-create-form__field label {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #344054;
  margin-bottom: 4px;
}

.wb-create-form__field--color .form-control-color {
  width: 46px;
}

.wb-create-form__field--submit .btn {
  border-radius: 8px;
  font-weight: 600;
}

.wb-module__cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.wb-module__card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  padding: 14px 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  overflow: hidden;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.wb-module__card:hover {
  border-color: #d5dbe3;
  box-shadow: 0 3px 10px rgba(16, 24, 40, 0.08);
}

.wb-module__chip {
  flex: none;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(16, 24, 40, 0.12);
}

.wb-module__chip--inline {
  position: static;
  width: 12px;
  height: 22px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
}

.wb-module__card-body {
  flex: 1 1 auto;
  min-width: 0;
}

.wb-module__card-name {
  font-size: calc(var(--edc-fs-body) * 14.28 / 14);
  font-weight: 700;
  color: #101828;
  text-decoration: none;
}

.wb-module__card-name:hover {
  color: #2559b8;
}

.wb-module__card-meta {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
  margin-top: 3px;
}

.wb-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  letter-spacing: 0.01em;
  background: #f2f4f7;
  color: #475569;
}

.wb-tag--template {
  background: #eef2ff;
  color: #3538cd;
}

.wb-tag--shared {
  background: #e8f2fb;
  color: #175cd3;
}

.wb-tag--team {
  background: #f2f4f7;
  color: #475569;
}

.wb-module__card-meta .badge {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
}

.wb-module__card-actions, .wb-module__card-actions-spacer {
  flex: 0 0 34px;
  width: 34px;
}

.wb-module__card-actions summary {
  list-style: none;
  cursor: pointer;
  padding: 6px 10px;
  color: #475569;
  border-radius: 8px;
}

.wb-module__card-actions summary:hover {
  background: #f2f4f7;
}

.wb-module__card-menu {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  margin-top: 6px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.1);
}

.wb-inline-form {
  display: grid;
  gap: 6px;
}

.wb-inline-form label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #344054;
}

.wb-module__back {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #2559b8;
  text-decoration: none;
}

.wb-module__back:hover {
  color: #1d4488;
}

.wb-module__empty {
  color: #475569;
  border: 1px dashed #d7dce4;
  border-radius: 14px;
  background: #fbfcfd;
}

.wb-module__card-fill {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 600;
  color: #475569;
  background: #f2f4f7;
  border-radius: 999px;
  padding: 2px 10px;
  white-space: nowrap;
}

.wb-module__card-fill.is-complete {
  color: #216e4e;
  background: #e9f6ef;
}

.wb-fill {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.18 / 12);
  color: #475569;
}

.wb-fill__track {
  display: inline-block;
  width: 120px;
  height: 5px;
  border-radius: 999px;
  background: #eaecf0;
  overflow: hidden;
}

.wb-fill__bar {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #4a90d9;
}

.wb-fill__text {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.wb-fill--complete .wb-fill__bar {
  background: #3aa675;
}

.wb-fill--complete .wb-fill__text {
  color: #216e4e;
}

.wb-workspace__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 16px 0 14px;
}

.wb-segmented {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  background: #f1f5f9;
  border-radius: 10px;
}

.wb-segmented__btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: none;
  background: transparent;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.wb-segmented__btn:hover {
  color: #101828;
}

.wb-segmented__btn:focus-visible {
  outline: 2px solid #2559b8;
  outline-offset: 1px;
}

.wb-segmented__btn--on {
  background: #fff;
  color: #2559b8;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12);
}

.wb-workspace__split {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.wb-workspace__list {
  flex: 0 0 360px;
  max-width: 360px;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.wb-workspace__pane {
  flex: 1 1 auto;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  padding: 18px 20px;
  min-height: 220px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.wb-workspace__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: #475569;
  padding: 42px 20px;
  text-align: center;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}

.wb-workspace__empty p {
  margin: 0;
}

@media (max-width: 820px) {
  .wb-workspace__split {
    flex-direction: column;
  }
  .wb-workspace__list {
    flex: 1 1 auto;
    max-width: none;
    width: 100%;
  }
}
.wb-formview__group {
  border: 1px solid #eaecf0;
  border-left: 4px solid #4a90d9;
  border-radius: 14px;
  padding: 16px 18px;
  margin-bottom: 14px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.wb-formview__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.wb-formview__tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  font-size: var(--edc-fs-secondary);
}

.wb-formview__title {
  flex: 1 1 auto;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #101828;
  margin: 0;
}

.wb-formview__fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 12px 16px;
}

@media (max-width: 640px) {
  .wb-module {
    padding: 16px 14px 32px;
  }
  .wb-module__heading {
    font-size: calc(var(--edc-fs-title) * 18.2 / 18);
  }
  .wb-module__card {
    position: relative;
    flex-wrap: wrap;
    row-gap: 6px;
    padding-right: 46px;
  }
  .wb-module__card-body {
    flex: 1 1 100%;
  }
  .wb-module__card-actions,
  .wb-module__card-actions-spacer {
    position: absolute;
    top: 10px;
    right: 8px;
  }
  .wb-module__card-actions-spacer {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wb-panel,
  .wb-layer--push,
  .wb-field__saved .fa-check {
    animation: none;
  }
  .wb_container .wb_entities,
  .wb_tab,
  .wb_tab_icon,
  .wb_tab_label,
  .workbook-pin-icon,
  .wb-row,
  .wb-row::before,
  .wb-row__handle,
  .wb-row__remove,
  .wb-picker-shell,
  .wb-panel__new,
  .wb-panel__close,
  .wb-segmented__btn,
  .wb-module__card,
  .wb-panel__fill-bar {
    transition: none;
  }
}
.wb-workspace .wb-list {
  margin: 0;
  padding: 8px;
}

.wb-workspace .wb-list__hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
  padding: 14px 16px 18px;
  color: #475569;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  text-align: center;
}

.wb-workspace .wb-list__hint .fa-copy {
  color: #98a2b3;
  font-size: var(--edc-fs-label);
}

.frame-dial {
  position: relative;
  margin-right: 6px;
}
.frame-dial__toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(74, 144, 217, 0.35);
  border-radius: 18px;
  background: rgba(74, 144, 217, 0.08);
  color: #1f2d3d;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.frame-dial__toggle:hover, .frame-dial__toggle:focus-visible {
  background: rgba(74, 144, 217, 0.16);
  border-color: rgba(74, 144, 217, 0.55);
}
.frame-dial__toggle:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 2px;
}
.frame-dial__toggle .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #4A90D9;
}
.frame-dial__caret {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10) !important;
  opacity: 0.7;
}
.frame-dial__label {
  max-width: 9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.frame-dial__menu {
  min-width: 20rem;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16);
}
.frame-dial__heading {
  margin: 4px 6px 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #1f2d3d;
}
.frame-dial__form {
  margin: 0;
}
.frame-dial__option {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "name check" "hint hint";
  gap: 2px 8px;
  width: 100%;
  padding: 9px 11px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.frame-dial__option:hover, .frame-dial__option:focus-visible {
  background: #f1f5fb;
  border-color: rgba(74, 144, 217, 0.4);
}
.frame-dial__option:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 1px;
}
.frame-dial__option.is-current {
  background: rgba(74, 144, 217, 0.1);
}
.frame-dial__option .fa-check {
  grid-area: check;
  color: #2f855a;
  align-self: center;
}
.frame-dial__option-name {
  grid-area: name;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
  color: #1f2d3d;
}
.frame-dial__option-hint {
  grid-area: hint;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
}
.frame-dial__footnote {
  margin: 8px 6px 2px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
}

body.frame-minimal .page {
  margin-left: 0 !important;
}

body.builder-focus {
  padding-top: 0 !important;
}
body.builder-focus #navbarid,
body.builder-focus #site-menubar,
body.builder-focus nav.custom-breadcrumbs,
body.builder-focus .wb_container,
body.builder-focus .insights-rail__tab,
body.builder-focus .quick-create-sidebar {
  display: none !important;
}
body.builder-focus .page {
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.builder-focus .page-content {
  padding-top: 12px !important;
}
body.builder-focus .wba-pane.wb-col-inspector,
body.builder-focus .ee-pane {
  top: 0 !important;
  height: 100vh !important;
}

.builder-focus-toggle[aria-pressed=true] {
  background: #1e293b;
  border-color: #1e293b;
  color: #fff;
}

.focus-home {
  max-width: 960px;
  margin: 0 auto;
  padding: 8px 4px 48px;
}
.focus-home__header {
  margin-bottom: 28px;
}
.focus-home__title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  font-weight: 800;
  color: #0f172a;
}
.focus-home__subtitle {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #475569;
  max-width: 46rem;
}
.focus-home__section {
  margin-top: 30px;
}
.focus-home__section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.focus-home__section-title {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 700;
  color: #1f2d3d;
}
.focus-home__manage {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #2563eb;
}
.focus-home__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}
.focus-home__tasks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.focus-home__empty, .focus-home__empty-line {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #475569;
}
.focus-home__empty {
  padding: 20px;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  text-align: center;
}
.focus-home__cta, .focus-home__manage:hover {
  text-decoration: underline;
}
.focus-home__cta {
  display: inline-block;
  margin-top: 10px;
  font-weight: 600;
  color: #2563eb;
}

.focus-card {
  border: 1px solid #e2e8f0;
  border-left: 4px solid var(--focus-card-color, #4A90D9);
  border-radius: 12px;
  background: #fff;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.focus-card:hover, .focus-card:focus-within {
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12);
  transform: translateY(-1px);
}
.focus-card__link {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
  color: inherit;
  text-decoration: none;
}
.focus-card__link:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 2px;
  border-radius: 8px;
}
.focus-card__name {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2d3d;
}
.focus-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
}
.focus-card__badge {
  padding: 1px 8px;
  border-radius: 10px;
  background: #eef2ff;
  color: #3730a3;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
}

.focus-task {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}
.focus-task__name {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #1f2d3d;
  font-weight: 500;
}
.focus-task__status {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
  padding: 2px 10px;
  border-radius: 10px;
  background: #f1f5f9;
  white-space: nowrap;
}

body.reduced-motion .focus-card, body.reduced-motion .frame-dial__toggle {
  transition: none !important;
}
body.reduced-motion .focus-card:hover, body.reduced-motion .focus-card:focus-within {
  transform: none !important;
}

.cc-door {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  border: 1px solid rgba(74, 144, 217, 0.45);
  border-radius: 17px;
  background: rgba(74, 144, 217, 0.08);
  color: #1d4ed8;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.cc-door:hover {
  background: rgba(74, 144, 217, 0.16);
  border-color: rgba(74, 144, 217, 0.65);
  color: #1d4ed8;
}
.cc-door:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 2px;
}
.cc-door .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.cc-chip__form {
  display: inline-flex;
  margin: 0;
}

body.cc-active {
  padding-top: 0 !important;
}
body.cc-active .page {
  margin-left: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.cc-body {
  min-height: 100vh;
  background: #f1f4f8;
}

.cc-home {
  max-width: 1080px;
  margin: 0 auto;
  padding: 26px 20px 60px;
}
.cc-home__header {
  margin-bottom: 6px;
}
.cc-home__title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  font-weight: 800;
  color: #1c2531;
}
.cc-home__subtitle {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #556070;
  max-width: 52rem;
}
.cc-home__section {
  margin-top: 30px;
}
.cc-home__section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.cc-home__section-title {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 700;
  color: #1c2531;
}
.cc-home__section-lede {
  margin: -6px 0 12px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #556070;
}
.cc-home__manage {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #1c3f75;
}
.cc-home__manage:hover {
  text-decoration: underline;
}
.cc-home__empty {
  padding: 22px 24px;
  border: 1px dashed #c9d2dd;
  border-radius: 10px;
  background: #fff;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  max-width: 46rem;
}
.cc-home__empty p {
  margin: 0 0 6px;
}
.cc-home__empty p:last-child {
  margin: 0;
}
.cc-home__empty-door {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border: 1px solid rgba(74, 144, 217, 0.45);
  border-radius: 10px;
  color: #1c3f75;
  font-weight: 600;
  white-space: nowrap;
}
.cc-home__recents {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
}
.cc-home__launchers, .cc-home__workbooks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 12px;
}
.cc-home__setup {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 34rem;
}
.cc-home__family + .cc-home__family {
  margin-top: 18px;
}
.cc-home__family-heading {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #556070;
}
.cc-home__family-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: inherit;
  text-decoration: none;
  border-radius: 5px;
}
.cc-home__family-link:hover {
  color: #1c3f75;
}
.cc-home__family-link:hover .cc-home__family-name {
  text-decoration: underline;
}
.cc-home__family-link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 3px;
}
.cc-home__family-travel {
  font-size: 0.8em;
  opacity: 0.75;
}

.cc-recent {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
}
.cc-recent__link {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 16px;
  color: inherit;
  text-decoration: none;
  border-radius: 10px;
}
.cc-recent__link:hover .cc-recent__resume {
  text-decoration: underline;
}
.cc-recent__link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.cc-recent__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #e6eefa;
  color: #1c3f75;
}
.cc-recent__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cc-recent__title {
  font-size: calc(var(--edc-fs-body) * 13.72 / 14);
  font-weight: 700;
  color: #1c2531;
}
.cc-recent__meta {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #556070;
}
.cc-recent__resume {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #1c3f75;
  white-space: nowrap;
}
.cc-recent__dismiss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #6b7788;
  cursor: pointer;
}
.cc-recent__dismiss:hover {
  background: #eef2f7;
  color: #1c2531;
}
.cc-recent__dismiss:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.cc-launcher {
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.cc-launcher:hover, .cc-launcher:focus-within {
  box-shadow: 0 8px 22px rgba(18, 30, 48, 0.13);
  transform: translateY(-1px);
}
.cc-launcher__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 16px;
  color: inherit;
  text-decoration: none;
  border-radius: 10px;
}
.cc-launcher__link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.cc-launcher__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #e6eefa;
  color: #1c3f75;
}
.cc-launcher__title {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #1c2531;
}

.cc-setup-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #1c2531;
}
.cc-setup-item .fa {
  color: #1c3f75;
}
.cc-setup-item__title {
  flex: 1;
  font-weight: 600;
}
.cc-setup-item__core {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  color: #163258;
  background: #e6eefa;
  padding: 2px 10px;
  border-radius: 10px;
}
.cc-setup-item__unpin {
  border: 0;
  background: transparent;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  cursor: pointer;
  padding: 2px 8px;
  border-radius: 6px;
}
.cc-setup-item__unpin:hover {
  background: #eef2f7;
  color: #1c2531;
  text-decoration: underline;
}
.cc-setup-item__unpin:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.cc-home__landing {
  margin-top: 18px;
  padding: 16px 18px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #f5f7fa;
}
.cc-home__landing-title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1c2531;
  margin: 0 0 2px;
}
.cc-home__landing-lede {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #6b7788;
  margin: 0 0 12px;
}
.cc-home__landing-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cc-home__landing-save {
  align-self: flex-start;
  margin-top: 4px;
  padding: 8px 22px;
  border: 0;
  border-radius: 8px;
  background: #1c3f75;
  color: #fff;
  font-weight: 700;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  cursor: pointer;
  min-height: 40px;
}
.cc-home__landing-save:hover {
  background: #1e40af;
}
.cc-home__landing-save:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.cc-landing-choice {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #1c2531;
}
.cc-landing-choice input[type=radio] {
  width: 18px;
  height: 18px;
  accent-color: #1c3f75;
}
.cc-landing-choice input[type=radio]:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.cc-landing-choice label {
  font-weight: 600;
  margin: 0;
  cursor: pointer;
}
.cc-landing-choice__select {
  margin-left: 6px;
  padding: 6px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #fff;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  min-height: 36px;
}
.cc-landing-choice__hint {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
  font-style: italic;
}

.cc-workbook {
  border: 1px solid #dfe4ea;
  border-left: 4px solid var(--cc-workbook-color, #4A90D9);
  border-radius: 10px;
  background: #fff;
}
.cc-workbook__link {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 13px 16px;
  color: inherit;
  text-decoration: none;
}
.cc-workbook__link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 8px;
}
.cc-workbook__name {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #1c2531;
}
.cc-workbook__meta {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #556070;
}

.wb-module__header--show {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.wb-module__header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  padding-top: 20px;
}

@media (max-width: 720px) {
  .wb-module__header-actions {
    padding-top: 4px;
    width: 100%;
    flex-wrap: wrap;
  }
  .wb-module__header-actions > * {
    max-width: 100%;
  }
}
body.reduced-motion .cc-launcher, body.reduced-motion .cc-door {
  transition: none !important;
}
body.reduced-motion .cc-launcher:hover, body.reduced-motion .cc-launcher:focus-within {
  transform: none !important;
}

.wb-template-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
  color: #1f2d3d;
}
.wb-template-badge .fa {
  color: #7c3aed;
}

.wb-slot__badge {
  display: inline-block;
  padding: 1px 10px;
  border-radius: 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
}
.wb-slot__badge--ready {
  background: #dcfce7;
  color: #166534;
}
.wb-slot__badge--edit {
  background: #fef3c7;
  color: #92400e;
}

.wb-formview__group--slot {
  border-style: dashed;
  border-left-style: solid;
}

.wb-formview__head--slot {
  gap: 10px;
  flex-wrap: wrap;
}

.wb-slot__picker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 220px;
}

.wb-slot__label {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #1f2d3d;
}

.wb-slot__search {
  flex: 1;
  max-width: 280px;
  padding: 6px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.wb-slot__search:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 1px;
}

.wb-slot__new, .wb-slot__cancel, .wb-slot__create, .wb-slot__add-required {
  border: 1px solid rgba(74, 144, 217, 0.45);
  border-radius: 8px;
  background: rgba(74, 144, 217, 0.08);
  color: #1d4ed8;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  padding: 5px 12px;
  cursor: pointer;
}
.wb-slot__new:hover, .wb-slot__cancel:hover, .wb-slot__create:hover, .wb-slot__add-required:hover {
  background: rgba(74, 144, 217, 0.16);
}
.wb-slot__new:focus-visible, .wb-slot__cancel:focus-visible, .wb-slot__create:focus-visible, .wb-slot__add-required:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 1px;
}
.wb-slot__new:disabled, .wb-slot__cancel:disabled, .wb-slot__create:disabled, .wb-slot__add-required:disabled {
  opacity: 0.55;
  cursor: default;
}

.wb-slot__cancel {
  border-color: #cbd5e1;
  background: #fff;
  color: #475569;
}

.wb-slot__create {
  margin-top: 10px;
}

.wb-slot__create-hint {
  margin: 6px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
}

.wb-slot__add-required {
  margin-left: 8px;
}

.wb-slot__options {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-height: 180px;
  overflow-y: auto;
}

.wb-slot__option {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  padding: 6px 12px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #1f2d3d;
  cursor: pointer;
}
.wb-slot__option:hover {
  border-color: rgba(74, 144, 217, 0.6);
  background: #f1f5fb;
}
.wb-slot__option:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 1px;
}

.wb-slot__loading {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
}

.wb-slot__errors {
  margin: 10px 0 0;
  padding: 8px 12px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}

.wb-slot__readiness {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
}

.wb-slot__newform {
  margin-top: 12px;
}

.wb-suggestion {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  padding: 14px 18px;
  border: 1px solid rgba(124, 58, 237, 0.3);
  border-radius: 12px;
  background: rgba(124, 58, 237, 0.06);
}
@media (max-width: 640px) {
  .wb-suggestion {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.wb-suggestion__glyph {
  color: #7c3aed;
  font-size: calc(var(--edc-fs-heading) * 16.8 / 16);
}
.wb-suggestion__body {
  flex: 1;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
}
.wb-suggestion__body strong {
  color: #1f2d3d;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-suggestion__body p {
  margin: 2px 0 0;
}
.wb-suggestion__form {
  margin: 0;
}
.wb-suggestion__cta {
  border: 1px solid rgba(124, 58, 237, 0.45);
  border-radius: 8px;
  background: #fff;
  color: #6d28d9;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
  padding: 7px 14px;
  cursor: pointer;
  white-space: nowrap;
}
.wb-suggestion__cta:hover {
  background: rgba(124, 58, 237, 0.1);
}
.wb-suggestion__cta:focus-visible {
  outline: 2px solid #7c3aed;
  outline-offset: 1px;
}

.wb-staff-setup-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 15px;
  border: 1px solid rgba(47, 133, 90, 0.45);
  border-radius: 17px;
  background: rgba(47, 133, 90, 0.08);
  color: #166534;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.wb-staff-setup-btn:hover {
  background: rgba(47, 133, 90, 0.16);
}
.wb-staff-setup-btn:focus-visible {
  outline: 2px solid #2f855a;
  outline-offset: 2px;
}

.wb-dialog {
  width: min(560px, 100vw - 32px);
  max-height: calc(100vh - 40px);
  border: 0;
  border-radius: 16px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.3);
}
.wb-dialog::backdrop {
  background: rgba(15, 23, 42, 0.45);
}
.wb-dialog__form {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  padding: 22px 24px;
  overflow-y: auto;
}
.wb-dialog__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.wb-dialog__title {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  font-weight: 800;
  color: #0f172a;
}
.wb-dialog__close {
  border: 0;
  background: transparent;
  color: #475569;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
}
.wb-dialog__close:hover {
  background: #f1f5f9;
  color: #0f172a;
}
.wb-dialog__close:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 1px;
}
.wb-dialog__q {
  margin: 0 0 16px;
  border: 0;
  padding: 0;
}
.wb-dialog__hint {
  margin: 6px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  line-height: 1.5;
  color: #64748b;
}
.wb-dialog__label {
  display: block;
  margin-bottom: 7px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #1f2d3d;
  float: none;
  width: auto;
}
.wb-dialog__option {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  margin-bottom: 8px;
  cursor: pointer;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-dialog__option:has(input:checked) {
  border-color: rgba(74, 144, 217, 0.6);
  background: #f4f8fd;
}
.wb-dialog__option:focus-within {
  outline: 2px solid #4A90D9;
  outline-offset: 1px;
}
.wb-dialog__option input {
  margin-top: 3px;
}
.wb-dialog__option strong {
  display: block;
  color: #1f2d3d;
}
.wb-dialog__option small {
  display: block;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
}
.wb-dialog__radios {
  display: flex;
  gap: 16px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #1f2d3d;
}
.wb-dialog__radios label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  cursor: pointer;
}
.wb-dialog__checks {
  display: grid;
  gap: 6px;
  max-height: 168px;
  overflow-y: auto;
  padding-right: 2px;
}
.wb-dialog__check {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0;
  padding: 8px 11px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  cursor: pointer;
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  color: #1f2d3d;
}
.wb-dialog__check:has(input:checked) {
  border-color: rgba(74, 144, 217, 0.6);
  background: #f4f8fd;
}
.wb-dialog__check:focus-within {
  outline: 2px solid #4A90D9;
  outline-offset: 1px;
}
.wb-dialog__check input {
  margin: 0;
}
.wb-dialog__check > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.wb-dialog__check small {
  color: #64748b;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.wb-dialog__check-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 3px;
  flex: 0 0 auto;
}
.wb-dialog__preview {
  margin: 16px 0;
  padding: 14px 16px;
  border: 1px solid rgba(74, 144, 217, 0.35);
  border-radius: 12px;
  background: #f4f8fd;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #334155;
}
.wb-dialog__preview ul {
  margin: 6px 0;
  padding-left: 20px;
}
.wb-dialog__preview p {
  margin: 0 0 4px;
}
.wb-dialog__preview-title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #1f2d3d;
}
.wb-dialog__hint--inline {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}
.wb-dialog__hint-form {
  display: inline;
  margin: 0;
}
.wb-dialog__hint-link {
  border: 0;
  background: transparent;
  color: #6d28d9;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}
.wb-dialog__hint-link:focus-visible {
  outline: 2px solid #7c3aed;
  outline-offset: 1px;
}
.wb-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 6px;
}
.wb-dialog__cancel {
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  background: #fff;
  color: #475569;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
  padding: 8px 16px;
  cursor: pointer;
}
.wb-dialog__cancel:hover {
  background: #f8fafc;
}
.wb-dialog__cancel:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 1px;
}
.wb-dialog__submit {
  border: 0;
  border-radius: 9px;
  background: #2563eb;
  color: #fff;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  padding: 8px 20px;
  cursor: pointer;
}
.wb-dialog__submit:hover {
  background: #1d4ed8;
}
.wb-dialog__submit:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.wb-dialog__submit:disabled {
  opacity: 0.5;
  cursor: default;
}
.wb-dialog__footnote {
  margin: 12px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
  text-align: right;
}

.wb-undo-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  padding: 12px 16px;
  border: 1px solid rgba(47, 133, 90, 0.35);
  border-radius: 12px;
  background: rgba(47, 133, 90, 0.07);
}
.wb-undo-banner__glyph {
  color: #166534;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
}
.wb-undo-banner__text {
  flex: 1;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #1f2d3d;
}
.wb-undo-banner__cta {
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #475569;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
  padding: 6px 14px;
  cursor: pointer;
}
.wb-undo-banner__cta:hover {
  background: #f8fafc;
  text-decoration: underline;
}
.wb-undo-banner__cta:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 1px;
}

.wb-field__flag {
  border: 1px solid rgba(74, 144, 217, 0.5);
  border-radius: 8px;
  background: #fff;
  color: #1d4ed8;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
  padding: 4px 12px;
  cursor: pointer;
  margin-left: 4px;
}
.wb-field__flag:hover {
  background: rgba(74, 144, 217, 0.1);
}
.wb-field__flag:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 1px;
}
.wb-field__flag:disabled {
  opacity: 0.6;
  cursor: default;
}

.wb-field__flag-sent {
  color: #166534;
  font-weight: 600;
}

.wgt-strip {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.wgt-card {
  flex: 1 1 240px;
  max-width: 360px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  padding: 13px 16px;
}
.wgt-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.wgt-card__title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #1f2d3d;
}
.wgt-card__controls {
  display: inline-flex;
  gap: 2px;
}
.wgt-card__ctl-form {
  display: inline-flex;
  margin: 0;
}
.wgt-card__ctl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.wgt-card__ctl:hover {
  background: #f1f5f9;
  color: #0f172a;
}
.wgt-card__ctl:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 1px;
}
.wgt-card__stat {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 800;
  color: #0f172a;
}
.wgt-card__stat-label {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 500;
  color: #475569;
  margin-left: 6px;
}
.wgt-card__stages {
  list-style: none;
  margin: 2px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wgt-card__stage {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #1f2d3d;
}
.wgt-card__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.wgt-card__stage-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wgt-card__stage-num {
  font-weight: 700;
  color: #0f172a;
}
.wgt-card__moves {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.wgt-card__move {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wgt-card__move-arrow {
  color: #94a3b8;
}
.wgt-card__empty {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
}
.wgt-card__provenance {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #64748b;
}

.cc-home__widget-add {
  display: inline-flex;
  gap: 8px;
  margin: 0;
  align-items: center;
}

.cc-home__widget-select {
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.cc-home__widget-select:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.cc-home__widget-add-btn {
  border: 1px solid #b7cbea;
  border-radius: 8px;
  background: #e6eefa;
  color: #163258;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  padding: 5px 14px;
  cursor: pointer;
}
.cc-home__widget-add-btn:hover {
  background: #dbe7f8;
}
.cc-home__widget-add-btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.activitiesTabOptions .wgt-strip {
  margin: 12px 0 4px;
}

.wb-field__currency {
  position: relative;
  display: block;
}
.wb-field__currency-symbol {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
  pointer-events: none;
}
.wb-field__currency input {
  padding-left: 24px;
}

.wb-panel__door {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  color: #475569;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin-right: 2px;
}
.wb-panel__door:hover {
  background: #eef4fb;
  color: #1d4ed8;
}
.wb-panel__door:focus-visible {
  outline: 2px solid #4A90D9;
  outline-offset: 1px;
}

div.pagination[role=navigation] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 8px 0 4px;
  font-size: var(--edc-fs-body);
}
div.pagination[role=navigation] > a,
div.pagination[role=navigation] > em,
div.pagination[role=navigation] > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  line-height: 1;
}
div.pagination[role=navigation] > a:hover {
  background: #f1f5f9;
  color: #0f172a;
}
div.pagination[role=navigation] > a:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}
div.pagination[role=navigation] > em.current {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
  font-weight: 600;
}
div.pagination[role=navigation] > span.disabled {
  color: #94a3b8;
  background: #f8fafc;
  cursor: default;
}
div.pagination[role=navigation] .fa {
  color: inherit;
}

body:not([data-theme=dark]) .text-muted {
  color: #4b5563 !important;
}

body:not([data-theme=dark]) .text-secondary {
  color: #4b5563 !important;
}

body:not([data-theme=dark]) .btn-outline-secondary {
  --bs-btn-color: #4b5563;
}

/* ══════════════════════════════════════════════════════════════════════
   THE IMPORT PAGE'S SHAPE (importer hardening, step 9)
   Header pieces (.imw-hdr*), the one menu (.imw-menu*), the timeline rail
   (.imw-tl*), a checkpoint's pane (.imw-cpane*), help marks (.imw-help /
   .imw-explain), the ⌘K palette (.imw-palette*). Spacing on the 4/8/12/16/
   24/32/48 scale; three type levels (16 header · 19 pane title · 13–14 body,
   11 labels); body text never lighter than neutral-600 (#4b5563).
   ══════════════════════════════════════════════════════════════════════ */
.imw-hdr {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  flex-wrap: wrap;
  row-gap: 4px;
}

.imw-hdr__pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  border: 1px solid #e5e7eb;
  white-space: nowrap;
  color: #374151;
  background: #f9fafb;
}

.imw-hdr__pill--ok {
  background: #ecfdf5;
  color: #0f766e;
  border-color: #a7f3d0;
}

.imw-hdr__pill--run {
  background: #eef3fd;
  color: #2f5cc4;
  border-color: #c7d7f7;
}

.imw-hdr__pill--warn {
  background: #fffbeb;
  color: #92400e;
  border-color: #fcd34d;
}

.imw-hdr__pill--off {
  background: #f3f4f6;
  color: #4b5563;
  border-color: #e5e7eb;
}

.imw-hdr__files {
  position: relative;
  min-width: 0;
}

.imw-hdr__files-btn {
  border: 0;
  background: none;
  padding: 4px 6px;
  font: inherit;
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 42vw;
}

.imw-hdr__files-btn:hover {
  background: #f3f4f6;
  color: #111827;
}

.imw-hdr__files-btn:focus-visible, .imw-hdr__palette:focus-visible, .imw-menu__link:focus-visible, .imw-help:focus-visible {
  outline: 2px solid #2f6feb;
  outline-offset: 2px;
}

.imw-hdr__palette {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-label);
  color: #4b5563;
  padding: 6px 10px;
  border: 1px dashed #d1d5db;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  font-family: inherit;
}

.imw-hdr__palette:hover {
  border-color: #9ca3af;
  color: #111827;
}

.imw-kbd {
  font: var(--edc-fs-label)/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  border: 1px solid #d1d5db;
  border-bottom-width: 2px;
  border-radius: 5px;
  padding: 2px 6px;
  color: #374151;
  background: #fff;
}

.imw-hdr__more {
  position: relative;
}

.imw-hdr__more-btn {
  width: 34px;
  height: 34px;
  padding: 0;
  min-width: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1100px) {
  .imw-hdr__palette-words {
    display: none;
  }
  .imw-hdr__files-btn {
    max-width: 100%;
  }
}
/* the one menu, and the file switcher, share one look */
.imw-menu {
  position: absolute;
  top: calc(100% + 6px);
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.14);
  min-width: 320px;
  max-width: min(440px, 92vw);
  padding: 8px;
  z-index: 40;
  text-align: left;
}

.imw-menu--more {
  right: 0;
}

.imw-menu--files {
  left: 0;
}

.imw-menu__title {
  padding: 8px 12px 4px;
  margin: 0;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4b5563;
}

.imw-menu__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 8px 12px;
  border-radius: 6px;
}

.imw-menu__item:hover {
  background: #f4f6fa;
}

.imw-menu__item.is-current {
  background: #eef3fd;
}

.imw-menu__link {
  display: block;
  width: 100%;
  border: 0;
  background: none;
  padding: 0;
  text-align: left;
  font: inherit;
  color: #111827;
  text-decoration: none;
  cursor: pointer;
}

.imw-menu__link b {
  display: block;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #111827;
}

.imw-menu__link span {
  display: block;
  font-size: var(--edc-fs-label);
  color: #4b5563;
  margin-top: 2px;
  line-height: 1.45;
}

.imw-menu__link[disabled], .imw-menu__link[aria-disabled=true], .imw-menu__item--off b, .imw-menu__item--off span {
  color: var(--edc-text-muted-words, #6b7280);
  cursor: default;
}

.imw-menu__item--danger .imw-menu__link b, .imw-menu__item--danger b {
  color: #b91c1c;
}

.imw-menu__sep {
  border-top: 1px solid #e5e7eb;
  margin: 4px 0;
}

.imw-menu__item--form {
  grid-template-columns: minmax(0, 1fr);
}

.imw-menu__file-acts {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.imw-menu__file-acts .imw-file-action {
  font-size: var(--edc-fs-label);
  padding: 2px 6px;
  min-width: 0 !important;
}

.imw-menu__status {
  font-size: var(--edc-fs-secondary);
  color: #374151;
  margin: 4px 12px 0;
  min-height: 0;
}

.imw-menu__status.is-bad {
  color: #991b1b;
  font-weight: 600;
}

.imw-origin {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-top: 8px;
}

.imw-origin__results {
  grid-column: 1/-1;
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  color: #374151;
}

.imw-origin__results li {
  border-top: 1px solid #e5e7eb;
  padding-top: 8px;
}

.imw-origin__type {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4b5563;
  margin-left: 6px;
}

.imw-origin__none {
  color: #4b5563;
}

/* the timeline rail */
.imw-tl {
  background: #fff;
}

.imw-tl__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 0 8px 12px;
}

.imw-tl__heading {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
  margin: 0;
}

.imw-tl__order {
  font-size: var(--edc-fs-label);
  color: #4b5563;
}

.imw-tl__list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.imw-tl__item {
  position: relative;
  padding: 12px 8px 12px 44px;
  border-top: 1px solid #e5e7eb;
  min-width: 0;
}

.imw-tl__item:first-child {
  border-top: 0;
}

.imw-tl__dot {
  position: absolute;
  left: 8px;
  top: 14px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  background: #fff;
  border: 2px solid #d1d5db;
  color: #374151;
}

.imw-tl__item--done .imw-tl__dot {
  background: #0f766e;
  border-color: #0f766e;
  color: #fff;
}

.imw-tl__item--current {
  background: #eef3fd;
  border-radius: 8px;
  border-top-color: transparent;
}

.imw-tl__item--current + .imw-tl__item {
  border-top-color: transparent;
}

.imw-tl__item--current .imw-tl__dot {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #fff;
}

.imw-tl__item--live .imw-tl__dot {
  border-color: #1d4ed8;
  color: #1d4ed8;
}

.imw-tl__item--future .imw-tl__dot, .imw-tl__item--blocked .imw-tl__dot {
  border-style: dashed;
  color: #4b5563;
}

.imw-tl__item--blocked .imw-tl__name {
  color: #4b5563;
}

.imw-tl__name {
  font-weight: 600;
  font-size: var(--edc-fs-body);
  color: #111827;
  text-decoration: none;
  display: inline-block;
}

a.imw-tl__name:hover {
  text-decoration: underline;
}

a.imw-tl__name:focus-visible {
  outline: 2px solid #2f6feb;
  outline-offset: 2px;
  border-radius: 4px;
}

.imw-tl__meta {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  margin: 2px 0 0;
  overflow-wrap: anywhere;
}

.imw-tl__acts {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  flex-wrap: wrap;
}

.imw-tl__acts .btn {
  min-width: 0 !important;
}

.imw-tl__notes {
  margin: 16px 8px 0;
  border-top: 1px solid #e5e7eb;
  padding-top: 12px;
}

.imw-tl__notes-summary {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #374151;
  cursor: pointer;
  list-style: none;
}

.imw-tl__notes-summary::-webkit-details-marker {
  display: none;
}

.imw-tl__notes[open] .imw-tl__notes-summary {
  margin-bottom: 8px;
}

/* narrow: the timeline becomes a two-column strip above the pane */
@media (max-width: 1100px) {
  .imw-body .workspace-grid, .imw-body .workspace-grid--inspecting {
    grid-template-columns: minmax(0, 1fr);
  }
  .imw-body .workspace-rail {
    border-right: 0;
    border-bottom: 1px solid #e5e7eb;
    max-height: none;
  }
  .imw-tl__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
  }
  .imw-tl__item {
    border-top: 1px solid #e5e7eb;
  }
  .imw-tl__item:nth-child(2) {
    border-top: 0;
  }
  .imw-tl__order {
    display: none;
  }
}
/* a checkpoint's pane */
.imw-cpane {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}

.imw-cpane__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.imw-cpane__title {
  font-size: calc(var(--edc-fs-title) * 19 / 18);
  font-weight: 600;
  color: #111827;
  margin: 0;
}

.imw-cpane__sub {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  margin: 4px 0 0;
}

.imw-cpane__empty {
  font-size: var(--edc-fs-body);
  color: #374151;
  margin: 24px 0 0;
}

.imw-cpane__track {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  margin-top: 24px;
}

.imw-cpane__track-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.imw-cpane__track-title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin: 0;
  color: #111827;
}

.imw-cpane__acts {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.imw-cpane__acts .btn {
  min-width: 0 !important;
}

.imw-cpane__fact {
  font-size: var(--edc-fs-body);
  color: #111827;
  margin: 12px 0 0;
}

.imw-cpane__reach {
  font-size: var(--edc-fs-secondary);
  color: #374151;
  margin: 8px 0 12px;
  max-width: 72ch;
}

.imw-cpane .imw-undo-panel--compact {
  margin: 0;
}

/* help marks: ? opens one explanatory line, inline */
.imw-help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #d1d5db;
  color: #374151;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  cursor: pointer;
  background: #fff;
  padding: 0;
  vertical-align: middle;
  margin-left: 6px;
  line-height: 1;
  font-family: inherit;
}

.imw-help:hover, .imw-help.is-open {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #fff;
}

.imw-explain {
  border-left: 3px solid #2f5cc4;
  padding: 4px 12px;
  margin: 8px 0 12px;
  font-size: var(--edc-fs-secondary);
  color: #374151;
  max-width: 72ch;
  line-height: 1.5;
}

/* the ⌘K palette */
.imw-palette {
  position: fixed;
  inset: 0;
  background: rgba(16, 24, 40, 0.55);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 10vh 16px 16px;
  z-index: 1080;
}

.imw-palette__card {
  background: #fff;
  border-radius: 12px;
  width: min(560px, 100%);
  padding: 16px;
  box-shadow: 0 24px 48px rgba(16, 24, 40, 0.3);
}

.imw-palette__title {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4b5563;
  margin: 0 0 8px;
}

.imw-palette__input {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.imw-palette__list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  max-height: 40vh;
  overflow-y: auto;
}

.imw-palette__list li {
  padding: 8px 12px;
  border-radius: 6px;
  font-size: var(--edc-fs-body);
  color: #111827;
  cursor: pointer;
}

.imw-palette__list li[aria-selected=true] {
  background: #eef3fd;
  color: #1d4ed8;
  font-weight: 600;
}

.imw-palette__none {
  color: #4b5563;
  cursor: default;
}

.imw-palette__hint {
  font-size: var(--edc-fs-label);
  color: #4b5563;
  margin: 8px 0 0;
}

/* THE PRODUCT ARROW MUST NEVER HIDE UNDER THE SEARCH BOX. The text wordmarks
   (Development Agency, Main Street, …) were set wider than the EDC Forge logo
   image, so in those product views the lens switcher's arrow landed under the
   search box, which sits at a fixed left offset — switch into such a view and
   the way back was gone. Every text wordmark takes the logo image's width. */
.navbar-brand-center .logo [class^=brand-wordmark-] {
  font-size: calc(var(--edc-fs-heading) * 16.8 / 16);
  max-width: 192px;
  white-space: nowrap;
  overflow: hidden;
}

.navbar-brand-center .logo {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.navbar-brand-center .logo > a {
  display: inline-flex;
  align-items: center;
}

/* The money chip in the record actions row (invoices integration,
   2026-09-05): what this record owes today, red when overdue. */
.record-money-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #1e293b;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
}

.record-money-chip:hover {
  text-decoration: none;
  border-color: #94a3b8;
  color: #0f172a;
}

.record-invoice-line {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.record-invoice-line .btn {
  min-width: 0;
}

.record-money-chip--owes {
  border-color: #f59e0b;
  background: #fffbeb;
  color: #7c4a03;
}

.record-money-chip--overdue {
  border-color: #ef4444;
  background: #fef2f2;
  color: #991b1b;
}

.record-money-chip--clear {
  border-color: #86efac;
  background: #f0fdf4;
  color: #14532d;
}

/* The quick-campaign wizards (surveys, email): step labels may take two
   lines instead of truncating, and the note under the buttons wraps. */
.pearls .pearl-title {
  white-space: normal;
  line-height: 1.2;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.step-form .wizard-note {
  white-space: normal;
}

/* The audience builder: its sections read as sections, not as labels. */
#audience-form h5 {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 4px;
}

.nf-forge {
  margin: 0 0 18px;
  border: 1px solid #d5dbe3;
  border-radius: 10px;
  background: #f8fafc;
}
.nf-forge__group + .nf-forge__group {
  border-top: 1px solid #d5dbe3;
}
.nf-forge__heading {
  margin: 0;
  padding: 10px 14px 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  text-shadow: none;
}
.nf-forge__rows {
  list-style: none;
  margin: 0;
  padding: 0 0 4px;
}
.nf-forge__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 7px 14px;
}
.nf-forge__label {
  margin: 0;
  min-width: 0;
  flex: 1 1 auto;
  font-size: var(--edc-fs-body);
  font-weight: 650;
  color: #0f172a;
  text-shadow: none;
}
.nf-forge__act {
  display: grid;
  grid-template-columns: 72px 96px;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.nf-forge__form {
  margin: 0;
}
.nf-forge__btn {
  min-width: 0;
  width: 100%;
  white-space: nowrap;
}

.nf-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  border: 1px solid transparent;
}
.nf-pill--on {
  background: #ecfdf3;
  border-color: #86efac;
  color: #14532d;
}
.nf-pill--off {
  background: #fff;
  border-color: #cbd5e1;
  color: #334155;
}

@media (max-width: 575.98px) {
  .nf-forge__row {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.nf-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 18px;
  padding: 12px 14px;
  border: 1px solid #d5dbe3;
  border-radius: 10px;
  background: #f8fafc;
}
.nf-choice__words {
  min-width: 0;
  flex: 1 1 auto;
}
.nf-choice__title {
  margin: 0 0 2px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}
.nf-choice__state {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #475569;
}
.nf-choice__seg {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 3px;
  border-radius: 9px;
  background: #e2e8f0;
}
.nf-choice__form {
  margin: 0;
  display: inline-flex;
}
.nf-choice__opt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 6px 14px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #334155;
  font-size: var(--edc-fs-secondary);
  font-weight: 650;
  white-space: nowrap;
  cursor: pointer;
}
.nf-choice__opt:hover {
  color: #0f172a;
  background: rgba(255, 255, 255, 0.6);
}
.nf-choice__opt:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.nf-choice__opt--on {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
  cursor: default;
}
.nf-choice__opt--on:hover {
  background: #fff;
}
.nf-choice__opt:disabled {
  color: #64748b;
  cursor: not-allowed;
  background: transparent;
}

@media (max-width: 575.98px) {
  .nf-choice {
    flex-direction: column;
    align-items: stretch;
  }
  .nf-choice__seg {
    align-self: flex-start;
  }
}
.nf-only {
  display: flex;
  justify-content: center;
  padding: 48px 16px;
}
.nf-only__card {
  max-width: 560px;
  width: 100%;
  padding: 28px 28px 24px;
  background: #fff;
  border: 1px solid #d5dbe3;
  border-radius: 12px;
}
.nf-only__mark {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eff4ff;
  color: #1d4ed8;
  font-size: var(--edc-fs-title);
}
.nf-only__title {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}
.nf-only__lede {
  margin: 0 0 20px;
  font-size: var(--edc-fs-body);
  line-height: 1.6;
  color: #334155;
}
.nf-only__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.nf-only__acts form {
  margin: 0;
}
.nf-only__acts .btn {
  min-width: 0;
}

.op-chapter {
  margin: 0 0 28px;
}
.op-chapter__head {
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  padding: 22px 24px;
  margin-bottom: 16px;
}
.op-chapter__eyebrow {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
}
.op-chapter__title {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #101828;
  text-shadow: none;
}
.op-chapter__lede {
  margin: 0 0 14px;
  font-size: var(--edc-fs-body);
  line-height: 1.6;
  color: #344054;
  max-width: 72ch;
}
.op-chapter__strip {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.op-chapter__strip li {
  display: inline-flex;
  align-items: center;
}
.op-chapter__strip li span {
  padding: 5px 12px;
  border-radius: 999px;
  background: #f2f4f7;
  border: 1px solid #d0d5dd;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
}
.op-chapter__strip li:not(:last-child)::after {
  content: "→";
  margin-left: 6px;
  color: #667085;
  font-size: var(--edc-fs-secondary);
}
.op-chapter__note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}
.op-chapter__note .fa-solid {
  margin-right: 6px;
}

.op-meanings {
  overflow-x: auto;
}
.op-meanings__table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
}
.op-meanings__table th, .op-meanings__table td {
  padding: 8px 10px;
  border-bottom: 1px solid #eaecf0;
  text-align: center;
}
.op-meanings__table thead th {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #475467;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.op-meanings__table tbody th {
  text-align: left;
  font-weight: 600;
  color: #101828;
}
.op-meanings__table tbody th input[type=hidden] {
  display: none;
}

.op-chapter__field, .op-profile-field {
  min-width: 0;
}

.op-meanings__cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  cursor: pointer;
}

.op-meanings__word {
  display: none;
  font-size: var(--edc-fs-secondary);
  color: #344054;
}

@media (max-width: 576px) {
  .op-meanings__table {
    min-width: 0;
  }
  .op-meanings__table thead {
    display: none;
  }
  .op-meanings__table tbody tr {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eaecf0;
  }
  .op-meanings__table tbody th, .op-meanings__table tbody td {
    display: block;
    border: 0;
    padding: 4px 0;
    text-align: left;
  }
  .op-meanings__table tbody td {
    display: inline-block;
    margin-right: 16px;
  }
  .op-meanings__word {
    display: inline;
  }
}
.op-choices {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
  border: 0;
  padding: 0;
  margin: 0 0 14px;
}

.op-choice {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  font-size: var(--edc-fs-body);
  color: #101828;
}
.op-choice input {
  margin-top: 3px;
  flex: 0 0 auto;
}
.op-choice:has(input:checked) {
  border-color: #1d4ed8;
  background: #eff4ff;
}
.op-choice:has(input:focus-visible) {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.op-choice__note {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-secondary);
  color: #475467;
  font-weight: 400;
}

.op-choice-custom__label {
  display: block;
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
}

.btn.report-add-btn {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.btn.report-add-btn i {
  font-size: var(--edc-fs-body);
}

.btn.report-add-btn--quiet {
  border-color: #cbd5e1;
  color: #1e4b8f;
  background: #fff;
}
.btn.report-add-btn--quiet:hover, .btn.report-add-btn--quiet:focus-visible {
  background: #eef4fd;
  border-color: #9fb6dc;
  color: #1c3f75;
}

.btn.report-add-btn.workbook-pin-icon--pinned {
  color: #166534;
  border-color: #86c7a1;
}

td .report-add--row {
  margin-right: 6px;
  vertical-align: middle;
}

.ec-pagehead__door {
  margin-left: 4px;
}

.fm-report-door {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0 2px 0 0;
  padding: 0;
  border-radius: 6px;
  font-size: var(--edc-fs-body);
}
.fm-report-door:hover, .fm-report-door:focus-visible {
  background: #eef2ff;
  transform: none;
}

.rlist-menu {
  position: relative;
  display: inline-block;
}

.rlist-menu > summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.rlist-menu > summary::-webkit-details-marker {
  display: none;
}

.rlist-menu__chevron {
  font-size: var(--edc-fs-eyebrow);
  transition: transform 0.15s ease;
}

.rlist-menu[open] .rlist-menu__chevron {
  transform: rotate(180deg);
}

.rlist-menu__list {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  right: 0;
  min-width: 270px;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.14);
}

.rlist-menu__item.report-add-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #0f172a;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  text-align: left;
}
.rlist-menu__item.report-add-btn i {
  color: #475569;
}
.rlist-menu__item.report-add-btn:hover, .rlist-menu__item.report-add-btn:focus-visible {
  background: #f1f5f9;
  outline: none;
}
.rlist-menu__item.report-add-btn:focus-visible {
  box-shadow: inset 0 0 0 2px #2559b8;
}

.fm-row-actions {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.op-hero__status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  font-weight: 600;
}

.op-report {
  scroll-margin-top: 88px;
}

.op-report__state {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-secondary, 13px);
  font-weight: 600;
  color: #4b5563;
}

.op-report__state--done {
  color: #15803d;
}

.op-report__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.op-report__lede {
  margin: 0;
  font-size: var(--edc-fs-body, 14px);
  line-height: 1.6;
}

.op-report__sub {
  margin: 8px 0 0;
  font-size: var(--edc-fs-label, 12px);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4b5563;
}

.op-report__files {
  list-style: none;
  margin: 0;
  padding: 0;
}

.op-report__text {
  font-size: var(--edc-fs-body, 14px);
  line-height: 1.6;
  padding: 16px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}
.op-report__text p:last-child {
  margin-bottom: 0;
}

.op-report__summary {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.op-report__file {
  padding: 12px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
}

.op-report__filename {
  margin: 0 0 4px;
  font-size: var(--edc-fs-body, 14px);
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.op-report__cat {
  font-size: var(--edc-fs-secondary, 13px);
  color: #4b5563;
}

.op-report__sheets {
  margin: 0;
  padding-left: 20px;
  font-size: var(--edc-fs-secondary, 13px);
  line-height: 1.55;
  color: #1e293b;
}

.op-report__note {
  margin: 0;
  font-size: var(--edc-fs-secondary, 13px);
  color: #4b5563;
}

.op-report__confirm {
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
}

.op-report__ask {
  margin: 0 0 12px;
  font-size: var(--edc-fs-body, 14px);
  font-weight: 600;
}

.op-report__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.op-report__actions .btn {
  min-height: 44px;
}

.op-report__help {
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary, 13px);
  color: #4b5563;
  line-height: 1.5;
}

.op-report__confirmed {
  margin: 0;
  font-size: var(--edc-fs-body, 14px);
  font-weight: 600;
  color: #15803d;
}

/* WHERE YOU START, in My Settings (shared/_start_choice; beside the Old / New switch). */
.sc-choice {
  align-items: flex-start;
}

.sc-choice__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.sc-choice__fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.sc-choice__opts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
}

.sc-choice__opt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-body);
  margin: 0;
  cursor: pointer;
}

.sc-choice__opt input {
  margin: 0;
}

.sc-choice__pick {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px 10px;
  align-items: center;
}

.sc-choice__pick[hidden] {
  display: none;
}

.sc-choice__label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  margin: 0;
}

.sc-choice__select {
  max-width: 320px;
}

.sc-choice__hint {
  font-size: var(--edc-fs-secondary);
  margin: 0;
  color: var(--bs-secondary-color, #5a6472);
}

.sc-choice__save {
  align-self: flex-start;
}

.helpc-front {
  max-width: 1080px;
}

.helpc-hero {
  margin-bottom: 28px;
}
.helpc-hero .helpc-title {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
}
.helpc-hero .helpc-sub {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #374151;
  max-width: 64ch;
}

.helpc-search--hero {
  max-width: 680px;
  padding: 6px 6px 6px 16px;
  border-color: #b8c0cc;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}
.helpc-search--hero i {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: var(--edc-fs-heading);
}
.helpc-search--hero .helpc-search__input {
  font-size: var(--edc-fs-heading);
  padding: 8px 0;
}
.helpc-search--hero:focus-within {
  border-color: #2f5cc4;
  box-shadow: 0 0 0 3px rgba(47, 92, 196, 0.18);
}

.helpc-section-title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #111827;
  margin: 0 0 4px;
  text-shadow: none;
}

.helpc-section-sub {
  font-size: var(--edc-fs-body);
  color: #4b5563;
  margin: 0 0 16px;
}

.helpc-front > section {
  margin-bottom: 36px;
}

.helpc-front .helpc-results .helpc-section-title {
  margin-bottom: 12px;
}

.helpc-start {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 24px;
  align-items: start;
  background: #fff;
  border: 1px solid #d5ddef;
  border-radius: 12px;
  padding: 24px;
}
.helpc-start__title {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #111827;
  margin: 0 0 6px;
  text-shadow: none;
}
.helpc-start__lede {
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #374151;
  margin: 0 0 16px;
}
.helpc-start__chapters {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
}
.helpc-start__chapters li + li {
  border-top: 1px solid #e5e7eb;
}
.helpc-start__chapters a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  color: #111827;
  text-decoration: none;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}
.helpc-start__chapters a:hover {
  background: #f3f6fc;
  color: #193f87;
}
.helpc-start__chapters a:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: -2px;
}
.helpc-start__num {
  flex: 0 0 26px;
  height: 26px;
  border-radius: 50%;
  background: #eef2fb;
  color: #193f87;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.helpc-start__label {
  min-width: 0;
}

.helpc-features__grid {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.helpc-features__grid > li {
  display: flex;
  min-width: 0;
}

.helpc-feature {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  color: #111827;
  text-decoration: none;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}
.helpc-feature:hover, .helpc-feature:focus {
  border-color: #2f5cc4;
  box-shadow: 0 2px 10px rgba(47, 92, 196, 0.12);
  color: #111827;
  text-decoration: none;
}
.helpc-feature:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.helpc-feature__icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #eef2fb;
  color: #193f87;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
}
.helpc-feature__icon--lg {
  flex-basis: 56px;
  width: 56px;
  height: 56px;
  font-size: var(--edc-fs-display);
}
.helpc-feature__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.helpc-feature__title {
  font-size: calc(var(--edc-fs-title) * 19 / 18);
  font-weight: 700;
  line-height: 1.25;
  color: #111827;
}
.helpc-feature__full {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #4b5563;
  margin-top: -2px;
}
.helpc-feature__lede {
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #374151;
}
.helpc-feature__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #193f87;
}
.helpc-feature__go {
  flex: 0 0 auto;
  align-self: center;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}
.helpc-feature:hover .helpc-feature__go, .helpc-feature:focus .helpc-feature__go {
  color: #2f5cc4;
}

.helpc-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 1.5;
}
.helpc-pill--coming {
  background: #fff4dc;
  color: #6b4a00;
  border: 1px solid #f1d58a;
}

.helpc-new__cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 12px;
}
.helpc-new__cols--one {
  grid-template-columns: minmax(0, 1fr);
}

.helpc-new__col {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 18px 20px;
  min-width: 0;
}

.helpc-new__heading {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #111827;
  margin: 0 0 8px;
  text-shadow: none;
}

.helpc-new__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.helpc-new__list li {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 9px 0;
}
.helpc-new__list li + li {
  border-top: 1px solid #f0f1f4;
}
.helpc-new__list a {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #193f87;
}

.helpc-new__date {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}

.helpc-new__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #193f87;
}

.helpc-library .helpc-grid {
  list-style: none;
  margin: 0;
  padding: 0;
}
.helpc-library .helpc-grid > li {
  display: flex;
  min-width: 0;
}
.helpc-library .helpc-grid .helpc-card {
  flex: 1;
  min-width: 0;
}
.helpc-library .helpc-grid .helpc-card__pending {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}
.helpc-library .helpc-grid .helpc-card__lede {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.helpc-library .helpc-grid .helpc-card__count {
  margin-top: auto;
  padding-top: 6px;
}

.helpc-group {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #e5e7eb;
}
.helpc-group:first-of-type {
  margin-top: 4px;
}
.helpc-group__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #111827;
  margin: 0 0 2px;
  text-shadow: none;
}
.helpc-group__lede {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  margin: 0 0 12px;
}

.helpc-card__count {
  font-size: var(--edc-fs-secondary);
  color: #193f87;
  font-weight: 600;
  margin-top: 2px;
}

.helpc-card__stale {
  font-size: var(--edc-fs-label);
  color: #6b4a00;
}

.helpc-records {
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.7;
  color: #374151;
}
.helpc-records a {
  color: #193f87;
  font-weight: 600;
}

.helpc-records__label {
  font-weight: 600;
  color: #4b5563;
  margin-right: 4px;
}

.helpc-topic__head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 8px 0 18px;
}
.helpc-topic__head .helpc-title {
  margin-bottom: 2px;
}
.helpc-topic__head .helpc-sub {
  margin: 0;
}

.helpc-topic__notice {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  background: #fffaf0;
  border: 1px solid #f1d58a;
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 20px;
}
.helpc-topic__notice p {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #3f2d00;
  flex: 1 1 260px;
}

.helpc-topic__cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.helpc-topic__panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 18px 20px;
  min-width: 0;
}
.helpc-topic__panel .helpc-section-title {
  font-size: var(--edc-fs-heading);
  margin-bottom: 10px;
}

.helpc-topic__list {
  list-style: disc;
  margin: 0;
  padding-left: 20px;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #111827;
}
.helpc-topic__list li {
  display: list-item;
}
.helpc-topic__list li + li {
  margin-top: 6px;
}

.helpc-topic__actions {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
  font-size: var(--edc-fs-body);
}
.helpc-topic__actions a:not(.helpc-btn) {
  color: #193f87;
  font-weight: 600;
}

.helpc-topic__hint {
  color: #4b5563;
  font-size: var(--edc-fs-secondary);
}

.helpc-linkbtn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  min-width: 0;
  font: inherit;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #193f87;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.helpc-linkbtn:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
  border-radius: 3px;
}

@media (max-width: 860px) {
  .helpc-start {
    grid-template-columns: minmax(0, 1fr);
    padding: 20px;
  }
  .helpc-features__grid, .helpc-new__cols, .helpc-topic__cols {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 480px) {
  .helpc-hero .helpc-title {
    font-size: var(--edc-fs-display);
  }
  .helpc-feature {
    padding: 16px;
    gap: 12px;
  }
  .helpc-feature__icon {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    font-size: var(--edc-fs-title);
  }
  .helpc-feature__go {
    display: none;
  }
  .helpc-search--hero .helpc-btn {
    padding: 8px 12px;
  }
}
:root {
  --rail-dock-top: 170px;
  --rail-dock-width: 44px;
  --rail-width: 360px;
  --rail-ink: #0f172a;
  --rail-muted: #475569;
  --rail-line: #e2e8f0;
  --rail-hairline: #f1f5f9;
  --rail-accent: #2559b8;
}

.rail-panel--quickadd {
  --rail-accent: #1f9d55;
  --rail-title: #166534;
}

.rail-panel--pinned {
  --rail-accent: #2559b8;
  --rail-title: #1c3f75;
}

.rail-panel--insights {
  --rail-accent: #7c3aed;
  --rail-title: #4c1d95;
}

@keyframes rail-panel-in {
  from {
    transform: translateX(16px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.rail-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: #fff;
  border: 1px solid var(--rail-line);
  border-radius: 12px 0 0 12px;
  box-shadow: -10px 8px 32px rgba(15, 23, 42, 0.16);
  color: var(--rail-ink);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
}

.rail-panel--anchored {
  position: fixed;
  top: var(--rail-dock-top);
  right: var(--rail-dock-width);
  width: var(--rail-width);
  max-width: calc(100vw - var(--rail-dock-width) - 16px);
  max-height: min(100vh - var(--rail-dock-top) - 30px, 720px);
  animation: rail-panel-in 0.16s cubic-bezier(0.32, 0.72, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  .rail-panel--anchored {
    animation: none;
  }
}
.rail-panel__header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 18px 12px;
  min-width: 0;
}

.rail-panel__title {
  flex: 0 0 auto;
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  line-height: 1.2;
  color: var(--rail-title, var(--rail-ink));
  letter-spacing: -0.1px;
  white-space: nowrap;
}
.rail-panel__title:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 3px;
}

.rail-panel__context {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.rail-panel__close {
  flex: 0 0 auto;
  margin-left: auto;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--rail-muted);
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-width: 0;
}
.rail-panel__close:hover {
  background: var(--rail-hairline);
  color: var(--rail-ink);
}
.rail-panel__close:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
}

.rail-select {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  height: 32px;
  padding: 0 10px 0 12px;
  border: 1px solid var(--rail-line);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--rail-ink);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.rail-select:hover {
  border-color: #cbd5e1;
  background: #fff;
}
.rail-select:focus-within {
  border-color: var(--rail-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--rail-accent) 18%, transparent);
  background: #fff;
}
.rail-select__glyph {
  flex: 0 0 auto;
  color: var(--rail-accent);
  font-size: var(--edc-fs-label);
}
.rail-select__dot {
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.12);
}
.rail-select__text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rail-select__tag {
  flex: 0 0 auto;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
  padding: 3px 7px;
  border-radius: 999px;
  color: var(--rail-title, var(--rail-ink));
  background: color-mix(in srgb, var(--rail-accent) 12%, #fff);
}
.rail-select__chevron {
  flex: 0 0 auto;
  color: var(--rail-muted);
  font-size: var(--edc-fs-eyebrow);
}
.rail-select__native {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: var(--edc-fs-heading);
}

.rail-panel__strip {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px 12px;
  flex-wrap: wrap;
  padding: 10px 18px;
  border-top: 1px solid var(--rail-hairline);
  min-width: 0;
}

.rail-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px 18px 20px;
}

.rail-panel__label {
  display: block;
  margin: 0 0 6px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--rail-muted);
}

.rail-panel__status {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: var(--rail-muted);
}

.rail-panel__error {
  font-size: var(--edc-fs-secondary);
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 6px;
  padding: 8px 10px;
  margin: 0 0 8px;
}

.rail-panel__footer {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px 16px;
  flex-wrap: wrap;
  padding: 12px 18px;
  border-top: 1px solid var(--rail-line);
  border-radius: 0 0 0 12px;
  background: #f8fafc;
  color: var(--rail-muted);
  font-size: var(--edc-fs-label);
}

.rail-tool {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  min-width: 0;
  padding: 0 10px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #fff;
  color: #334155;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.rail-tool i {
  font-size: var(--edc-fs-label);
  color: var(--rail-muted);
}
.rail-tool:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
  color: var(--rail-ink);
  text-decoration: none;
}
.rail-tool:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
}
.rail-tool[aria-expanded=true] {
  border-color: var(--rail-accent);
  color: var(--rail-title, var(--rail-ink));
  background: #fff;
}
.rail-tool.disabled, .rail-tool[aria-disabled=true], .rail-tool:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.rail-primary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  min-width: 0;
  padding: 0 14px;
  border: 1px solid var(--rail-accent);
  border-radius: 6px;
  background: var(--rail-accent);
  color: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  transition: filter 0.15s ease, box-shadow 0.15s ease;
}
.rail-primary:hover {
  filter: brightness(0.94);
  color: #fff;
  text-decoration: none;
}
.rail-primary:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
}
.rail-primary.disabled, .rail-primary[aria-disabled=true], .rail-primary:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.rail-kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  padding: 0 6px;
  border: 1px solid #cbd5e1;
  border-bottom-width: 2px;
  border-radius: 4px;
  background: #fff;
  color: #334155;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  line-height: 1;
}

.qa_drawer.modal .modal-dialog.qa_dialog {
  position: absolute;
  top: var(--rail-dock-top);
  right: var(--rail-dock-width);
  margin: 0 0 30px;
  width: 640px;
  max-width: calc(100vw - var(--rail-dock-width) - 16px);
  height: auto;
  display: flex;
  transform: translateX(16px);
  transition: transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);
  pointer-events: none;
}
.qa_drawer.modal .modal-dialog.qa_dialog.qa_dialog--wide {
  width: 760px;
}

@media (min-width: 1600px) {
  .qa_drawer.modal .modal-dialog.qa_dialog.qa_dialog--wide {
    width: 880px;
  }
}
.qa_drawer.modal.show .modal-dialog.qa_dialog {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .qa_drawer.modal .modal-dialog.qa_dialog {
    transition: none;
  }
}
.qa_drawer .modal-content.rail-panel {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  pointer-events: auto;
}

.qa_drawer .modal-header.rail-panel__header {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.qa_drawer .qa_form_container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  background: #fff;
  border-top: 1px solid var(--rail-hairline);
}

.qa_drawer .qa_refusal {
  flex: 0 0 auto;
  margin: 0;
  padding: 16px 18px;
  background: #fff;
  border-top: 1px solid var(--rail-hairline);
}
.qa_drawer .qa_refusal:empty {
  display: none;
}

.qa_drawer .qa_refusal_body {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: 8px;
}

.qa_drawer .qa_refusal_icon {
  flex: 0 0 auto;
  margin-top: 2px;
  font-size: var(--edc-fs-body);
  color: #92400e;
}

.qa_drawer .qa_refusal_text {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: var(--rail-ink);
}

.qa_drawer .qa_form_container > form {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.qa_drawer .qa_form_container > form > .modal-body,
.qa_drawer .qa_form_container > .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: visible;
  position: static !important;
  padding: 16px 18px 4px;
  color: var(--rail-ink);
  background: #fff;
}

.qa_drawer .modal-footer {
  flex: 0 0 auto;
  position: static !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 12px 18px 14px;
  margin: 0;
  border: 0;
  border-top: 1px solid var(--rail-hairline);
  background: #fff;
  border-radius: 0;
}
.qa_drawer .modal-footer > * {
  margin: 0;
}

.qa_drawer .modal-body .form-row,
.qa_drawer .modal-body .row {
  margin-bottom: 0;
}

.qa_drawer .modal-body .form-group {
  margin-bottom: 14px;
}

.qa_drawer .modal-body label {
  display: block;
  margin-bottom: 5px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #334155;
  font-weight: 500;
  font-size: var(--edc-fs-secondary);
  letter-spacing: 0.1px;
}

.qa_drawer .modal-body .form-control,
.qa_drawer .modal-body .form-select,
.qa_drawer .modal-body .bootstrap-select > .btn {
  border-color: #cbd5e1;
  color: var(--rail-ink);
  font-size: var(--edc-fs-secondary);
  border-radius: 6px;
}

.qa_drawer .modal-body .form-control:focus,
.qa_drawer .modal-body .form-select:focus {
  border-color: var(--rail-accent);
  box-shadow: 0 0 0 3px rgba(31, 157, 85, 0.18);
}

.qa_drawer .modal-body .error-messages:not(:empty) {
  margin-bottom: 14px;
  padding: 10px 12px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-left: 3px solid #dc2626;
  border-radius: 6px;
  color: #991b1b;
  font-size: var(--edc-fs-secondary);
}

.qa_drawer .modal-body .qa_help {
  display: block;
  margin-top: 5px;
  font-size: var(--edc-fs-label);
  line-height: 1.45;
  color: var(--rail-muted);
}

.qa_drawer .modal-body label .text-danger {
  font-weight: 600;
}

.qa_drawer .modal-footer .btn[type=submit],
.qa_drawer .modal-footer .btn-primary {
  min-width: 0;
  height: 32px;
  padding: 0 16px;
  border-radius: 6px;
  border: 1px solid var(--rail-accent);
  background: var(--rail-accent);
  color: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  box-shadow: none;
  transition: filter 0.15s ease;
}
.qa_drawer .modal-footer .btn[type=submit]:hover,
.qa_drawer .modal-footer .btn-primary:hover {
  filter: brightness(0.94);
}
.qa_drawer .modal-footer .btn[type=submit]:focus, .qa_drawer .modal-footer .btn[type=submit]:focus-visible,
.qa_drawer .modal-footer .btn-primary:focus,
.qa_drawer .modal-footer .btn-primary:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
  box-shadow: none;
}

.qa_drawer .modal-footer .btn-secondary {
  min-width: 0;
  height: 32px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #334155;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
.qa_drawer .modal-footer .btn-secondary:hover {
  background: #f1f5f9;
  color: var(--rail-ink);
  border-color: #94a3b8;
}

.qa_recents.rail-panel__strip {
  padding-top: 8px;
  padding-bottom: 10px;
  border-top: 0;
  min-height: 0;
}

.qa_recents:empty,
.qa_recents.qa_recents--hidden {
  display: none;
}

.qa_recents_label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  flex-shrink: 0;
}
.qa_recents_label i {
  font-size: var(--edc-fs-eyebrow);
}

.qa_recents_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.qa_recent_chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font-family: inherit;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.qa_recent_chip i {
  font-size: var(--edc-fs-eyebrow);
  color: var(--rail-muted);
}
.qa_recent_chip:hover {
  border-color: var(--rail-accent);
  background: #f0fdf4;
  color: #166534;
}
.qa_recent_chip:hover i {
  color: var(--rail-accent);
}
.qa_recent_chip:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
}
.qa_recent_chip.qa_recent_chip--active {
  border-color: var(--rail-accent);
  background: var(--rail-accent);
  color: #fff;
}
.qa_recent_chip.qa_recent_chip--active i {
  color: #fff;
}

.qa_shortcut_bar.rail-panel__footer {
  position: relative;
}

.qa_shortcut_bar_label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}
.qa_shortcut_bar_label i {
  font-size: var(--edc-fs-eyebrow);
}

.qa_shortcut {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  font-size: var(--edc-fs-label);
  color: var(--rail-muted);
}

.qa_shortcut_more {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #166534;
  font-family: inherit;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.qa_shortcut_more i {
  font-size: var(--edc-fs-label);
}
.qa_shortcut_more:hover {
  background: #ecfdf5;
  border-color: #bbf7d0;
}
.qa_shortcut_more[aria-expanded=true] {
  background: #ecfdf5;
  border-color: var(--rail-accent);
}

.qa_shortcut_popover {
  position: absolute;
  right: 16px;
  bottom: calc(100% + 8px);
  width: 280px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid var(--rail-line);
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.18);
  z-index: 10;
  color: var(--rail-ink);
}
.qa_shortcut_popover[hidden] {
  display: none;
}

.qa_shortcut_popover_title {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--rail-muted);
  margin-bottom: 8px;
}

.qa_shortcut_popover_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 14px;
}
.qa_shortcut_popover_list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  color: #334155;
}

.qa_skeleton {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.qa_skel_row {
  height: 34px;
  border-radius: 6px;
  background: linear-gradient(90deg, #eef0f2 0%, #f6f7f9 50%, #eef0f2 100%);
  background-size: 200% 100%;
  animation: qa_skel_shimmer 1.3s ease-in-out infinite;
}

.qa_skel_row--sm {
  width: 30%;
  height: 12px;
}

.qa_skel_row--tall {
  height: 84px;
}

@keyframes qa_skel_shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .qa_skel_row {
    animation: none;
  }
}
@media (max-width: 600px) {
  .qa_drawer.modal .modal-dialog.qa_dialog,
  .qa_drawer.modal .modal-dialog.qa_dialog.qa_dialog--wide {
    top: 0;
    right: 0;
    width: 100vw;
    max-width: 100vw;
    margin: 0;
  }
  .qa_drawer .modal-content.rail-panel {
    border-radius: 0;
    min-height: 100vh;
  }
  .qa_shortcut_popover {
    right: 8px;
    width: calc(100vw - 16px);
    max-width: 320px;
  }
}
.wb-panel.rail-panel {
  z-index: 1040;
  animation: rail-panel-in 0.16s cubic-bezier(0.32, 0.72, 0, 1);
}
.wb-panel.rail-panel:focus {
  outline: none;
}
.wb-panel.rail-panel:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: -2px;
}

.wb-panel__working {
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  padding: 0 18px 12px;
  border-top: 0;
  border-bottom: 1px solid var(--rail-hairline);
}

.wb-working {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.wb-working__label {
  margin: 0;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--rail-muted);
}

.wb-working__select {
  width: 100%;
  height: 36px;
}

.wb-working__accepts {
  margin: 0;
  font-size: var(--edc-fs-label);
  line-height: 1.4;
  color: var(--rail-muted);
}

.wb-panel__create {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

.wb-panel__create-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
}
.wb-panel__create-row input {
  flex: 1 1 100%;
  min-width: 0;
  height: 34px;
  font-size: var(--edc-fs-secondary);
  border-radius: 6px;
  border-color: #cbd5e1;
}

.wb-choose {
  padding: 4px 0 12px;
}

.wb-choose__lede {
  margin: 4px 0 12px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #334155;
}

.wb-choose__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.wb-choose__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  text-align: left;
  border: 1px solid var(--rail-line);
  border-radius: 8px;
  background: #fff;
  color: var(--rail-ink);
  cursor: pointer;
  min-width: 0;
}
.wb-choose__item:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}
.wb-choose__item:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 1px;
}
.wb-choose__item--new {
  border-style: dashed;
}
.wb-choose__item--new .fa {
  color: var(--rail-accent);
  margin-right: 4px;
}

.wb-choose__title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.wb-choose__meta {
  font-size: var(--edc-fs-label);
  color: var(--rail-muted);
}

.wb-ask {
  position: fixed;
  inset: 0;
  z-index: 1760;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(15, 23, 42, 0.36);
}

.wb-ask__box {
  width: min(440px, 100%);
  max-height: calc(100vh - 32px);
  overflow: auto;
  background: #fff;
  border: 1px solid var(--rail-line);
  border-radius: 12px;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.24);
  padding: 20px 20px 16px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--rail-ink);
}

.wb-ask__title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  line-height: 1.3;
  color: var(--rail-ink);
  text-shadow: none;
}

.wb-ask__lede {
  margin: 0 0 14px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #334155;
}

.wb-ask__choices {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.wb-ask__choice {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  text-align: left;
  border: 1px solid var(--rail-line);
  border-radius: 8px;
  background: #fff;
  color: var(--rail-ink);
  cursor: pointer;
}
.wb-ask__choice:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}
.wb-ask__choice:focus-visible {
  outline: 2px solid #2559b8;
  outline-offset: 1px;
}
.wb-ask__choice--primary {
  border-color: #2559b8;
  background: #f3f7fe;
}

.wb-ask__choice-title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.wb-ask__choice-meta {
  font-size: var(--edc-fs-label);
  color: #475569;
}

.wb-ask__foot {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.wb-ask__cancel {
  min-width: 0;
  height: 32px;
  padding: 0 12px;
  border: 1px solid var(--rail-line);
  border-radius: 6px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
  cursor: pointer;
}
.wb-ask__cancel:hover {
  background: #f8fafc;
}
.wb-ask__cancel:focus-visible {
  outline: 2px solid #2559b8;
  outline-offset: 1px;
}

.wb-panel__fill {
  margin: 0;
  gap: 10px;
  font-size: var(--edc-fs-label);
  color: var(--rail-muted);
  flex-wrap: nowrap;
}

.wb-panel__fill-track {
  flex: 0 0 auto;
  display: inline-block;
  width: 72px;
  height: 5px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}

.wb-panel__fill-bar {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--rail-accent);
  transition: width 0.25s ease;
}

.wb-panel__fill-text {
  min-width: 0;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wb-panel__fill-done {
  font-weight: 500;
  color: #166534;
}

.wb-panel__toolbar {
  gap: 8px;
}

.wb-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.wb-toolbar__status {
  flex-basis: 100%;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.4;
  color: #334155;
}
.wb-toolbar__status:empty {
  display: none;
}
.wb-toolbar__status .fa-spinner {
  color: #64748b;
  margin-right: 4px;
}
.wb-toolbar__status .fa-check {
  color: #0d9f6e;
  margin-right: 4px;
}
.wb-toolbar__status a {
  color: #2f5cc4;
  font-weight: 600;
  text-decoration: underline;
}
.wb-toolbar__status--error {
  color: #b42318;
}
.wb-toolbar__status--error a {
  color: #b42318;
}

.wb-panel__loading, .wb-workspace__loading {
  padding: 12px 0;
  color: var(--rail-muted);
  font-size: var(--edc-fs-secondary);
}

.wb-panel__detail-layer {
  padding: 4px 0 8px;
}

.wb-layer--push {
  animation: wb-layer-in 0.18s cubic-bezier(0.32, 0.72, 0, 1);
}

@keyframes wb-layer-in {
  from {
    transform: translateX(20px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wb-panel.rail-panel, .wb-layer--push {
    animation: none;
  }
}
.wb-list {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  --wb-accent: var(--rail-accent);
}

.wb-row {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 2px;
  padding: 0 28px 0 8px;
  min-height: 44px;
  border-radius: 8px;
  border: 1px solid transparent;
  transition: background 0.14s ease, border-color 0.14s ease;
}

.rail-panel .wb-row {
  margin-left: -9px;
  margin-right: -9px;
}

.wb-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 3px;
  background: var(--wb-accent);
  opacity: 0;
  transition: opacity 0.14s ease;
}

.wb-row:hover, .wb-row:focus-within {
  background: #f8fafc;
  border-color: var(--rail-hairline);
}

.wb-row--selected {
  background: #f4f8fd;
  border-color: #dbe6f7;
}

.wb-row--selected::before {
  opacity: 1;
}

.wb-row--dragging {
  background: #eef4fd;
  box-shadow: 0 6px 16px rgba(37, 89, 184, 0.2);
}

.wb-row__handle {
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #94a3b8;
  font-size: var(--edc-fs-label);
  cursor: grab;
  opacity: 0;
  transition: opacity 0.14s ease, color 0.14s ease;
  min-width: 0;
}

.wb-row__remove {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #94a3b8;
  font-size: var(--edc-fs-label);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.14s ease, color 0.14s ease, background 0.14s ease;
  min-width: 0;
}

.wb-row:hover .wb-row__handle,
.wb-row:hover .wb-row__remove,
.wb-row:focus-within .wb-row__handle,
.wb-row:focus-within .wb-row__remove {
  opacity: 1;
}

.wb-row__handle:hover {
  color: var(--rail-accent);
}

.wb-row__handle:active {
  cursor: grabbing;
}

.wb-row__remove:hover {
  color: #b42318;
  background: #fdeeec;
}

.wb-row__handle:focus-visible, .wb-row__remove:focus-visible {
  opacity: 1;
  outline: 2px solid var(--rail-accent);
  outline-offset: 1px;
}

@media (hover: none) {
  .wb-row__handle, .wb-row__remove {
    opacity: 1;
  }
}
.wb-row__main {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 7px 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: var(--rail-ink);
  border-radius: 6px;
  font-family: inherit;
  min-height: 0;
}

.wb-row__main:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 1px;
}

.wb-row__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  font-size: var(--edc-fs-label);
}

.wb-row__text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.wb-row__label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: var(--rail-ink);
  line-height: 1.3;
  overflow: hidden;
  white-space: nowrap;
}

.wb-row__meta {
  font-size: var(--edc-fs-label);
  color: var(--rail-muted);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wb-row__value {
  color: var(--rail-ink);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.wb-row__count {
  flex: 0 0 auto;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--rail-hairline);
  color: var(--rail-muted);
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  line-height: 1.6;
  white-space: nowrap;
}

.wb-row__badge {
  color: var(--rail-muted);
  font-size: var(--edc-fs-eyebrow);
  flex: 0 0 auto;
}

.wb-list__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 36px 16px;
  text-align: center;
  color: var(--rail-muted);
  font-size: var(--edc-fs-secondary);
}
.wb-list__empty p {
  margin: 0;
  max-width: 34ch;
}

.wb-list__empty-title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: var(--rail-ink);
}

.wb-list__empty-body {
  line-height: 1.5;
}

.wb-list__empty-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: #eef2f7;
  color: #64748b;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
}

.wb-list__hint {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  color: var(--rail-muted);
  font-size: var(--edc-fs-label);
}
.wb-list__hint i {
  color: #94a3b8;
}

.wb-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  color: var(--rail-title);
  cursor: pointer;
  padding: 4px 0 10px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  font-family: inherit;
  min-width: 0;
}
.wb-back:hover {
  text-decoration: underline;
}
.wb-back:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
  border-radius: 4px;
}

.wb-detail__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--rail-hairline);
  margin-bottom: 14px;
}

.wb-detail__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  font-size: var(--edc-fs-body);
}

.wb-detail__titles {
  flex: 1 1 auto;
  min-width: 0;
}

.wb-detail__title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  margin: 0;
  color: var(--rail-ink);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-detail__title:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
}

.wb-detail__subtitle {
  font-size: var(--edc-fs-label);
  color: var(--rail-muted);
}

.wb-detail__open, .wb-formview__open {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: var(--rail-title);
  white-space: nowrap;
}
.wb-detail__open:hover, .wb-formview__open:hover {
  color: var(--rail-accent);
}

.wb-field {
  margin-bottom: 14px;
}

.wb-field__label {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #334155;
  margin-bottom: 5px;
}

.wb-field__readonly {
  padding: 7px 10px;
  background: #f8fafc;
  border: 1px solid var(--rail-line);
  border-radius: 6px;
  color: #334155;
  font-size: var(--edc-fs-secondary);
}

.wb-field .form-control, .wb-field .form-select {
  border-radius: 6px;
  font-size: var(--edc-fs-secondary);
  border-color: #cbd5e1;
}

.wb-field .form-control:focus, .wb-field .form-select:focus {
  border-color: var(--rail-accent);
  box-shadow: 0 0 0 3px rgba(37, 89, 184, 0.18);
}

.wb-field__status {
  display: inline-flex;
  align-items: center;
  min-height: 1.2em;
  font-size: var(--edc-fs-label);
  margin-top: 3px;
}

.wb-field__saving {
  color: var(--rail-muted);
}

.wb-field__saved {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #166534;
  font-weight: 600;
}

.wb-field__saved .fa-check {
  animation: wb-saved-pulse 0.35s ease-out;
}

@keyframes wb-saved-pulse {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  45% {
    transform: scale(1.18);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.wb-field__error {
  color: #b42318;
  font-size: var(--edc-fs-label);
  margin-top: 3px;
}

.wb-field__error a {
  color: #b42318;
  text-decoration: underline;
}

.wb-field__error-detail {
  color: #7a2620;
}

@media (max-width: 767.98px) {
  .wb-panel.rail-panel {
    display: none;
  }
}
.wb-row__chip--widget,
.wb-detail__chip.wb-row__chip--widget {
  background: #ede9fe;
  color: #5b21b6;
}

.wb-detail--widget .wb-detail__figure {
  margin: 8px 0 12px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #0f172a;
}

.wb-detail__controls {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 12px;
}

.wb-detail__control {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}

.wb-detail__control-label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #475467;
}

.wb-detail__note {
  margin: 0;
  font-size: var(--edc-fs-label);
  color: #475467;
}

.wb-detail__viz {
  margin: 4px 0 12px;
}

.wb-detail__viz .wb-widget-live {
  border: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  min-width: 0;
}

.wb-detail__viz .glance-widget__body {
  min-width: 0;
  overflow-x: auto;
}

.wb-panel.rail-panel {
  --rail-width: 460px;
}

.wb-items {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wb-items__slot {
  margin: 0;
}

.wb-items__slot.is-dragging .wb-item {
  box-shadow: 0 8px 20px rgba(37, 89, 184, 0.22);
  border-color: #c7d7f0;
}

.wb-item {
  position: relative;
  background: #fff;
  border: 1px solid var(--rail-line);
  border-radius: 10px;
  min-width: 0;
}
.wb-item:focus-within {
  border-color: #c7d7f0;
}

.wb-item.is-editing-settings {
  border-color: var(--rail-accent);
  box-shadow: inset 0 0 0 1px var(--rail-accent);
}

.wb-item__head {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 8px 9px 12px;
  border-bottom: 1px solid var(--rail-hairline);
}

.wb-item__handle {
  flex: 0 0 auto;
  width: 18px;
  height: 28px;
  margin-left: -6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #64748b;
  font-size: var(--edc-fs-secondary);
  cursor: grab;
  opacity: 0;
  transition: opacity 0.12s ease;
  min-width: 0;
}
.wb-item__handle:active {
  cursor: grabbing;
}
.wb-item__handle:focus-visible {
  opacity: 1;
  outline: 2px solid var(--rail-accent);
  outline-offset: 1px;
  border-radius: 4px;
}

.wb-item:hover .wb-item__handle,
.wb-item:focus-within .wb-item__handle {
  opacity: 1;
}

@media (hover: none) {
  .wb-item__handle {
    opacity: 1;
  }
}
.wb-item__chip {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  background: #eef2f7;
  color: #475569;
}

.wb-item__chip--kind {
  background: #eef2fb;
  color: #1e4b8f;
}

.wb-item--widget .wb-item__chip {
  background: #ede9fe;
  color: #5b21b6;
}

.wb-item--noaccess .wb-item__chip {
  background: #f1f5f9;
  color: #475569;
}

.wb-item__titles {
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 3px;
}

.wb-item__title {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  line-height: 1.3;
  color: var(--rail-ink);
  text-shadow: none;
  overflow-wrap: anywhere;
}

.wb-item__title-link {
  color: inherit;
  text-decoration: none;
}
.wb-item__title-link:hover {
  color: var(--rail-accent);
  text-decoration: underline;
}
.wb-item__title-link:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
  border-radius: 3px;
}

.wb-item__subtitle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 3px 0 0;
  font-size: var(--edc-fs-label);
  line-height: 1.4;
  color: var(--rail-muted);
}

.wb-item__source {
  min-width: 0;
  overflow-wrap: anywhere;
}

.wb-item__follow {
  margin: 2px 0 0;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 1.4;
  color: #475569;
  overflow-wrap: anywhere;
}
.wb-item__follow .fa-solid {
  font-size: var(--edc-fs-eyebrow);
  margin-right: 2px;
}

.wb-item__follow--follows {
  color: #1c3f75;
}

.wb-item__asof {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 1px 8px;
  border-radius: 999px;
  background: #eef4fd;
  color: #1c3f75;
  font-weight: 600;
  white-space: nowrap;
}
.wb-item__asof .fa {
  font-size: var(--edc-fs-eyebrow);
}

.wb-item__tools {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 2px;
}

.wb-item__tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #475569;
  font-size: var(--edc-fs-body);
  min-width: 0;
}
.wb-item__tool:hover, .wb-item__tool[aria-expanded=true] {
  background: #eef2ff;
  color: var(--rail-accent);
}
.wb-item__tool:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 1px;
}

.wb-item__tool--set {
  color: var(--rail-accent);
}

.wb-item__menu {
  position: relative;
}

.wb-item__menu-list {
  position: absolute;
  top: 32px;
  right: 0;
  z-index: 20;
  min-width: 212px;
  padding: 4px;
  background: #fff;
  border: 1px solid var(--rail-line);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
}

.wb-item__menu-item {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-width: 0;
  padding: 7px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--rail-ink);
  font-size: var(--edc-fs-secondary);
  text-align: left;
}
.wb-item__menu-item .fa {
  width: 14px;
  color: #475569;
  text-align: center;
}
.wb-item__menu-item:hover:not(:disabled), .wb-item__menu-item:focus-visible {
  background: #f1f5f9;
  outline: none;
}
.wb-item__menu-item:focus-visible {
  box-shadow: inset 0 0 0 2px var(--rail-accent);
}
.wb-item__menu-item:disabled {
  color: #64748b;
  cursor: default;
}
.wb-item__menu-item:disabled .fa {
  color: #94a3b8;
}

.wb-item__menu-item--danger {
  color: #b42318;
}
.wb-item__menu-item--danger .fa {
  color: #b42318;
}

.wb-item__menu-sep {
  height: 1px;
  margin: 4px 2px;
  background: var(--rail-hairline);
}

.wb-item__body {
  padding: 10px 12px 12px;
  min-width: 0;
}

.wb-item__fields .wb-field:last-child,
.wb-record__fields .wb-field:last-child {
  margin-bottom: 0;
}

.wb-item__loading {
  margin: 0;
  color: var(--rail-muted);
  font-size: var(--edc-fs-secondary);
}

.wb-item__problem {
  margin: 0;
  color: #b42318;
  font-size: var(--edc-fs-secondary);
}

.wb-item__html {
  min-width: 0;
}

.wb-item__html[aria-busy=true] > div {
  opacity: 0.6;
  transition: opacity 0.15s ease;
}

.wb-item__noaccess {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #334155;
  font-size: var(--edc-fs-secondary);
}
.wb-item__noaccess > .fa {
  margin-top: 3px;
  color: #475569;
}

.wb-item__noaccess-title {
  margin: 0;
  font-weight: 600;
  color: var(--rail-ink);
}

.wb-item__noaccess-body {
  margin: 2px 0 0;
  color: #475569;
}

.wb-item .wb-widget-live .glance-widget {
  border: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
  background: none;
  height: auto;
  min-height: 0;
  min-width: 0;
}

.wb-item .wb-widget-live .glance-widget__body {
  min-width: 0;
  overflow-x: auto;
}

.wb-item .wb-widget-live .glance-widget__summary {
  margin-top: 0;
}

.wb-record__meta {
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  color: #334155;
}

.wb-record__standing {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin: 0 0 10px;
  font-size: var(--edc-fs-secondary);
}

.wb-record__stage {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.wb-record__swatch {
  width: 10px;
  height: 10px;
  border-radius: 3px;
}

.wb-record__stage-label {
  color: var(--rail-muted);
}

.wb-record__flag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #334155;
  font-weight: 600;
}

.wb-record__fields {
  margin: 0 0 10px;
}

.wb-record__last {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #334155;
}
.wb-record__last a {
  color: #1e4b8f;
  font-weight: 600;
}

.wb-record__last-label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475569;
  margin-right: 4px;
}

.wb-text__body {
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  color: var(--rail-ink);
}
.wb-text__body h4 {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  text-shadow: none;
  color: var(--rail-ink);
}
.wb-text__body p {
  margin: 0 0 8px;
}
.wb-text__body ul {
  margin: 0 0 8px;
  padding-left: 20px;
}
.wb-text__body > :last-child {
  margin-bottom: 0;
}

.wb-text__empty {
  margin: 0;
  color: #475569;
  font-size: var(--edc-fs-secondary);
}

.wb-text__edit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 3px 0;
  border: 0;
  background: transparent;
  color: #1e4b8f;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  min-width: 0;
}
.wb-text__edit:hover {
  text-decoration: underline;
}
.wb-text__edit:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
  border-radius: 3px;
}

.wb-text__tools {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 6px;
}

.wb-text__tool {
  min-width: 30px;
  height: 28px;
  padding: 0 9px;
  border: 1px solid var(--rail-line);
  border-radius: 6px;
  background: #fff;
  color: #334155;
  font-size: var(--edc-fs-label);
  font-weight: 600;
}
.wb-text__tool:hover {
  background: #f1f5f9;
}
.wb-text__tool:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 1px;
}

.wb-text__area {
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  border-radius: 6px;
  border-color: #cbd5e1;
  resize: vertical;
}

.wb-text__help {
  margin: 4px 0 0;
  font-size: var(--edc-fs-label);
  color: #475569;
}

.wb-text__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}

.wb-text__count {
  margin-right: auto;
  font-size: var(--edc-fs-label);
  color: #475569;
  font-variant-numeric: tabular-nums;
}

.wb-text__status {
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #334155;
}

.wb-text__status--error {
  color: #b42318;
}

.wb-panel__menu .wb-item__menu-list {
  top: 34px;
}

.wb-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wb-timeline__row {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
  padding: 7px 0;
  border-bottom: 1px solid var(--rail-hairline);
  font-size: var(--edc-fs-secondary);
}
.wb-timeline__row:first-child {
  padding-top: 0;
}

.wb-timeline__date {
  color: #475569;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.wb-timeline__what {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.wb-timeline__title {
  color: var(--rail-ink);
  font-weight: 600;
  overflow-wrap: anywhere;
}

a.wb-timeline__title {
  color: #1e4b8f;
  text-decoration: none;
}
a.wb-timeline__title:hover {
  text-decoration: underline;
}

.wb-timeline__kind {
  color: #475569;
  font-size: var(--edc-fs-label);
}

.wb-timeline__empty, .wb-timeline__note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.wb-timeline__note {
  margin-top: 8px;
  font-size: var(--edc-fs-label);
}

.wb-file__figure {
  margin: 0;
}

.wb-file__image {
  display: block;
  width: 100%;
  max-height: 320px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 6px;
  background: #f8fafc;
  border: 1px solid var(--rail-hairline);
}

.wb-file__caption {
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #334155;
}

.wb-file__card {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wb-file__glyph {
  flex: 0 0 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #eef2fb;
  color: #1e4b8f;
  font-size: var(--edc-fs-title);
}

.wb-file__words {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.wb-file__name {
  font-weight: 600;
  color: var(--rail-ink);
  overflow-wrap: anywhere;
}

.wb-file__meta {
  font-size: var(--edc-fs-label);
  color: #475569;
}

.wb-file__open {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  color: #1e4b8f;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.wb-file__open:hover {
  text-decoration: underline;
}
.wb-file__open:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
  border-radius: 3px;
}

.wb-aud__reach {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #334155;
}

.wb-aud__count {
  font-size: var(--edc-fs-display);
  font-weight: 800;
  color: var(--rail-ink);
  font-variant-numeric: tabular-nums;
}

.wb-aud__parts {
  margin: 2px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.wb-aud__heading {
  margin: 14px 0 6px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475569;
  text-shadow: none;
}

.wb-aud__bars {
  margin: 0;
}

.wb-aud__campaigns, .wb-aud__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: var(--edc-fs-secondary);
}
.wb-aud__campaigns li, .wb-aud__list li {
  padding: 4px 0;
  border-bottom: 1px solid var(--rail-hairline);
}
.wb-aud__campaigns a, .wb-aud__list a {
  color: #1e4b8f;
  font-weight: 600;
  text-decoration: none;
}
.wb-aud__campaigns a:hover, .wb-aud__list a:hover {
  text-decoration: underline;
}

.wb-aud__kind {
  color: #475569;
  font-size: var(--edc-fs-label);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

.wb-aud__none {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.wb-aud__people {
  margin-top: 12px;
}

.wb-aud__toggle {
  margin: 8px 0 0;
}

.wb-aud__toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  border: 0;
  background: transparent;
  color: #1e4b8f;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  min-width: 0;
}
.wb-aud__toggle-btn:hover {
  text-decoration: underline;
}
.wb-aud__toggle-btn:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
  border-radius: 3px;
}

.wb-map-item .glance-map__list--fallback {
  display: grid;
  max-height: 168px;
  overflow: auto;
}

.wb-file__unloaded {
  display: none;
  margin: 0;
  padding: 12px;
  border-radius: 6px;
  background: #f8fafc;
  border: 1px solid var(--rail-hairline);
  font-size: var(--edc-fs-secondary);
  color: #334155;
}

.wb-file--broken .wb-file__image {
  display: none;
}

.wb-file--broken .wb-file__unloaded {
  display: block;
}

.wb-item .wb-field {
  margin-bottom: 10px;
}

.wb-item .wb-field:last-child {
  margin-bottom: 0;
}

.wb-item .wb-field__label {
  margin-bottom: 4px;
}

.wb-item .wb-field__status {
  min-height: 0;
  margin-top: 0;
}

.wb-item .wb-field__status:empty {
  display: none;
}

.wb-ec.ec-analytics {
  padding: 0;
  margin: 0;
  background: none;
}

.wb-ec .ec-analytics__card {
  border: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
  background: none;
}

.wb-ev.ev-page {
  padding: 0;
  margin: 0;
  background: none;
  min-height: 0;
}

.wb-ev .ev-statrow {
  margin-bottom: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wb-svy.svy-page {
  padding: 0;
  background: none;
}

.wb-svy .sr-q:first-child {
  padding-top: 0;
}

.wb-svy .sr-q:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.wb-svy .sr-note {
  margin: 0 0 10px;
}

.wb-list-item .vgr-table {
  border: 0;
  padding: 0;
}

.wb-list-item .vgr-table__bar {
  flex-wrap: wrap;
  gap: 8px;
}

.wb-list-item .vgr-table__fold {
  flex-basis: 100%;
}

.wb-list-item .vgr-table__fold-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  list-style: none;
  color: #1e4b8f;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.wb-list-item .vgr-table__fold-toggle::-webkit-details-marker {
  display: none;
}
.wb-list-item .vgr-table__fold-toggle:hover {
  text-decoration: underline;
}
.wb-list-item .vgr-table__fold-toggle:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
  border-radius: 3px;
}

.wb-list-item .vgr-table__fold[open] .vgr-table__filters {
  margin-top: 8px;
}

.wb-record__open {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  color: #1e4b8f;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.wb-record__open:hover {
  text-decoration: underline;
}
.wb-record__open:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
  border-radius: 3px;
}

.wb-item--heading, .wb-item--page_break {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.wb-item--heading .wb-item__head {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 2px solid var(--rail-ink, #1c2531);
  border-radius: 0;
}

.wb-heading__fold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--rail-muted);
}
.wb-heading__fold:hover:not(:disabled) {
  background: #eef2f7;
  color: var(--rail-accent);
}
.wb-heading__fold:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: 2px;
}
.wb-heading__fold:disabled {
  opacity: 0.45;
}

.wb-heading__words {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.wb-heading__input, .wb-heading__text {
  width: 100%;
  margin: 0;
  padding: 2px 6px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  line-height: 1.3;
  color: var(--rail-ink, #1c2531);
  text-shadow: none;
}

.wb-heading__input:hover {
  border-color: #dfe4ea;
}

.wb-heading__input:focus {
  outline: none;
  border-color: var(--rail-accent);
  box-shadow: 0 0 0 2px rgba(28, 63, 117, 0.18);
  background: #fff;
}

.wb-heading__count {
  padding: 0 6px;
  font-size: var(--edc-fs-label);
  color: #475569;
}

.wb-heading__error {
  padding: 0 6px;
  font-size: var(--edc-fs-label);
  color: #b42318;
  font-weight: 600;
}

.wb-break {
  flex: 1 1 auto;
  margin: 0;
  padding: 6px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
  border-top: 1px dashed #c9d2dd;
  border-bottom: 1px dashed #c9d2dd;
}

.logo a {
  text-decoration: none;
}

.arsw {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
}

.arsw__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #173642;
  font-size: var(--edc-fs-heading);
  cursor: pointer;
}
.arsw__trigger:hover {
  background: rgba(23, 54, 66, 0.08);
}
.arsw__trigger:focus-visible {
  outline: 2px solid #173642;
  outline-offset: 2px;
}

.arsw__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}

.arsw--word {
  margin-left: 0;
}
.arsw--word .arsw__trigger {
  height: 44px;
  padding: 0 6px 0 10px;
  border-radius: 10px;
  color: #1f2433;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.arsw--word .arsw__word {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1;
}

.arsw__menu {
  min-width: 220px;
  padding: 6px;
  border-radius: 10px;
}

.arsw--word .arsw__menu {
  min-width: 280px;
}

.arsw__form {
  margin: 0;
}

.arsw__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  text-align: left;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  padding: 8px 10px;
  color: #1f2d3d;
  text-decoration: none;
  white-space: normal;
}
.arsw__item:hover, .arsw__item:focus {
  background: #f1f4f8;
  color: #1f2d3d;
  text-decoration: none;
}
.arsw__item:focus-visible {
  outline: 2px solid #173642;
  outline-offset: -2px;
}

.arsw__item--current {
  font-weight: 600;
}

.arsw__words {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 auto;
  min-width: 0;
}

.arsw__label {
  line-height: 1.3;
}

.arsw__hint {
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: #4b5563;
  line-height: 1.35;
}

.arsw__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #eaf1ff;
  color: #2563eb;
  font-size: var(--edc-fs-body);
}

.arsw__item--home .arsw__icon {
  background: #f1f3f8;
  color: #374151;
}

.arsw__check {
  color: #0d9f6e;
  flex: 0 0 auto;
}

.arsw__divider {
  margin: 6px 4px;
}

@media (max-width: 575px) {
  .arsw--word .arsw__menu {
    min-width: calc(100vw - 32px);
  }
}
.rp-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: rgba(15, 23, 42, 0.44);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.rp-backdrop.is-on {
  opacity: 1;
  pointer-events: auto;
}

body.rp-open {
  overflow: hidden;
}

body.rp-open .popover, body.rp-open .tooltip, body.rp-open .pac-container {
  z-index: 2100;
}

body.rp-open > main.page {
  transform: scale(0.985);
  transform-origin: 50% 0;
  transition: transform 0.36s cubic-bezier(0.32, 0.72, 0, 1);
}

body > main.page {
  transition: transform 0.36s cubic-bezier(0.32, 0.72, 0, 1);
}

.rp-layer.rail-panel {
  --rail-accent: #15803d;
  --rail-title: #14532d;
  --rp-gutter: 24px;
  position: fixed;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: min(720px, 100vw - 48px);
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.26), 0 2px 8px rgba(15, 23, 42, 0.1);
  transform: none;
  transform-origin: 100% 50%;
  transition: transform 0.36s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.24s ease;
  overflow: hidden;
  outline: none;
}
.rp-layer.rail-panel.is-entering {
  transform: translateX(calc(100% + 24px));
}
.rp-layer.rail-panel.is-leaving {
  transform: translateX(calc(100% + 24px));
  opacity: 0.4;
}
.rp-layer.rail-panel.is-behind {
  transform: translateX(calc(var(--rp-behind, 1) * -44px)) scale(calc(1 - var(--rp-behind, 1) * 0.04));
}
.rp-layer.rail-panel.is-behind::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(15, 23, 42, 0.18);
  pointer-events: none;
}
.rp-layer.rail-panel.is-handing-back {
  transform-origin: 0 0;
  transform: translate(var(--rp-hb-x, 0), var(--rp-hb-y, 0)) scale(var(--rp-hb-sx, 0.1), var(--rp-hb-sy, 0.05));
  opacity: 0;
  transition: transform 0.42s cubic-bezier(0.55, 0, 0.25, 1), opacity 0.42s ease-in;
}

@media (prefers-reduced-motion: reduce) {
  .rp-layer.rail-panel, .rp-backdrop, body > main.page {
    transition: none !important;
  }
}
body.reduced-motion .rp-layer.rail-panel, body.reduced-motion .rp-backdrop, body.reduced-motion > main.page {
  transition: none !important;
}

.rp-layer .rp-head {
  align-items: flex-start;
  gap: 16px;
  padding: 20px var(--rp-gutter) 16px;
  border-bottom: 1px solid var(--rail-line);
}

.rp-head__text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.rp-trail__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 0;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 1.4;
  color: #475569;
}

.rp-trail__step {
  min-width: 0;
}
.rp-trail__step + .rp-trail__step::before {
  content: "›";
  margin: 0 8px;
  color: #64748b;
  font-weight: 400;
}
.rp-trail__step[aria-current] {
  color: var(--rail-title);
}

.rp-layer .rp-title {
  font-size: var(--edc-fs-title);
  line-height: 1.25;
  white-space: normal;
  text-shadow: none;
  letter-spacing: -0.2px;
}
.rp-layer .rp-title:focus, .rp-layer .rp-title:focus-visible {
  outline: none;
}

.rp-head__kind {
  flex: 0 1 240px;
  min-width: 0;
  display: flex;
  align-items: center;
  align-self: center;
}
.rp-head__kind .rail-select {
  width: 100%;
  height: 36px;
}

.rp-layer .rp-close {
  margin-left: 0;
  align-self: flex-start;
  margin-top: -4px;
}

.rp-layer .rp-body {
  padding: 20px var(--rp-gutter) 28px;
  scroll-padding: 20px;
}

.rp-skeleton {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rp-skel {
  height: 38px;
  border-radius: 8px;
  background: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 50%, #f1f5f9 100%);
  background-size: 200% 100%;
  animation: rp-shimmer 1.2s linear infinite;
}
.rp-skel--label {
  width: 28%;
  height: 12px;
  margin-top: 12px;
}

@keyframes rp-shimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rp-skel {
    animation: none;
  }
}
.rp-refusal {
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #fecaca;
  border-radius: 10px;
  background: #fef2f2;
  color: #991b1b;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}
.rp-refusal .fa {
  margin-right: 6px;
}

.rp-errors {
  margin: 0 0 20px;
  padding: 14px 16px;
  border: 1px solid #fecaca;
  border-radius: 10px;
  background: #fef2f2;
  color: #991b1b;
}
.rp-errors:focus {
  outline: none;
}
.rp-errors:focus-visible {
  outline: 2px solid #b91c1c;
  outline-offset: 2px;
}

.rp-errors__title {
  margin: 0 0 6px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
}
.rp-errors__title .fa {
  margin-right: 6px;
}

.rp-errors__list {
  margin: 0;
  padding-left: 22px;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}

.rp-lead {
  margin: 0 0 20px;
  padding: 16px;
  border: 1px solid #fcd34d;
  border-radius: 12px;
  background: #fffbeb;
  color: #713f12;
}

.rp-lead__title {
  margin: 0 0 4px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  line-height: 1.3;
  color: #713f12;
  text-shadow: none;
}
.rp-lead__title .fa-regular {
  margin-right: 6px;
}

.rp-lead__text {
  margin: 0 0 12px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
}

.rp-lead__list {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rp-lead__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #fde68a;
  border-radius: 8px;
  background: #fff;
}

.rp-lead__who {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.rp-lead__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1e293b;
}

.rp-lead__detail {
  font-size: var(--edc-fs-label);
  color: #475569;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rp-lead__reason {
  font-size: var(--edc-fs-label);
  color: #475569;
}

.rp-lead .rp-lead__use {
  flex: 0 0 auto;
  height: 32px;
}

.rp-lead__dismiss {
  padding: 4px 0;
  border: 0;
  background: none;
  color: #713f12;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  min-width: 0;
}
.rp-lead__dismiss:hover {
  color: #422006;
}
.rp-lead__dismiss:focus-visible {
  outline: 2px solid #b45309;
  outline-offset: 2px;
  border-radius: 2px;
}

.rp-lead__error {
  margin: 0 0 20px;
  padding: 10px 14px;
  border: 1px solid #fecaca;
  border-radius: 10px;
  background: #fef2f2;
  color: #991b1b;
  font-size: var(--edc-fs-secondary);
}

.rp-layer .rp-form-host {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 16px;
  align-items: start;
}
.rp-layer .rp-form-host :is(.rp-frame, form, fieldset, .example, .example-wrap, .formRowSize, .form-row, .row, .mem-flow__grid, .cq-flow-address, .red-links, .mem-flow__step:not(.rp-sect), .links, .rp-legacy, .rp-legacy .modal-body, [class*=col-]):not(.rp-field, .rp-field *) {
  display: contents;
}
.rp-layer .rp-form-host > *:not(.rp-field), .rp-layer .rp-form-host :is(.rp-frame, form, fieldset, .example, .example-wrap, .formRowSize, .form-row, .row, .mem-flow__grid, .cq-flow-address, .red-links, .mem-flow__step:not(.rp-sect), .links, .rp-legacy, .rp-legacy .modal-body, [class*=col-]):not(.rp-field, .rp-field *) > *:not(.rp-field) {
  grid-column: 1/-1;
}
.rp-layer .rp-form-host .rp-field {
  grid-column: auto;
  min-width: 0;
  width: auto;
  max-width: none;
  flex: initial;
  padding: 0;
  margin: 0;
}
.rp-layer .rp-form-host .rp-field.rp-wide {
  grid-column: 1/-1;
}
.rp-layer .rp-form-host .rp-skeleton, .rp-layer .rp-form-host .rp-refusal, .rp-layer .rp-form-host .rp-legacy, .rp-layer .rp-form-host .rp-legacy-refusal {
  grid-column: 1/-1;
}

.rp-layer .rp-form-host .nested-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--rail-line);
  border-radius: 10px;
  background: #f8fafc;
}
.rp-layer .rp-form-host .nested-fields :is(.row, .form-row, .col, [class*=col-]) {
  display: contents;
}
.rp-layer .rp-form-host .nested-fields .form-group {
  min-width: 0;
  margin: 0;
}
.rp-layer .rp-form-host .nested-fields .form-group:has(textarea) {
  grid-column: 1/-1;
}

.rp-body .form-group {
  margin: 0;
}
.rp-body .rp-label-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 6px;
  min-width: 0;
}
.rp-body .rp-label-row label {
  margin: 0;
}
.rp-body .tooltip-popover {
  margin: 0 !important;
  color: #475569;
  font-size: var(--edc-fs-label);
  cursor: pointer;
}
.rp-body label, .rp-body .mems-form__label, .rp-body .form-control-label, .rp-body .mems-form__field label, .rp-body .mem-flow__grid label {
  display: block;
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.35;
  color: #334155;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.rp-body label .text-danger {
  display: none;
}
.rp-body .form-check label, .rp-body .mems-form__check, .rp-body .mem-flow__choice {
  font-weight: 500;
}
.rp-body .form-control, .rp-body .ccs-input, .rp-body .form-select, .rp-body .custom-select, .rp-body select.form-control,
.rp-body .bootstrap-select > .dropdown-toggle {
  width: 100%;
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background-color: #fff;
  color: #0f172a;
  font-size: var(--edc-fs-body);
  line-height: 1.4;
  box-shadow: none;
  min-width: 0;
}
.rp-body textarea.form-control {
  min-height: 88px;
}
.rp-body .form-control:focus, .rp-body .ccs-input:focus, .rp-body .form-select:focus, .rp-body .custom-select:focus,
.rp-body .bootstrap-select > .dropdown-toggle:focus, .rp-body .bootstrap-select.show > .dropdown-toggle {
  border-color: var(--rail-accent);
  box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.16);
  outline: none;
}
.rp-body .bootstrap-select {
  width: 100% !important;
}
.rp-body .bootstrap-select.form-control {
  padding: 0;
  border: 0;
  min-height: 0;
  background: none;
  box-shadow: none;
}
.rp-body .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
  font-size: var(--edc-fs-body);
}
.rp-body .mems-form__help, .rp-body .form-text, .rp-body small.text-muted {
  display: block;
  margin-top: 6px;
  font-size: var(--edc-fs-label);
  color: #475569;
  line-height: 1.45;
}
.rp-body .magnify-glass-icon, .rp-body .rfs-savebar, .rp-body .mems-form__foot, .rp-body .mem-flow__foot, .rp-body .modal-footer,
.rp-body [id$=cq-add-name-help], .rp-body .rfs-hero {
  display: none !important;
}
.rp-body .rp-deco, .rp-body [hidden], .rp-body .error-messages:empty, .rp-body .qa_refusal:empty {
  display: none !important;
}
.rp-body .btn {
  min-width: 0;
}
.rp-body .card {
  margin-bottom: 0;
  height: auto;
}
.rp-body h1, .rp-body h2, .rp-body h3, .rp-body h4 {
  text-shadow: none;
}
.rp-body .mem-flow__step {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}
.rp-body .mem-flow__choices {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 12px;
}
.rp-body .cq-flow-address {
  margin: 0;
}
.rp-body .mems-picker {
  position: relative;
}
.rp-body .mem-flow__note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.rp-body .mems-form__field > .mems-form__label {
  display: block;
  margin: 0 0 6px;
}
.rp-body .mems-form__field > .mems-form__check {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  font-weight: 500;
  line-height: 1.4;
}
.rp-body .mems-form__field > .mems-form__check input {
  margin: 0;
  width: 16px;
  height: 16px;
  accent-color: var(--rail-accent);
}
.rp-body .rp-legacy > form > .modal-body, .rp-body .rp-legacy > .modal-body {
  padding: 0;
}
.rp-body .rp-legacy-refusal:empty {
  display: none;
}

.rp-mode-usual .rp-off, .rp-mode-usual .rp-row-off {
  display: none !important;
}
.rp-mode-usual .rp-form-host .rp-sect, .rp-mode-usual .rp-form-host .rp-sect__body {
  display: contents;
}
.rp-mode-usual .rp-sect__head {
  display: none;
}

.rp-sect {
  min-width: 0;
}

.rp-mode-all .rp-form-host {
  row-gap: 12px;
}
.rp-mode-all .rp-form-host .rp-sect {
  display: block;
  grid-column: 1/-1;
  margin: 0;
  padding: 0;
  border: 1px solid var(--rail-line);
  border-radius: 12px;
  background: #fff;
}
.rp-mode-all .rp-form-host .rp-sect.is-collapsed > .rp-sect__body {
  display: none;
}
.rp-mode-all .rp-form-host .rp-sect__body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 16px;
  align-items: start;
  padding: 4px 16px 20px;
}
.rp-mode-all .rp-form-host .rp-sect__body > *:not(.rp-field) {
  grid-column: 1/-1;
}

.rp-sect__head {
  margin: 0;
  font-size: inherit;
  text-shadow: none;
}

.rp-sect__toggle {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border: 0;
  border-radius: 12px;
  background: none;
  color: var(--rail-ink);
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
}
.rp-sect__toggle:hover {
  background: #f8fafc;
}
.rp-sect__toggle:focus-visible {
  outline: 2px solid var(--rail-accent);
  outline-offset: -2px;
}

.rp-sect__chev {
  color: #475569;
  font-size: var(--edc-fs-label);
  transition: transform 0.2s ease;
}

.rp-sect.is-collapsed .rp-sect__chev {
  transform: rotate(-90deg);
}

.rp-layer .rp-foot {
  justify-content: space-between;
  gap: 12px 16px;
  padding: 14px var(--rp-gutter);
  border-radius: 0 0 14px 14px;
  font-size: var(--edc-fs-secondary);
}

.rp-foot__fields {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex-wrap: wrap;
}

.rp-foot__fields[hidden], .rp-foot__acts[hidden] {
  display: none;
}

.rp-count {
  color: #475569;
  font-size: var(--edc-fs-secondary);
  white-space: nowrap;
}

.rp-foot__acts {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.rp-layer .rp-foot .rail-tool, .rp-layer .rp-foot .rail-primary {
  height: 36px;
  padding: 0 14px;
}

.rp-layer .rp-foot .rail-primary {
  padding: 0 18px;
}

.rp-confirm {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  flex-wrap: wrap;
}
.rp-confirm[hidden] {
  display: none;
}

.rp-confirm__text {
  margin: 0;
  color: #1e293b;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.45;
  min-width: 0;
  flex: 1 1 260px;
}

.rp-confirm__acts {
  display: flex;
  gap: 8px;
}

.rp-layer .rp-confirm__discard {
  color: #b42318;
  border-color: #f1a5a0;
}
.rp-layer .rp-confirm__discard:hover {
  background: #fef2f2;
  color: #912018;
  border-color: #b42318;
}

.rp-add-row {
  padding: 6px 8px 8px;
  border-bottom: 1px solid #f1f5f9;
}
.rp-add-row[hidden] {
  display: none;
}

.bootstrap-select:has(.rp-add-row:not([hidden])) .no-results {
  display: none;
}

.rp-add-row__btn {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 8px;
  padding: 8px 10px;
  border: 1px dashed #4ade80;
  border-radius: 8px;
  background: #f0fdf4;
  color: #14532d;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}
.rp-add-row__btn:hover {
  background: #dcfce7;
  border-style: solid;
}
.rp-add-row__btn:focus-visible {
  outline: 2px solid #15803d;
  outline-offset: 1px;
}
.rp-add-row__btn[aria-disabled=true] {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
  cursor: not-allowed;
}

.rp-add-row__icon {
  color: #15803d;
  font-size: var(--edc-fs-label);
}

.rp-add-row__btn[aria-disabled=true] .rp-add-row__icon {
  color: #64748b;
}

.rp-add-row__label {
  flex: 1 1 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.rp-add-row__key {
  flex: 0 0 auto;
  margin-left: auto;
}

.rp-add-row__why {
  flex-basis: 100%;
  padding-left: 20px;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  color: #475569;
}

.mems-picker__list .rp-picker-add {
  color: #14532d;
  font-weight: 600;
  border-top: 1px dashed #bbf7d0;
}
.mems-picker__list .rp-picker-add .fa {
  color: #15803d;
  margin-right: 6px;
}
.mems-picker__list .rp-picker-add[aria-disabled=true] {
  color: #475569;
  cursor: not-allowed;
}
.mems-picker__list .rp-picker-add[aria-disabled=true] .fa {
  color: #64748b;
}

.rp-picker-add__why {
  display: block;
  padding-left: 20px;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  color: #475569;
}

.rp-new-mark {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 1px 8px;
  border-radius: 999px;
  background: #dcfce7;
  color: #14532d;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 1.5;
  vertical-align: 1px;
}

.bootstrap-select .filter-option-inner-inner:has(.rp-new-mark),
.bootstrap-select .dropdown-menu .text:has(.rp-new-mark) {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow: hidden;
}

.rp-new-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bootstrap-select .rp-new-mark {
  flex: 0 0 auto;
  margin-left: 0;
}

.mems-picker.rp-has-new input[type=text] {
  padding-right: 64px;
}

.rp-new-mark--picker {
  position: absolute;
  top: 50%;
  right: 10px;
  margin: 0;
  transform: translateY(-50%);
  pointer-events: none;
}

.rp-handed {
  animation: rp-handed 1.6s ease-out;
  border-radius: 8px;
}

@keyframes rp-handed {
  0% {
    box-shadow: 0 0 0 0 rgba(21, 128, 61, 0.5);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(21, 128, 61, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(21, 128, 61, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .rp-handed {
    animation: none;
    box-shadow: 0 0 0 2px #15803d;
  }
}
.rp-flowlines {
  display: grid;
  gap: 8px;
  justify-items: start;
  margin-top: 8px;
}
.rp-flowlines .mem-flowlines {
  width: 100%;
  margin: 0;
}
.rp-flowlines__dismiss:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

#flash-messages > .rp-flowlines {
  margin: 0 0 16px;
  scroll-margin-top: 88px;
}

@media (max-width: 1100px) {
  .rp-layer.rail-panel {
    width: min(680px, 100vw - 40px);
  }
}
@media (max-width: 600px) {
  .rp-layer.rail-panel {
    --rp-gutter: 16px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    border: 0;
    transform-origin: 50% 100%;
  }
  .rp-layer.rail-panel.is-entering, .rp-layer.rail-panel.is-leaving {
    transform: translateY(100%);
  }
  .rp-layer.rail-panel.is-behind {
    transform: scale(0.94);
  }
  .rp-layer .rp-foot {
    border-radius: 0;
  }
  .rp-layer .rp-head {
    flex-wrap: wrap;
  }
  .rp-head__text {
    flex: 1 1 0;
  }
  .rp-head__kind {
    order: 3;
    flex: 1 1 100%;
  }
  .rp-lead__item {
    flex-direction: column;
    align-items: stretch;
  }
  .rp-lead .rp-lead__use {
    justify-content: center;
    white-space: normal;
    height: auto;
    min-height: 36px;
    padding: 6px 12px;
  }
  .rp-layer .rp-form-host, .rp-mode-all .rp-form-host .rp-sect__body, .rp-layer .rp-form-host .nested-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .rp-foot__acts {
    width: 100%;
  }
  .rp-foot__acts .rail-primary {
    flex: 1 1 auto;
    justify-content: center;
  }
  body.rp-open > main.page {
    transform: none;
  }
}
.rail-panel--card-settings {
  --rail-accent: #2559b8;
  --rail-title: #1c3f75;
}

.glance-widget__gear,
.insight-gear {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 0;
  margin: -4px -4px -4px auto;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #475569;
  font-size: var(--edc-fs-body);
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.glance-widget__gear:hover,
.insight-gear:hover {
  background: #eef2ff;
  color: #2559b8;
}
.glance-widget__gear:focus-visible,
.insight-gear:focus-visible {
  outline: 2px solid #2559b8;
  outline-offset: 2px;
}
.glance-widget__gear[aria-expanded=true],
.insight-gear[aria-expanded=true] {
  background: #eef3fb;
  color: #2559b8;
}

.glance-widget__gear--set,
.insight-gear--set {
  color: #2559b8;
}

.glance-widget__head--tools {
  align-items: center;
}

.glance-widget__head--tools .glance-widget__title {
  padding-right: 0;
}

.glance-widget__head--tools .glance-widget__door {
  position: static;
  transform: none;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: -4px -4px -4px 4px;
  padding: 0;
  border-radius: 6px;
  color: #475569;
  font-size: var(--edc-fs-body);
}
.glance-widget__head--tools .glance-widget__door:hover, .glance-widget__head--tools .glance-widget__door:focus-visible {
  transform: none;
  background: #eef2ff;
  color: #2559b8;
}

.glance-widget__head--door .glance-widget__gear {
  margin-right: 0;
}

.insights-hub__card-head,
.rec-insight__card-head {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}
.insights-hub__card-head > h2, .insights-hub__card-head > h3,
.rec-insight__card-head > h2,
.rec-insight__card-head > h3 {
  flex: 1 1 auto;
  min-width: 0;
}

.insights-hub__card-head .insights-hub__card-title {
  padding-right: 0 !important;
}

.insight-gear-slot {
  flex: 0 0 28px;
  display: inline-flex;
  justify-content: flex-end;
  width: 28px;
  height: 28px;
  margin-top: -3px;
}
.insight-gear-slot .insight-gear {
  margin: 0;
}

.insight-gear-slot:has(.insight-report-door) {
  flex-basis: auto;
  width: auto;
  gap: 2px;
}

.insight-report-door {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  color: #475569;
  font-size: var(--edc-fs-body);
}
.insight-report-door:hover, .insight-report-door:focus-visible {
  transform: none;
  background: #eef2ff;
  color: #2559b8;
}

.insight-settings-toolbar {
  display: flex;
  justify-content: flex-end;
  gap: 2px;
}

.insights-hub__card .insights-hub__card-head {
  padding-right: 32px;
}

.insight-settings-frame {
  display: contents;
}

.rec-insight__card > .insight-mount > .insight-settings-frame > .insight {
  flex: 1 1 auto;
}

.glance-widget__summary,
.insight-settings-summary {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: -4px 0 10px;
  font-size: var(--edc-fs-label);
  line-height: 1.4;
  font-weight: 600;
  color: #334155;
}
.glance-widget__summary i,
.insight-settings-summary i {
  flex: 0 0 auto;
  font-size: var(--edc-fs-eyebrow);
  color: #2559b8;
}
.glance-widget__summary[hidden],
.insight-settings-summary[hidden] {
  display: none;
}

.glance-widget__note,
.insight-settings-note {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 12px 0 0;
  padding: 8px 12px;
  border-radius: 6px;
  background: #f8fafc;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #1e293b;
  overflow-wrap: anywhere;
}
.glance-widget__note i,
.insight-settings-note i {
  flex: 0 0 auto;
  color: #475569;
  font-size: var(--edc-fs-label);
}
.glance-widget__note[hidden],
.insight-settings-note[hidden] {
  display: none;
}

.glance-widget__more,
.insight-settings-more {
  margin: 8px 0 0;
  font-size: var(--edc-fs-label);
  color: #475569;
}

.is-editing-settings {
  outline: 2px solid #2559b8;
  outline-offset: 3px;
  transition: outline-color 0.15s ease;
}

.glance-bars__share,
.insight-breakdown-bars__share {
  color: #475569;
  font-weight: 500;
  white-space: nowrap;
}

.insight-breakdown-bars--shares .insight-breakdown-bars__row {
  grid-template-columns: minmax(120px, 36%) minmax(0, 1fr) auto;
}

.insight-breakdown-bars--shares .insight-breakdown-bars__value {
  white-space: nowrap;
}

.glance-trend__area {
  fill: #1c3f75;
  fill-opacity: 0.14;
  stroke: none;
}

.glance-trend__column {
  fill: #1c3f75;
}

.glance-trend__values {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-label);
  color: #1e293b;
  font-variant-numeric: tabular-nums;
}

.glance-trend__values-x {
  color: #475569;
}

.glance-trend__values-y {
  font-weight: 600;
}

.glance-trend__unit {
  margin: 6px 0 0;
  font-size: var(--edc-fs-label);
  color: #475569;
}

.icsp-layer {
  position: relative;
  z-index: 1450;
}

.icsp-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1450;
  background: rgba(15, 23, 42, 0.04);
}

@keyframes icsp-in-right {
  from {
    transform: translateX(16px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@keyframes icsp-in-left {
  from {
    transform: translateX(-16px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@keyframes icsp-in-up {
  from {
    transform: translateY(24px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.icsp {
  position: fixed;
  z-index: 1451;
  top: var(--rail-dock-top, 170px);
  width: 380px;
  max-width: calc(100vw - var(--rail-dock-width, 44px) - 16px);
  max-height: min(100vh - var(--rail-dock-top, 170px) - 24px, 760px);
  outline: none;
}
.icsp--right {
  right: var(--rail-dock-width, 44px);
  animation: icsp-in-right 0.16s cubic-bezier(0.32, 0.72, 0, 1);
}
.icsp--left {
  left: var(--icsp-left, 16px);
  max-width: calc(100vw - var(--icsp-left, 16px) - 16px);
  border-radius: 12px;
  box-shadow: 10px 8px 32px rgba(15, 23, 42, 0.16);
  animation: icsp-in-left 0.16s cubic-bezier(0.32, 0.72, 0, 1);
}
.icsp--left .rail-panel__footer {
  border-radius: 0 0 12px 12px;
}
.icsp--sheet {
  top: auto;
  left: 8px;
  right: 8px;
  bottom: 0;
  width: auto;
  max-width: none;
  max-height: 78vh;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.18);
  animation: icsp-in-up 0.18s cubic-bezier(0.32, 0.72, 0, 1);
}
.icsp--sheet .rail-panel__footer {
  border-radius: 0;
}
@media (min-width: 768px) {
  .icsp--sheet {
    left: var(--icsp-left, 16px);
    right: calc(var(--rail-dock-width, 44px) + 16px);
    max-height: 52vh;
  }
  .icsp--sheet .icsp__body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    -moz-column-gap: 24px;
         column-gap: 24px;
    align-items: start;
  }
  .icsp--sheet .icsp-group + .icsp-group {
    border-top: 0;
    padding-top: 4px;
  }
}
.icsp__card {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
}
.icsp__status {
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  color: #334155;
  background: #f8fafc;
}
.icsp__status i {
  color: #2559b8;
  font-size: var(--edc-fs-label);
}
.icsp__status--error {
  color: #b91c1c;
  background: #fef2f2;
}
.icsp__status--error i {
  color: #b91c1c;
}
.icsp__spinner {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  border: 2px solid #c7d4ec;
  border-top-color: #2559b8;
  border-radius: 50%;
  animation: icsp-spin 0.7s linear infinite;
}
.icsp__body {
  padding-top: 8px;
}
.icsp__skeleton {
  display: grid;
  gap: 12px;
  padding: 12px 0;
}
.icsp__skeleton span {
  display: block;
  height: 36px;
  border-radius: 8px;
  background: #f1f5f9;
}
.icsp__skeleton .icsp__skeleton--short {
  width: 45%;
  height: 14px;
}
.icsp__footer {
  flex-wrap: nowrap;
}
.icsp__spacer {
  flex: 1 1 auto;
}
.icsp__reset {
  padding: 0 8px;
}

@keyframes icsp-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .icsp, .icsp--left, .icsp--right, .icsp--sheet {
    animation: none;
  }
  .icsp__spinner {
    animation-duration: 2s;
  }
}
.icsp-group {
  padding: 4px 0 8px;
}
.icsp-group + .icsp-group {
  border-top: 1px solid var(--rail-hairline, #f1f5f9);
  padding-top: 12px;
}

.icsp-group__label {
  margin: 8px 0 12px;
}

.icsp-field {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  min-width: 0;
}
.icsp-field:last-child {
  margin-bottom: 8px;
}

.icsp-field__label {
  display: block;
  float: none;
  width: auto;
  margin: 0 0 6px;
  padding: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.3;
  color: #1e293b;
}

.icsp-field__sublabel {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
}

.icsp-field__help {
  margin: 6px 0 0;
  font-size: var(--edc-fs-label);
  line-height: 1.4;
  color: #475569;
}

.icsp-field__count {
  margin: 4px 0 0;
  font-size: var(--edc-fs-label);
  color: #475569;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.icsp-field__error {
  display: flex;
  gap: 6px;
  align-items: baseline;
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #b91c1c;
}

.icsp-select {
  position: relative;
  display: block;
  min-width: 0;
}
.icsp-select--narrow {
  max-width: 160px;
}
.icsp-select--grow {
  flex: 1 1 auto;
}
.icsp-select__native {
  display: block;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 0 32px 0 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  font-size: var(--edc-fs-body);
  line-height: 34px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  text-overflow: ellipsis;
}
.icsp-select__native:hover {
  border-color: #94a3b8;
}
.icsp-select__native:focus-visible, .icsp-select__native:focus {
  outline: none;
  border-color: #2559b8;
  box-shadow: 0 0 0 3px rgba(37, 89, 184, 0.2);
}
.icsp-select__native:disabled {
  background: #f1f5f9;
  color: #475569;
  cursor: progress;
}
.icsp-select__chevron {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-size: var(--edc-fs-eyebrow);
  color: #475569;
  pointer-events: none;
}

.icsp-input,
.icsp-text {
  display: block;
  width: 100%;
  margin: 0;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  font-size: var(--edc-fs-body);
}
.icsp-input:hover,
.icsp-text:hover {
  border-color: #94a3b8;
}
.icsp-input:focus,
.icsp-text:focus {
  outline: none;
  border-color: #2559b8;
  box-shadow: 0 0 0 3px rgba(37, 89, 184, 0.2);
}
.icsp-input[aria-invalid=true],
.icsp-text[aria-invalid=true] {
  border-color: #dc2626;
}

.icsp-input {
  height: 36px;
  padding: 0 10px;
}
.icsp-input--narrow {
  max-width: 120px;
}

.icsp-text {
  min-height: 64px;
  padding: 8px 10px;
  line-height: 1.45;
  resize: vertical;
}

.icsp-segments {
  display: flex;
  min-width: 0;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.icsp-segment {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  cursor: pointer;
}
.icsp-segment + .icsp-segment {
  border-left: 1px solid #cbd5e1;
}
.icsp-segment input {
  position: absolute;
  opacity: 0;
  inset: 0;
  margin: 0;
  cursor: pointer;
}
.icsp-segment span {
  display: block;
  padding: 8px 10px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  color: #334155;
  transition: background 0.12s ease, color 0.12s ease;
}
.icsp-segment:hover span {
  background: #f8fafc;
  color: #0f172a;
}
.icsp-segment input:checked + span {
  background: #eef3fb;
  color: #1c3f75;
  box-shadow: inset 0 -2px 0 #2559b8;
}
.icsp-segment input:focus-visible + span {
  outline: 2px solid #2559b8;
  outline-offset: -3px;
  border-radius: 6px;
}

.icsp-choices {
  display: grid;
  gap: 2px;
}

.icsp-choice {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #1e293b;
  cursor: pointer;
}
.icsp-choice:hover {
  background: #f8fafc;
}
.icsp-choice input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #2559b8;
  cursor: pointer;
}
.icsp-choice input:checked + span {
  font-weight: 600;
  color: #1c3f75;
}
.icsp-choice input:focus-visible {
  outline: 2px solid #2559b8;
  outline-offset: 2px;
}

.icsp-switch {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1e293b;
  cursor: pointer;
}
.icsp-switch input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}
.icsp-switch__track {
  position: relative;
  flex: 0 0 34px;
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background: #cbd5e1;
  transition: background 0.15s ease;
}
.icsp-switch__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.25);
  transition: transform 0.15s ease;
}
input:checked + .icsp-switch__track {
  background: #2559b8;
}
input:checked + .icsp-switch__track .icsp-switch__thumb {
  transform: translateX(14px);
}
input:focus-visible + .icsp-switch__track {
  outline: 2px solid #2559b8;
  outline-offset: 2px;
}

.icsp-field--toggle .icsp-field__help {
  margin-left: 44px;
}

.icsp-window__more {
  margin-top: 8px;
}

.icsp-window__range {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 8px;
}

.icsp-watch {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.icsp-watch__clear {
  flex: 0 0 auto;
}

@media (prefers-reduced-motion: reduce) {
  .icsp-switch__track, .icsp-switch__thumb, .icsp-segment span {
    transition: none;
  }
}
.bre-panel--insight .insight-mount {
  flex-direction: column;
}

.release-pill {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
  padding: 2px 7px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: inherit;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
}
.release-pill i {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  line-height: 1;
}

.site-menu > .site-menu-item > a .release-pill {
  margin-left: auto;
}

.site-menubar-fold .site-menu > .site-menu-item > a .release-pill {
  display: none;
}

#site-menubar .dmn-item .release-pill {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--edc-sidebar-text-muted);
  font-size: var(--edc-fs-label);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0;
}
#site-menubar .dmn-item .release-pill i {
  font-size: var(--edc-fs-label);
}

body:not(.site-menubar-fold) #site-menubar .dmn-item:not(.dmn-item--more) > a:has(> .release-pill) {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 0;
  align-items: center;
}
body:not(.site-menubar-fold) #site-menubar .dmn-item:not(.dmn-item--more) > a:has(> .release-pill) > .release-pill {
  grid-column: 2;
  justify-self: start;
}

#site-menubar .dmn-item.dmn-item--more:has(> .release-pill) {
  flex-direction: column;
  align-items: center;
  row-gap: 6px;
}

.site-menubar-fold #site-menubar .dmn-item.dmn-item--more > .release-pill {
  display: none;
}

.ccs-tab .release-pill {
  margin-left: 0;
}

@media (max-width: 575.98px) {
  .tasks-tabs .release-pill {
    gap: 0;
    padding: 2px 5px;
  }
  .tasks-tabs .release-pill__words {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
#site-menubar .dmn-section, .dmn-preview .dmn-section {
  list-style: none;
  padding: 4px 0 8px;
  border-top: 1px solid var(--edc-sidebar-divider);
}
#site-menubar .dmn-heading, .dmn-preview .dmn-heading {
  margin: 0;
  font: inherit;
  text-shadow: none;
}
#site-menubar .dmn-toggle, .dmn-preview .dmn-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-width: 0;
  min-height: 32px;
  margin: 0;
  padding: 8px 16px 4px 24px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--edc-sidebar-text-muted);
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 16px;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}
#site-menubar .dmn-toggle:hover, .dmn-preview .dmn-toggle:hover {
  color: var(--edc-sidebar-text);
}
#site-menubar .dmn-toggle:focus-visible, .dmn-preview .dmn-toggle:focus-visible {
  outline: 2px solid var(--edc-sidebar-active-icon);
  outline-offset: -2px;
  color: var(--edc-sidebar-text);
}
#site-menubar .dmn-toggle__label, .dmn-preview .dmn-toggle__label {
  white-space: normal;
}
#site-menubar .dmn-toggle__chevron, .dmn-preview .dmn-toggle__chevron {
  flex: none;
  font-size: var(--edc-fs-eyebrow);
  transition: transform 0.15s ease;
}
#site-menubar .dmn-section--closed, .dmn-preview .dmn-section--closed {
  padding-bottom: 4px;
}
#site-menubar .dmn-section--closed .dmn-toggle__chevron, .dmn-preview .dmn-section--closed .dmn-toggle__chevron {
  transform: rotate(-90deg);
}
#site-menubar .dmn-list, .dmn-preview .dmn-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#site-menubar .dmn-list[hidden], .dmn-preview .dmn-list[hidden] {
  display: none !important;
}
#site-menubar .dmn-item, .dmn-preview .dmn-item {
  padding: 0;
  background: transparent !important;
  border: 0 !important;
}
#site-menubar .dmn-item > a, .dmn-preview .dmn-item > a {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-height: 36px;
  margin: 0;
  padding: 6px 16px 6px 24px !important;
  border-left: 3px solid transparent;
  color: var(--edc-sidebar-text) !important;
  background: transparent !important;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}
#site-menubar .dmn-item > a .site-menu-icon, .dmn-preview .dmn-item > a .site-menu-icon {
  flex: none;
  width: 16px !important;
  min-width: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--edc-fs-body);
  line-height: 1;
  text-align: center;
  color: var(--edc-sidebar-text-muted) !important;
}
#site-menubar .dmn-item > a .site-menu-title, .dmn-preview .dmn-item > a .site-menu-title {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: inherit !important;
  font-weight: inherit;
  line-height: 20px !important;
}
#site-menubar .dmn-item:not(.active) > a:hover, .dmn-preview .dmn-item:not(.active) > a:hover {
  background: var(--edc-sidebar-hover-bg) !important;
  color: var(--edc-sidebar-text) !important;
}
#site-menubar .dmn-item:not(.active) > a:hover .site-menu-icon, .dmn-preview .dmn-item:not(.active) > a:hover .site-menu-icon {
  color: var(--edc-sidebar-text) !important;
}
#site-menubar .dmn-item > a:focus-visible, .dmn-preview .dmn-item > a:focus-visible {
  outline: 2px solid var(--edc-sidebar-active-icon);
  outline-offset: -2px;
}
#site-menubar .dmn-item.active > a, .dmn-preview .dmn-item.active > a {
  background: var(--edc-sidebar-active-bg) !important;
  color: var(--edc-sidebar-active-text) !important;
  border-left-color: var(--edc-sidebar-active-icon);
  font-weight: 600;
}
#site-menubar .dmn-item.active > a .site-menu-icon, .dmn-preview .dmn-item.active > a .site-menu-icon {
  color: var(--edc-sidebar-active-icon) !important;
}
#site-menubar .site-menu:has(> .dmn-section), .dmn-preview .site-menu:has(> .dmn-section) {
  padding-top: 8px !important;
}
@media (max-width: 767px) {
  #site-menubar .site-menu:has(> .dmn-section), .dmn-preview .site-menu:has(> .dmn-section) {
    padding-top: 48px !important;
  }
}
#site-menubar .dmn-item--top + .dmn-section, .dmn-preview .dmn-item--top + .dmn-section {
  margin-top: 8px;
}
#site-menubar .dmn-section + .dmn-item--top, .dmn-preview .dmn-section + .dmn-item--top {
  margin-top: 0;
  padding-top: 4px;
  border-top: 1px solid var(--edc-sidebar-divider) !important;
}
#site-menubar .dmn-divider, .dmn-preview .dmn-divider {
  margin: 8px 0;
}
#site-menubar .dmn-divider + .dmn-item--top, .dmn-preview .dmn-divider + .dmn-item--top {
  margin-top: 0;
}
#site-menubar .dmn-item.dmn-item--more, .dmn-preview .dmn-item.dmn-item--more {
  display: flex;
  justify-content: center;
  padding: 12px 24px 8px !important;
}
#site-menubar .dmn-item.dmn-item--more > a, .dmn-preview .dmn-item.dmn-item--more > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100%;
  text-indent: 0;
  height: 36px;
  padding: 0 18px !important;
  border: 1px solid var(--edc-sidebar-button-border);
  border-radius: 999px;
  background: transparent !important;
  color: var(--edc-sidebar-text) !important;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}
#site-menubar .dmn-item.dmn-item--more > a .site-menu-title, .dmn-preview .dmn-item.dmn-item--more > a .site-menu-title {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}
#site-menubar .dmn-item.dmn-item--more:not(.active) > a:hover, .dmn-preview .dmn-item.dmn-item--more:not(.active) > a:hover {
  background: var(--edc-sidebar-hover-bg) !important;
  border-color: var(--edc-sidebar-text-muted);
}
#site-menubar .dmn-item.dmn-item--more > a:active, .dmn-preview .dmn-item.dmn-item--more > a:active {
  background: var(--edc-sidebar-active-bg) !important;
}
#site-menubar .dmn-item.dmn-item--more > a:focus-visible, .dmn-preview .dmn-item.dmn-item--more > a:focus-visible {
  outline: 2px solid var(--edc-sidebar-active-icon);
  outline-offset: 2px;
}
#site-menubar .dmn-item.dmn-item--more.active > a, .dmn-preview .dmn-item.dmn-item--more.active > a {
  border-color: var(--edc-sidebar-active-icon);
  border-left-width: 1px;
  background: var(--edc-sidebar-active-bg) !important;
  color: var(--edc-sidebar-active-text) !important;
}
#site-menubar .dmn-item.dmn-item--more.active > a .site-menu-icon, .dmn-preview .dmn-item.dmn-item--more.active > a .site-menu-icon {
  color: inherit !important;
}
@media (max-width: 767px) {
  #site-menubar .dmn-item.dmn-item--more > a, .dmn-preview .dmn-item.dmn-item--more > a {
    min-height: 44px;
    padding: 0 16px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #site-menubar .dmn-item.dmn-item--more > a, .dmn-preview .dmn-item.dmn-item--more > a {
    transition: none;
  }
}
#site-menubar .dmn-divider ~ .site-menu-item > form > button, .dmn-preview .dmn-divider ~ .site-menu-item > form > button {
  display: flex !important;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 36px;
  padding: 6px 16px 6px calc(24px + 3px) !important;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  line-height: 20px;
  text-align: left;
}
#site-menubar .dmn-divider ~ .site-menu-item > form > button .site-menu-icon, .dmn-preview .dmn-divider ~ .site-menu-item > form > button .site-menu-icon {
  flex: 0 0 16px !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--edc-fs-body) !important;
  text-align: center;
}
#site-menubar .dmn-divider ~ .site-menu-item > form > button .site-menu-title, .dmn-preview .dmn-divider ~ .site-menu-item > form > button .site-menu-title {
  line-height: 20px !important;
  font-size: var(--edc-fs-body) !important;
}

.ssm-page {
  max-width: 960px;
  margin: 0 auto;
  padding: 24px 16px 48px;
}

.ssm-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  background: var(--edc-panel-bg, #ffffff);
}
.ssm-panel h1, .ssm-panel h2, .ssm-panel h3 {
  text-shadow: none;
  color: var(--edc-text-primary, #1f2937);
}
.ssm-panel .btn {
  min-width: 0;
}
.ssm-panel p {
  margin: 0;
}
.ssm-panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ssm-panel .visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ssm-head {
  flex: none;
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--edc-panel-border, #e5e7eb);
}
.ssm-head__title {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  line-height: 1.3;
}
.ssm-head__lede {
  margin-top: 4px !important;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-body);
}

.ssm-empty {
  padding: 32px 0 8px;
  color: var(--edc-text-secondary, #4b5563);
  text-align: center;
}
.ssm-empty[hidden] {
  display: none;
}

.ssm-page--modules {
  max-width: 880px;
  margin: 0 auto;
  padding: 32px 16px 48px;
}

.ssm-page--modules .ssm-panel--modules {
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 16px;
  background: var(--edc-panel-bg, #ffffff);
  overflow: hidden;
}

.ssm-panel--modules .ssm-head__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.ssm-panel--modules .ssm-head__title {
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-title);
  font-weight: 700;
  line-height: 24px;
}
.ssm-panel--modules .ssm-head__lede {
  margin-top: 4px !important;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-body);
  font-weight: 400;
}
.ssm-panel--modules .ssm-close {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  min-width: 0;
  margin: -6px -12px -6px 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-heading);
  line-height: 1;
  cursor: pointer;
}
.ssm-panel--modules .ssm-close:hover {
  background: #f1f5f9;
  color: var(--edc-text-primary, #1f2937);
}
.ssm-panel--modules .ssm-close:focus {
  outline: none;
}
.ssm-panel--modules .ssm-close:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.ssm-panel--modules .ssm-search {
  position: relative;
  margin-top: 12px;
}
.ssm-panel--modules .ssm-search__icon {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
  pointer-events: none;
}
.ssm-panel--modules .ssm-search__input {
  display: block;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 12px 0 36px;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  background: #f3f4f6;
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-body);
  transition: border-color 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease;
}
.ssm-panel--modules .ssm-search__input::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}
.ssm-panel--modules .ssm-search__input::placeholder {
  color: #6b7280;
  opacity: 1;
}
.ssm-panel--modules .ssm-search__input:hover {
  border-color: #9ca3af;
}
.ssm-panel--modules .ssm-search__input:focus, .ssm-panel--modules .ssm-search__input:focus-visible {
  outline: none;
  border-color: #1d4ed8;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.16);
}
.ssm-panel--modules .ssm-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 8px 24px 24px;
}
.ssm-panel--modules .ssm-section {
  margin-top: 16px;
}
.ssm-panel--modules .ssm-section[hidden] {
  display: none;
}
.ssm-panel--modules .ssm-section:not([hidden]) ~ .ssm-section {
  margin-top: 24px;
}
.ssm-panel--modules .ssm-section__title {
  margin: 0 0 8px;
  padding: 0;
  color: var(--edc-text-secondary, #4b5563) !important;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 16px;
  text-transform: uppercase;
}
.ssm-panel--modules .ssm-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 0;
}
.ssm-panel--modules .ssm-row[hidden] {
  display: none;
}
.ssm-panel--modules .ssm-row__form {
  margin: 0;
}
.ssm-panel--modules .ssm-switch {
  display: grid;
  grid-template-columns: 20px 16px 200px minmax(0, 1fr);
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: start;
  width: calc(100% + 24px);
  min-width: 0;
  min-height: 44px;
  margin: 0 -12px;
  padding: 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--edc-text-primary, #1f2937);
  font: inherit;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
}
.ssm-panel--modules .ssm-switch:hover {
  background: #f1f5f9;
}
.ssm-panel--modules .ssm-switch:active {
  background: #e2e8f0;
}
.ssm-panel--modules .ssm-switch:focus {
  outline: none;
}
.ssm-panel--modules .ssm-switch:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: -2px;
}
.ssm-panel--modules .ssm-switch__box {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin-top: 0;
  border: 1.5px solid #6b7280;
  border-radius: 4px;
  background: #ffffff;
}
.ssm-panel--modules .ssm-switch__box i {
  color: #ffffff;
  font-size: var(--edc-fs-label);
  line-height: 1;
  visibility: hidden;
}
.ssm-panel--modules .ssm-switch[aria-checked=true] .ssm-switch__box {
  border-color: #1d4ed8;
  background: #1d4ed8;
}
.ssm-panel--modules .ssm-switch[aria-checked=true] .ssm-switch__box i {
  visibility: visible;
}
.ssm-panel--modules .ssm-switch .ssm-switch__icon {
  width: 16px;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-body);
  font-style: normal;
  line-height: 20px;
  text-align: center;
}
.ssm-panel--modules .ssm-switch__name {
  min-width: 0;
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 20px;
}
.ssm-panel--modules .ssm-switch__line {
  min-width: 0;
  margin-left: 4px;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  line-height: 20px;
}
.ssm-panel--modules .ssm-row__note {
  margin: 0 0 8px 60px;
  color: #b91c1c;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  line-height: 20px;
}
.ssm-panel--modules .ssm-row__note[hidden] {
  display: none;
}
.ssm-panel--modules .ssm-row__note-icon {
  margin-right: 6px;
  font-size: var(--edc-fs-label);
}
.ssm-panel--modules .ssm-row__offer {
  color: #1d4ed8;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: underline;
}
.ssm-panel--modules .ssm-row__offer:hover {
  color: #1e40af;
}
.ssm-panel--modules .ssm-row__offer:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
  border-radius: 2px;
}
.ssm-panel--modules .ssm-empty {
  padding: 32px 0 8px;
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-body);
  text-align: center;
}
.ssm-panel--modules .ssm-empty--none {
  padding: 32px 0;
}

.ssm-panel--embed .ssm-body {
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

@media (max-width: 767px) {
  .ssm-panel--modules .ssm-switch {
    grid-template-columns: 20px 16px minmax(0, 1fr);
  }
  .ssm-panel--modules .ssm-switch__line {
    grid-column: 3;
    margin: 2px 0 0;
  }
}
html.ssm-dialog-open {
  overflow: hidden;
}

.ssm-dialog {
  position: fixed;
  inset: 0;
  z-index: 2050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.ssm-dialog__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
}
.ssm-dialog__sheet {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(880px, 100%);
  height: min(900px, 100vh - 48px);
  overflow: hidden;
  border-radius: 16px;
  background: var(--edc-panel-bg, #ffffff);
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28), 0 2px 6px rgba(15, 23, 42, 0.08);
  animation: ssm-rise 0.16s ease-out;
}
.ssm-dialog__sheet > .ssm-panel {
  flex: 1 1 auto;
}
.ssm-dialog--still .ssm-dialog__sheet {
  animation: none;
}

@keyframes ssm-rise {
  from {
    transform: translateY(8px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ssm-dialog__sheet {
    animation: none;
  }
}
body.reduced-motion .ssm-dialog__sheet {
  animation: none;
}

@media (max-width: 575px) {
  .ssm-dialog {
    padding: 0;
  }
  .ssm-dialog__sheet {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    border-radius: 0;
  }
  .ssm-panel--modules .ssm-head {
    padding: 12px 16px;
  }
  .ssm-panel--modules .ssm-head__row {
    min-height: 44px;
  }
  .ssm-panel--modules .ssm-close {
    width: 44px;
    height: 44px;
    margin: -10px -16px -10px 0;
  }
  .ssm-panel--modules .ssm-search {
    margin-top: 8px;
  }
  .ssm-panel--modules .ssm-search__input {
    height: 44px;
  }
  .ssm-panel--modules .ssm-body {
    padding: 8px 16px 24px;
  }
  .ssm-panel--modules .ssm-section {
    margin-top: 12px;
  }
  .ssm-panel--modules .ssm-switch {
    grid-template-columns: 22px 16px minmax(0, 1fr);
    width: calc(100% + 16px);
    min-height: 48px;
    margin: 0 -8px;
    padding: 12px 8px;
  }
  .ssm-panel--modules .ssm-switch__box {
    width: 22px;
    height: 22px;
  }
  .ssm-panel--modules .ssm-row__note {
    margin-left: 50px;
  }
}
.qa_tab[hidden] {
  display: none !important;
}

.help-tour-card__guide {
  display: inline-block;
  margin: 0 0 12px;
  color: #1d4ed8;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  text-decoration: underline;
}

@media (prefers-reduced-motion: reduce) {
  .help-tour-highlight {
    transition: none;
  }
}
body.reduced-motion .help-tour-highlight {
  transition: none;
}

.ssm-show-more {
  display: flex;
  justify-content: center;
  margin: 8px 0 24px;
}
.ssm-show-more__form {
  margin: 0;
}
.ssm-show-more__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid var(--edc-input-border, #d1d5db);
  border-radius: 999px;
  background: var(--edc-panel-bg, #ffffff);
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  cursor: pointer;
}
.ssm-show-more__btn:hover {
  background: var(--edc-table-header-bg, #f9fafb);
}
.ssm-show-more__btn:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

.ssm-more-bands[hidden] {
  display: none;
}

@media (max-width: 575.98px) {
  .ssm-show-more__btn {
    min-height: 44px;
    width: 100%;
    justify-content: center;
  }
}
.ssm-more-bands > section:focus {
  outline: none;
}

.ssm-more-bands > section:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 4px;
  border-radius: 12px;
}

.ssm-start-wrap {
  padding: 0 0 8px;
}

.ssm-start {
  margin: 0 0 24px;
  padding: 20px;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 12px;
  background: var(--edc-panel-bg, #ffffff);
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-body);
}
.ssm-start h2, .ssm-start h3 {
  text-shadow: none;
  color: var(--edc-text-primary, #1f2937);
}
.ssm-start p {
  margin: 0;
}
.ssm-start__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.ssm-start__title-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}
.ssm-start__title {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 800;
  line-height: 1.3;
}
.ssm-start__progress {
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.ssm-start__fold {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 36px;
  padding: 4px 12px;
  border: 1px solid var(--edc-input-border, #d1d5db);
  border-radius: 8px;
  background: var(--edc-panel-bg, #ffffff);
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  cursor: pointer;
}
.ssm-start__fold:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.ssm-start__body {
  margin-top: 12px;
}
.ssm-start__body[hidden] {
  display: none;
}
.ssm-start__lede {
  color: var(--edc-text-secondary, #4b5563);
  max-width: 75ch;
  margin-bottom: 16px !important;
}
.ssm-start__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ssm-start__card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 12px;
  background: var(--edc-table-header-bg, #f9fafb);
}
.ssm-start__card--more {
  background: #eef2ff;
  border-color: #c7d2fe;
}
.ssm-start__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: var(--edc-panel-bg, #ffffff);
  color: #1d4ed8;
  font-size: var(--edc-fs-heading);
}
.ssm-start__words {
  display: grid;
  gap: 4px;
  align-content: start;
}
.ssm-start__card-title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  line-height: 1.35;
}
.ssm-start__step {
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
}
.ssm-start__count {
  color: #166534;
  font-size: var(--edc-fs-label);
  font-weight: 700;
}
.ssm-start__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ssm-start__walk, .ssm-start__watch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 36px;
  padding: 4px 12px;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.ssm-start__walk:focus-visible, .ssm-start__watch:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.ssm-start__walk {
  border: 1px solid #1d4ed8;
  background: var(--edc-panel-bg, #ffffff);
  color: #1d4ed8;
}
.ssm-start__walk:hover {
  background: #eef2ff;
  color: #1e40af;
}
.ssm-start__watch {
  border: 1px solid var(--edc-input-border, #d1d5db);
  background: var(--edc-panel-bg, #ffffff);
  color: var(--edc-text-primary, #1f2937);
}
.ssm-start__live {
  margin: 12px 0 0;
}

@media (max-width: 575.98px) {
  .ssm-start {
    padding: 16px;
  }
  .ssm-start__walk, .ssm-start__watch, .ssm-start__fold {
    min-height: 44px;
  }
}
.ssm-again-card {
  width: 100%;
  margin-top: 12px;
  text-align: left;
}

.ssm-begun {
  margin: 0 0 24px;
  padding: 16px 20px;
  border: 1px solid var(--edc-border, #e5e7eb);
  border-radius: 12px;
  background: var(--edc-panel-bg, #ffffff);
}
.ssm-begun__title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  text-shadow: none;
  color: var(--edc-text-primary, #1f2937);
}
.ssm-begun__counts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr));
  gap: 12px;
  margin: 0;
}
.ssm-begun__count {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--edc-border, #e5e7eb);
  border-radius: 10px;
}
.ssm-begun__count dt {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: var(--edc-text-secondary, #4b5563);
}
.ssm-begun__count dd {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 800;
  color: var(--edc-text-primary, #1f2937);
  font-variant-numeric: tabular-nums;
}
.ssm-begun__note {
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-secondary, #4b5563);
}

.ssm-head__eyebrow {
  margin: 0;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ssm-sm {
  display: grid;
  gap: 24px;
}
.ssm-sm__role {
  margin: 0;
  padding: 20px;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 12px;
  background: var(--edc-panel-bg, #ffffff);
  min-width: 0;
}
.ssm-sm__legend {
  float: left;
  width: 100%;
  margin: 0 0 4px;
  padding: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: var(--edc-text-primary, #1f2937);
}
.ssm-sm__note {
  clear: both;
  margin: 0 0 16px !important;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
}
.ssm-sm__group + .ssm-sm__group {
  margin-top: 16px;
}
.ssm-sm__section {
  margin: 0 0 8px !important;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.ssm-sm__boxes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 8px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ssm-sm__box {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
}
.ssm-sm__box input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #1d4ed8;
  flex: none;
}
.ssm-sm__box label {
  margin: 0;
  cursor: pointer;
}
.ssm-sm__acts {
  display: flex;
  justify-content: flex-end;
}
.ssm-sm__save {
  min-width: 0;
  min-height: 40px;
  padding: 8px 20px;
  border: 1px solid #1d4ed8;
  border-radius: 8px;
  background: #1d4ed8;
  color: #ffffff;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  cursor: pointer;
}
.ssm-sm__save:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

@media (max-width: 575.98px) {
  .ssm-sm__role {
    padding: 16px;
  }
  .ssm-sm__box {
    min-height: 44px;
  }
  .ssm-sm__save {
    width: 100%;
    min-height: 44px;
  }
}
.cc-setup-card__tab-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 12px;
}

.ssm-cc-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
}

.ssm-cc-pin {
  min-width: 0;
  min-height: 32px;
  padding: 2px 10px;
  border: 1px solid var(--edc-input-border, #d1d5db);
  border-radius: 8px;
  background: var(--edc-panel-bg, #ffffff);
  color: #1d4ed8;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  cursor: pointer;
}
.ssm-cc-pin:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

.ssm-tl {
  max-width: 880px;
}
.ssm-tl__where {
  margin-top: 4px !important;
  font-weight: 600;
}
.ssm-tl__chapter {
  margin-top: 24px;
}
.ssm-tl__chapter-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}
.ssm-tl__chapter-title i {
  width: 16px;
  color: var(--edc-text-secondary, #4b5563);
  text-align: center;
}
.ssm-tl__steps {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ssm-tl__step {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
  padding: 12px 16px;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 8px;
  background: var(--edc-panel-bg, #ffffff);
}
.ssm-tl__step--here {
  border-color: #1d4ed8;
  box-shadow: 0 0 0 1px #1d4ed8 inset;
}
.ssm-tl__body {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.ssm-tl__num {
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ssm-tl__title {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  line-height: 1.4;
}
.ssm-tl__caption {
  color: var(--edc-text-primary, #1f2937);
}
.ssm-tl__reason, .ssm-tl__assumed {
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
}
.ssm-tl__assumed {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.ssm-tl__glyph {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 18px;
  height: 18px;
  border: 2px solid #b45309;
  border-radius: 50%;
  color: #b45309;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  line-height: 1;
}
.ssm-tl__ask-link a {
  color: #1d4ed8;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.ssm-tl__act {
  margin: 0;
}
.ssm-tl__button {
  min-width: 0;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid #1d4ed8;
  border-radius: 8px;
  background: var(--edc-panel-bg, #ffffff);
  color: #1d4ed8;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
.ssm-tl__button:hover {
  background: #eef2ff;
}
.ssm-tl__button:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.ssm-tl__button--quiet {
  border-color: var(--edc-panel-border, #e5e7eb);
  color: var(--edc-text-primary, #1f2937);
}
.ssm-tl__foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 24px;
}
.ssm-tl__foot form {
  margin: 0;
}

@media (max-width: 575.98px) {
  .ssm-tl__step {
    grid-template-columns: minmax(0, 1fr);
  }
  .ssm-tl__button {
    width: 100%;
    min-height: 44px;
  }
  .ssm-tl__foot form {
    flex: 1 1 100%;
  }
}
.ssm-sm__choices {
  display: grid;
  gap: 12px;
  margin-bottom: 20px;
}
.ssm-sm__choice {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px 12px;
  align-items: start;
}
.ssm-sm__choice label {
  margin: 0;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
}
.ssm-sm__radio {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: #1d4ed8;
}
.ssm-sm__hint {
  display: block;
  margin-top: 4px;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
}
.ssm-sm__per-role {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 8px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ssm-sm__per-role-row {
  display: grid;
  gap: 4px;
}
.ssm-sm__per-role-row label {
  margin: 0;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
}
.ssm-sm__select {
  min-height: 40px;
  padding: 6px 10px;
  border: 1px solid var(--edc-panel-border, #d1d5db);
  border-radius: 8px;
  background: var(--edc-panel-bg, #ffffff);
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-secondary);
}
.ssm-sm__select:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

@media (max-width: 575.98px) {
  .ssm-sm__select {
    min-height: 44px;
  }
}
#site-menubar [data-dmn-key][hidden], #site-menubar .dmn-divider[hidden] {
  display: none !important;
}
#site-menubar .pbk-arrive {
  animation: pbk-arrive 240ms cubic-bezier(0.2, 0, 0, 1) both;
}
#site-menubar .pbk-away {
  animation: pbk-away 160ms cubic-bezier(0.4, 0, 1, 1) both;
}

@keyframes pbk-arrive {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes pbk-away {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translateX(-8px);
  }
}
@keyframes pbk-glow {
  0% {
    box-shadow: 0 0 0 0 rgba(96, 165, 250, 0.5);
  }
  60% {
    box-shadow: 0 0 0 6px rgba(96, 165, 250, 0.5);
  }
  100% {
    box-shadow: 0 0 0 6px rgba(96, 165, 250, 0);
  }
}
@keyframes pbk-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.pbk-open .page {
  padding-bottom: calc(var(--pbk-h, 0px) + 24px);
}

body.pbk-open #site-menubar {
  bottom: var(--pbk-h, 0px);
  height: auto;
}

body.ccs-body.pbk-open .ccs-frame {
  bottom: var(--pbk-h, 0px);
}

body.ccs-body.pbk-open .ccs-frame__in {
  height: 100%;
}

.pbk {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2055;
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-body);
  line-height: 1.45;
}
.pbk[hidden] {
  display: none !important;
}
.pbk h2, .pbk h3 {
  text-shadow: none;
  color: var(--edc-text-primary, #1f2937);
  margin: 0;
}
.pbk .btn, .pbk button {
  min-width: 0;
}
.pbk p {
  margin: 0;
}
.pbk .visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.pbk button:focus-visible, .pbk a:focus-visible, .pbk input:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

.pbk__bar {
  --pbk-bg: var(--edc-sidebar-bg, #0f1a2e);
  --pbk-on-ink: var(--edc-sidebar-active-text, #ffffff);
  --pbk-on-text: var(--edc-sidebar-text, rgba(255, 255, 255, 0.92));
  --pbk-on-muted: var(--edc-sidebar-text-muted, rgba(255, 255, 255, 0.65));
  --pbk-on-line: var(--edc-sidebar-divider, rgba(255, 255, 255, 0.1));
  --pbk-on-hover: var(--edc-sidebar-hover-bg, rgba(255, 255, 255, 0.08));
  --pbk-on-pressed: var(--edc-sidebar-active-bg, rgba(255, 255, 255, 0.12));
  --pbk-on-accent: var(--edc-sidebar-active-icon, #60a5fa);
  --pbk-on-edge: color-mix(in srgb, var(--pbk-on-text) 24%, transparent);
  --pbk-on-track: color-mix(in srgb, var(--pbk-on-text) 40%, transparent);
  --pbk-on-menu: color-mix(in srgb, var(--pbk-on-accent) 50%, transparent);
  --pbk-on-ok: #4ade80;
  --pbk-on-amber: #fbbf24;
  --pbk-on-error: #fca5a5;
  --pbk-row: 40px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto clamp(240px, 26vw, 400px) auto;
  grid-template-areas: "controls track tools caption hide";
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  padding: 8px 16px calc(8px + env(safe-area-inset-bottom, 0px));
  background: var(--pbk-bg);
  color: var(--pbk-on-text);
  box-shadow: inset 0 1px 0 var(--pbk-on-line), 0 -4px 16px rgba(15, 26, 46, 0.16);
}
.pbk__bar button:focus-visible, .pbk__bar a:focus-visible, .pbk__bar input:focus-visible {
  outline-color: var(--pbk-on-accent);
}

body[data-theme=light] .pbk__bar {
  --pbk-on-muted: var(--edc-text-secondary, #4b5563);
  --pbk-on-ok: #166534;
  --pbk-on-amber: #b45309;
  --pbk-on-error: #991b1b;
}

.pbk__controls {
  grid-area: controls;
  display: flex;
  align-items: center;
  gap: 8px;
}

.pbk__track {
  grid-area: track;
  position: relative;
  min-width: 0;
  height: 40px;
}

.pbk__tools {
  grid-area: tools;
  display: flex;
  align-items: center;
  gap: 8px;
}

.pbk__caption {
  grid-area: caption;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  min-height: var(--pbk-row);
  padding-left: 16px;
  box-shadow: inset 1px 0 0 var(--pbk-on-line);
}

.pbk__hide {
  grid-area: hide;
  justify-self: end;
}

.pbk__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 44px;
  height: 44px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  cursor: pointer;
}
.pbk__btn:hover {
  background: var(--edc-table-header-bg, #f9fafb);
}
.pbk__btn:disabled {
  opacity: 0.55;
  cursor: default;
}
.pbk__btn i {
  font-size: var(--edc-fs-body);
}

.pbk__bar .pbk__btn {
  min-width: var(--pbk-row);
  height: var(--pbk-row);
  color: var(--pbk-on-text);
}
.pbk__bar .pbk__btn:hover {
  background: var(--pbk-on-hover);
  color: var(--pbk-on-ink);
}

.pbk__bar .pbk__btn--text {
  border-color: var(--pbk-on-edge);
}

.pbk__bar .pbk__play {
  width: var(--pbk-row);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--pbk-on-ink);
  color: var(--pbk-bg);
}
.pbk__bar .pbk__play:hover {
  background: var(--pbk-on-accent);
  color: var(--pbk-bg);
}
.pbk__bar .pbk__play i {
  font-size: var(--edc-fs-body);
}
.pbk__bar .pbk__play .fa-play {
  margin-left: 2px;
}

.pbk__speed {
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  border-radius: 8px;
  background: var(--pbk-on-hover);
}

.pbk .pbk__speed-choice {
  min-width: 40px;
  height: calc(var(--pbk-row) - 4px);
  padding: 0 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--pbk-on-muted);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
.pbk .pbk__speed-choice:hover {
  color: var(--pbk-on-ink);
}
.pbk .pbk__speed-choice[aria-checked=true] {
  background: var(--pbk-on-pressed);
  color: var(--pbk-on-ink);
  font-weight: 700;
  box-shadow: inset 0 0 0 1px var(--pbk-on-muted);
}

.pbk__bar .pbk__speed-cycle {
  display: none;
  border-color: var(--pbk-on-edge);
  font-variant-numeric: tabular-nums;
}

.pbk__bar .pbk__act {
  min-height: var(--pbk-row);
  border-color: var(--pbk-on-accent);
  background: transparent;
  color: var(--pbk-on-accent);
}
.pbk__bar .pbk__act:hover {
  background: var(--pbk-on-accent);
  color: var(--pbk-bg);
}

.pbk__marks {
  position: absolute;
  z-index: 3;
  top: 2px;
  left: calc(16px / 2);
  right: calc(16px / 2);
  height: 10px;
}

.pbk-mark {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: left 240ms cubic-bezier(0.2, 0, 0, 1), opacity 160ms cubic-bezier(0.4, 0, 1, 1);
}
.pbk-mark:hover .pbk-tip, .pbk-mark:focus-visible .pbk-tip {
  display: flex;
}

.pbk-mark--entering {
  animation: pbk-fade-in 240ms cubic-bezier(0.2, 0, 0, 1) both;
}

.pbk-mark--leaving {
  opacity: 0;
  pointer-events: none;
}

.pbk-tick {
  width: 12px;
  height: 10px;
}
.pbk-tick .pbk-tick__line {
  position: absolute;
  left: 5px;
  bottom: 0;
  width: 2px;
  height: 8px;
  border-radius: 1px;
  background: var(--pbk-on-track);
  transition: background-color 200ms cubic-bezier(0.2, 0, 0, 1);
}
.pbk-tick.pbk-tick--done .pbk-tick__line {
  background: var(--pbk-on-accent);
}
.pbk-tick.pbk-tick--shapes .pbk-tick__line {
  background: var(--pbk-on-accent);
  box-shadow: 0 0 0 3px var(--pbk-on-menu);
}
.pbk-tick.pbk-tick--new .pbk-tick__line {
  animation: pbk-glow 1.5s cubic-bezier(0.2, 0, 0, 1) 1;
}

.pbk--slider-focus .pbk-tick--here .pbk-tip {
  display: flex;
}

.pbk-dot {
  width: 10px;
  height: 10px;
  cursor: default;
  border: 2px solid var(--pbk-on-muted);
  border-radius: 50%;
  background: var(--pbk-bg);
}
.pbk-dot .pbk-dot__glyph {
  display: block;
  color: var(--pbk-on-amber);
  font-size: max(var(--edc-fs-floor), var(--edc-fs-fine) * 0.9);
  font-weight: 800;
  line-height: 8px;
  text-align: center;
}

.pbk-dot--answered {
  border-color: var(--pbk-on-ok);
  background: var(--pbk-on-ok);
}

.pbk-dot--assumed {
  width: 14px;
  height: 14px;
  border-color: var(--pbk-on-amber);
  background: var(--pbk-bg);
}
.pbk-dot--assumed .pbk-dot__glyph {
  line-height: 10px;
}

.pbk-tip {
  display: none;
  position: absolute;
  bottom: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  border-radius: 6px;
  background: var(--pbk-bg);
  color: var(--pbk-on-ink);
  box-shadow: 0 0 0 1px var(--pbk-on-line), 0 4px 12px rgba(15, 26, 46, 0.28);
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 16px;
  width: -moz-max-content;
  width: max-content;
  max-width: min(320px, 100vw - 32px);
  white-space: normal;
  pointer-events: none;
}
.pbk-tip i {
  font-size: var(--edc-fs-label);
}

.pbk-mark--start .pbk-tip {
  left: 0;
  transform: none;
}

.pbk-mark--end .pbk-tip {
  left: auto;
  right: 0;
  transform: none;
}

.pbk__rail {
  position: absolute;
  top: 13px;
  left: calc(16px / 2);
  right: calc(16px / 2);
  height: 4px;
  border-radius: 2px;
  background: var(--pbk-on-track);
  overflow: hidden;
}

.pbk__rail-menu, .pbk__rail-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
}

.pbk__rail-menu {
  background: var(--pbk-on-menu);
  transition: width 200ms cubic-bezier(0.2, 0, 0, 1);
}

.pbk__rail-fill {
  background: var(--pbk-on-accent);
}

.pbk--playing .pbk__rail-fill {
  transition: width 120ms linear;
}

.pbk__dots {
  position: absolute;
  top: 15px;
  left: calc(16px / 2);
  right: calc(16px / 2);
  height: 0;
}
.pbk__dots .pbk-dot {
  top: 0;
  transform: translate(-50%, -50%);
}

.pbk__hover {
  position: absolute;
  bottom: calc(100% + 14px);
  left: calc(16px / 2 + (100% - 16px) * var(--pbk-at, 0));
  transform: translateX(-50%);
  max-width: 280px;
  padding: 4px 8px;
  border-radius: 6px;
  background: var(--pbk-bg);
  color: var(--pbk-on-ink);
  box-shadow: 0 0 0 1px var(--pbk-on-line), 0 4px 12px rgba(15, 26, 46, 0.28);
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  z-index: 3;
}
.pbk__hover[hidden] {
  display: none;
}

.pbk__slider {
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 0;
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  background: transparent;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.pbk__slider:disabled {
  cursor: default;
  opacity: 0.5;
}
.pbk__slider:focus {
  outline: none;
}
.pbk__slider:focus-visible {
  outline: 2px solid var(--pbk-on-accent);
  outline-offset: 2px;
  border-radius: 8px;
}
.pbk__slider::-webkit-slider-runnable-track {
  height: 4px;
  background: transparent;
}
.pbk__slider::-moz-range-track {
  height: 4px;
  background: transparent;
}
.pbk__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin-top: calc((4px - 16px) / 2);
  cursor: grab;
  border: 3px solid var(--pbk-on-ink);
  border-radius: 50%;
  background: var(--pbk-on-accent);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.pbk__slider::-moz-range-thumb {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 3px solid var(--pbk-on-ink);
  border-radius: 50%;
  background: var(--pbk-on-accent);
}

@supports selector(:has(*)) {
  .pbk .pbk__slider:focus-visible {
    outline: none;
  }
  .pbk__track:has(.pbk__slider:focus-visible) {
    outline: 2px solid var(--pbk-on-accent);
    outline-offset: 4px;
    border-radius: 8px;
  }
}
.pbk__flag {
  position: absolute;
  top: 18px;
  left: 0;
  margin-left: calc(16px / 2);
  width: calc(100% - 16px);
  height: 0;
  pointer-events: none;
}
.pbk__flag[hidden] {
  display: none;
}

.pbk__flag-mark, .pbk__flag-words {
  position: absolute;
}

.pbk__flag-mark {
  left: var(--pbk-flag, 0%);
  top: 0;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid var(--pbk-on-ink);
  transition: left 200ms cubic-bezier(0.2, 0, 0, 1);
}

.pbk__flag-words {
  display: none;
}

.pbk__status {
  position: absolute;
  top: 24px;
  left: calc(16px / 2);
  right: 0;
  color: var(--pbk-on-muted);
  font-size: var(--edc-fs-label);
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pbk--playing .pbk-mark {
  transition: left 240ms cubic-bezier(0.2, 0, 0, 1);
}

.pbk__caption-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-width: 0;
  min-height: 16px;
}

.pbk__where {
  min-width: 0;
  overflow: hidden;
  color: var(--pbk-on-muted);
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pbk__line {
  overflow: hidden;
  font-size: var(--edc-fs-secondary);
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pbk__title {
  color: var(--pbk-on-ink);
  font-size: var(--edc-fs-body);
  font-weight: 700;
}

.pbk__text, .pbk__reason {
  color: var(--pbk-on-muted);
}

.pbk__text {
  margin-left: 4px;
}

.pbk__title:empty, .pbk__text:empty, .pbk__reason:empty {
  display: none;
}

.pbk__note {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0 0 0 4px;
  overflow: hidden;
  color: var(--pbk-on-muted);
  font-size: var(--edc-fs-label);
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pbk__note::before {
  content: "·";
  margin-right: 8px;
}
.pbk__note[hidden] {
  display: none;
}

@media (min-width: 768px) {
  .pbk-steps__notice {
    display: none;
  }
}
.pbk__caption-tools {
  display: flex;
  flex: none;
  margin-left: auto;
  gap: 12px;
}
.pbk__caption-tools:empty {
  display: none;
}

.pbk__link {
  padding: 0;
  border: 0;
  background: transparent;
  color: #1d4ed8;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
}
.pbk__link:hover {
  text-decoration: underline;
}

.pbk__bar .pbk__link {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin: -4px 0;
  padding: 0;
  color: var(--pbk-on-accent);
  line-height: 16px;
  white-space: nowrap;
  text-decoration: none;
}
.pbk__bar .pbk__link:hover {
  color: var(--pbk-on-ink);
  text-decoration: underline;
}

.pbk__caption--error .pbk__title {
  color: var(--pbk-on-error);
}

.pbk__caption--error .pbk__line {
  white-space: normal;
}

.pbk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 8px;
  background: var(--edc-panel-bg, #ffffff);
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.pbk-btn:hover {
  background: var(--edc-table-header-bg, #f9fafb);
}
.pbk-btn:disabled {
  opacity: 0.6;
  cursor: default;
}

.pbk-btn--primary {
  border-color: #1d4ed8;
  background: #1d4ed8;
  color: #fff;
}
.pbk-btn--primary:hover {
  background: #1e40af;
}

.pbk-btn--quiet {
  border-color: transparent;
  background: transparent;
  color: #1d4ed8;
}
.pbk-btn--quiet:hover {
  background: #eef2ff;
}

.pbk-btn--sm {
  min-height: 36px;
  padding: 0 12px;
}

.pbk__sheet-dock {
  position: absolute;
  left: var(--pbk-left, 0px);
  right: 0;
  bottom: calc(100% + 16px);
  width: min(560px, 100% - var(--pbk-left, 0px) - 48px);
  margin: 0 auto;
  max-height: min(62vh, 560px);
  overflow: auto;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 16px;
  background: var(--edc-panel-bg, #ffffff);
  box-shadow: 0 24px 56px -16px rgba(2, 6, 23, 0.35), 0 2px 8px rgba(2, 6, 23, 0.08);
  animation: pbk-sheet-in 220ms cubic-bezier(0.2, 0, 0, 1) both;
}
.pbk__sheet-dock[hidden] {
  display: none;
}

@keyframes pbk-sheet-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.pbk__sheet-dock--wide {
  width: min(680px, 100% - var(--pbk-left, 0px) - 48px);
}

.pbk-choices--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.pbk-sheet {
  padding: 24px 28px 28px;
}

.pbk-sheet__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: -8px -8px 0 0;
}

.pbk-sheet__eyebrow {
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.pbk-sheet__title {
  font-size: calc(var(--edc-fs-title) * 1.1111);
  font-weight: 700;
  line-height: 1.3;
}
.pbk-sheet__title:focus {
  outline: none;
}
.pbk-sheet__title:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 4px;
  border-radius: 4px;
}

.pbk-sheet__caption, .pbk-sheet__because {
  margin-top: 10px !important;
  color: var(--edc-text-primary, #1f2937);
  font-size: calc(var(--edc-fs-body) * 1.0714);
  line-height: 1.55;
}

.pbk-sheet__reason, .pbk-sheet__locked {
  margin-top: 12px !important;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
}

.pbk-sheet__told {
  margin-top: 12px !important;
  padding: 8px 12px;
  border-radius: 8px;
  background: var(--edc-table-header-bg, #f9fafb);
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-secondary);
}

.pbk-sheet__assumed {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-top: 12px !important;
  padding: 8px 12px;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  background: #fff7ed;
  color: #7a3608;
  font-size: var(--edc-fs-secondary);
}

.pbk-glyph {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 2px solid #b45309;
  border-radius: 50%;
  color: #b45309;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  line-height: 1;
}

.pbk-sheet__warn {
  margin-top: 12px !important;
  color: #7a3608;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.pbk-sheet__effect {
  margin-top: 12px !important;
  color: #1d4ed8;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.pbk-sheet__effect:empty {
  display: none;
}

.pbk-sheet__effect--failed {
  color: #991b1b;
}

.pbk-sheet__lines {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
}

.pbk-sheet__line {
  display: grid;
  grid-template-columns: minmax(96px, 30%) minmax(0, 1fr);
  gap: 12px;
  padding-top: 8px;
  border-top: 1px solid var(--edc-panel-border, #e5e7eb);
}
.pbk-sheet__line dt {
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.pbk-sheet__line dd {
  margin: 0;
  font-size: var(--edc-fs-secondary);
}

.pbk-sheet__prov {
  color: var(--edc-text-secondary, #4b5563);
}

.pbk-sheet__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.pbk-form .pbk-sheet__actions {
  position: sticky;
  bottom: -16px;
  margin: 16px -16px -16px;
  padding: 12px 16px 16px;
  border-top: 1px solid var(--edc-panel-border, #e5e7eb);
  background: var(--edc-panel-bg, #ffffff);
}

.pbk-form {
  margin-top: 12px;
}

.pbk-choices {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.pbk-choice {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 8px;
  border-radius: 6px;
}
.pbk-choice:hover {
  background: var(--edc-table-header-bg, #f9fafb);
}
.pbk-choice input {
  flex: none;
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #1d4ed8;
}
.pbk-choice label {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  color: var(--edc-text-primary, #1f2937);
  cursor: pointer;
}

.pbk-words {
  display: grid;
  gap: 4px;
  margin-top: 12px;
}
.pbk-words label {
  margin: 0;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.pbk-input {
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid #9ca3af;
  border-radius: 8px;
  background: var(--edc-panel-bg, #ffffff);
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-body);
}

.pbk-list {
  display: grid;
  gap: 8px;
  margin-bottom: 8px;
}

.pbk-list__row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pbk-meanings-wrap {
  overflow-x: auto;
}

.pbk-meanings {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
}
.pbk-meanings th, .pbk-meanings td {
  padding: 6px 8px;
  border-bottom: 1px solid var(--edc-panel-border, #e5e7eb);
  text-align: center;
}
.pbk-meanings thead th {
  color: var(--edc-text-secondary, #4b5563);
  font-weight: 600;
}
.pbk-meanings tbody th {
  text-align: left;
  font-weight: 600;
}
.pbk-meanings input {
  width: 18px;
  height: 18px;
  accent-color: #1d4ed8;
}

.pbk-steps {
  position: absolute;
  left: var(--pbk-left, 0px);
  right: 0;
  bottom: 100%;
  display: flex;
  flex-direction: column;
  height: 320px;
  border-top: 1px solid var(--edc-panel-border, #e5e7eb);
  background: var(--edc-panel-bg, #ffffff);
  box-shadow: 0 -8px 24px rgba(17, 24, 39, 0.08);
}
.pbk-steps[hidden] {
  display: none;
}

.pbk-steps__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px 4px 16px;
  border-bottom: 1px solid var(--edc-panel-border, #e5e7eb);
}

.pbk-steps__heading {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.pbk-steps__body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 16px 16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  align-content: start;
  gap: 8px 24px;
}

.pbk-steps__chapter {
  min-width: 0;
  padding-top: 8px;
}

.pbk-steps__chapter-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 4px !important;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-eyebrow) !important;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.pbk-steps__list {
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
}

.pbk-steps__go {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  width: 100%;
  min-height: 36px;
  padding: 6px 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--edc-text-primary, #1f2937);
  text-align: left;
  cursor: pointer;
}
.pbk-steps__go:hover {
  background: var(--edc-table-header-bg, #f9fafb);
}

.pbk-steps__num {
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-label);
  font-variant-numeric: tabular-nums;
}

.pbk-steps__title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.pbk-steps__here {
  padding: 0 6px;
  border-radius: 999px;
  background: var(--edc-text-primary, #1f2937);
  color: var(--edc-panel-bg, #ffffff);
  font-size: var(--edc-fs-label);
  font-weight: 700;
}

.pbk-steps__caption {
  padding: 0 8px 4px;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-label);
}

.pbk-steps__reason {
  padding: 0 8px 6px;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-label);
}

.pbk-steps__assumed {
  display: flex;
  gap: 4px;
  padding: 0 8px 6px;
  color: #7a3608;
  font-size: var(--edc-fs-label);
}

.pbk-steps__step--current .pbk-steps__go {
  background: #eef2ff;
  box-shadow: inset 3px 0 0 #1d4ed8;
}

.pbk-steps__step--current .pbk-steps__title {
  color: #1d4ed8;
}

.pbk-steps__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  padding: 8px 16px;
  border-top: 1px solid var(--edc-panel-border, #e5e7eb);
  background: var(--edc-table-header-bg, #f9fafb);
}

.pbk-steps__honest {
  flex: 1 1 280px;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-label);
}

.pbk-steps__act {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--edc-panel-border, #e5e7eb);
  background: #eef2ff;
}

.pbk-steps__act-words {
  flex: 1 1 200px;
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-secondary);
}

.pbk-steps__notice {
  margin: 0;
  padding: 8px 16px;
  border-bottom: 1px solid var(--edc-panel-border, #e5e7eb);
  background: var(--edc-table-header-bg, #f9fafb);
  color: var(--edc-text-primary, #1f2937);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.pbk-steps__notice[hidden] {
  display: none;
}

@media (pointer: coarse) {
  .pbk__bar {
    --pbk-row: 44px;
  }
  .pbk__slider {
    top: -5px;
    height: 40px;
  }
}
@media (max-width: 1199px) {
  .pbk__bar {
    grid-template-columns: auto minmax(0, 1fr) auto clamp(220px, 26vw, 320px) auto;
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
  .pbk__speed {
    display: none;
  }
  .pbk__bar .pbk__speed-cycle {
    display: inline-flex;
  }
  .pbk__tools .pbk__btn--text span:not(.visually-hidden) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }
  .pbk__tools .pbk__btn--text {
    width: var(--pbk-row);
    padding: 0;
  }
  .pbk__caption-head:has(.pbk__caption-tools:not(:empty)) .pbk__where-chapter {
    display: none;
  }
}
@media (max-width: 767px) {
  .pbk__bar {
    --pbk-row: 44px;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    grid-template-areas: "track track track track" "controls caption tools hide";
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 2px;
    padding-top: 6px;
  }
  .pbk__track {
    height: 24px;
  }
  .pbk__marks {
    top: 0;
    height: 8px;
  }
  .pbk-tick {
    height: 8px;
  }
  .pbk-tick .pbk-tick__line {
    height: 6px;
  }
  .pbk__rail {
    top: 10px;
  }
  .pbk__dots {
    top: 12px;
  }
  .pbk__slider {
    top: -4px;
    height: 28px;
  }
  .pbk__flag {
    top: 15px;
  }
  .pbk__flag-mark {
    border-bottom-width: 5px;
  }
  .pbk__status {
    display: none;
  }
  .pbk__caption {
    padding-left: 0;
    box-shadow: none;
  }
  .pbk__where-chapter {
    display: none;
  }
  .pbk__note {
    display: none;
  }
  .pbk__caption-head:has(.pbk__caption-tools > :not(.pbk__more)) .pbk__where {
    display: none;
  }
  .pbk__text, .pbk__reason {
    display: none;
  }
  .pbk__bar .pbk__more {
    display: none;
  }
  .pbk__bar .pbk__act {
    display: none;
  }
  .pbk__sheet-dock, .pbk__sheet-dock--wide {
    left: 16px;
    right: 16px;
    width: auto;
    max-height: 60vh;
  }
  .pbk-choices--two {
    grid-template-columns: minmax(0, 1fr);
  }
  .pbk-steps {
    position: fixed;
    top: 0;
    height: auto;
    bottom: var(--pbk-h, 0px);
  }
  .pbk-steps__act:not([hidden]) {
    display: flex;
  }
  .pbk-steps__body {
    -moz-columns: 1;
         columns: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pbk *, .pbk *::before, .pbk *::after, #site-menubar .pbk-arrive, #site-menubar .pbk-away {
    animation: none !important;
    transition: none !important;
  }
}
body.reduced-motion .pbk *, body.reduced-motion .pbk *::before, body.reduced-motion .pbk *::after, body.reduced-motion #site-menubar .pbk-arrive, body.reduced-motion #site-menubar .pbk-away {
  animation: none !important;
  transition: none !important;
}

.pbk-choice label {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pbk-choice__brings {
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
}

.trn-card .pbk-sheet {
  padding: 0;
}

.trn-card .pbk-sheet__head {
  margin: 0;
  min-height: 0;
}

.trn-card .pbk-sheet__eyebrow:empty {
  display: none;
}

.trn-card .pbk-choices[disabled] .pbk-choice label {
  cursor: default;
}

@keyframes pbk-dim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pbk-undim {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes pbk-room-rise {
  from {
    opacity: 0;
    transform: translate(calc(var(--pbk-from-x, 0px) * 0.35), calc(var(--pbk-from-y, 0px) * 0.35)) scale(0.88);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes pbk-room-close {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate(calc(var(--pbk-to-x, 0px) * 0.3), calc(var(--pbk-to-y, 0px) * 0.3)) scale(0.9);
  }
}
@keyframes pbk-result-in {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes pbk-sweep {
  0% {
    background-position: -120% 0;
    box-shadow: inset 3px 0 0 0 rgba(96, 165, 250, 0);
  }
  30% {
    box-shadow: inset 3px 0 0 0 rgb(96, 165, 250);
  }
  100% {
    background-position: 220% 0;
    box-shadow: inset 3px 0 0 0 rgba(96, 165, 250, 0.9);
  }
}
#site-menubar .pbk-result {
  animation: pbk-result-in 240ms cubic-bezier(0.2, 0, 0, 1) both, pbk-sweep 1100ms cubic-bezier(0.2, 0, 0, 1) both;
  animation-delay: var(--pbk-delay, 0ms), var(--pbk-delay, 0ms);
  background-image: linear-gradient(100deg, transparent 0%, rgba(96, 165, 250, 0.28) 45%, transparent 90%) !important;
  background-size: 60% 100% !important;
  background-repeat: no-repeat !important;
}
#site-menubar .pbk-result--still {
  box-shadow: inset 3px 0 0 0 #60a5fa;
  background-color: rgba(96, 165, 250, 0.16) !important;
}
#site-menubar .site-menu.pbk-room-target {
  animation: pbk-target 520ms cubic-bezier(0.2, 0, 0, 1) both;
}

.pbk__caption.pbk-room-target {
  animation: pbk-target 520ms cubic-bezier(0.2, 0, 0, 1) both;
  border-radius: 8px;
}

@keyframes pbk-target {
  0% {
    box-shadow: inset 0 0 0 0 rgba(96, 165, 250, 0);
  }
  50% {
    box-shadow: inset 0 0 0 3px rgba(96, 165, 250, 0.9);
  }
  100% {
    box-shadow: inset 0 0 0 2px rgba(96, 165, 250, 0.55);
  }
}
.pbk-room {
  --pbk-room-w: 960px;
  width: min(var(--pbk-room-w), 100vw - 48px);
  max-width: none;
  max-height: calc(100vh - 64px);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 20px;
  background: var(--edc-panel-bg, #ffffff);
  color: var(--edc-text-primary, #1f2937);
  box-shadow: 0 48px 120px -24px rgba(2, 6, 23, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
.pbk-room[open] {
  display: flex;
}
.pbk-room::backdrop {
  background: rgba(6, 12, 28, 0.6);
  -webkit-backdrop-filter: blur(5px) saturate(0.8);
  backdrop-filter: blur(5px) saturate(0.8);
  animation: pbk-dim 200ms cubic-bezier(0.2, 0, 0, 1) both;
}
.pbk-room.pbk-room--rising {
  animation: pbk-room-rise 320ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
.pbk-room.pbk-room--closing {
  animation: pbk-room-close 220ms cubic-bezier(0.4, 0, 1, 1) both;
}
.pbk-room.pbk-room--closing::backdrop {
  animation: pbk-undim 240ms cubic-bezier(0.4, 0, 1, 1) both;
}
.pbk-room.pbk-room--still, .pbk-room.pbk-room--still::backdrop {
  animation: none !important;
}
.pbk-room.pbk-room--stage {
  --pbk-room-w: 720px;
}
.pbk-room.pbk-room--menu {
  --pbk-room-w: 1280px;
}
.pbk-room.pbk-room--done {
  --pbk-room-w: 1120px;
}
.pbk-room h2, .pbk-room h3 {
  text-shadow: none;
  color: var(--edc-text-primary, #1f2937);
  margin: 0;
}
.pbk-room p {
  margin: 0;
}
.pbk-room .btn, .pbk-room button {
  min-width: 0;
}
.pbk-room .pbk-room__acts .pbk-btn {
  min-height: 44px;
  padding: 0 20px;
  border-radius: 10px;
  font-size: calc(var(--edc-fs-body) * 1.0714);
}
.pbk-room .pbk-room__acts .pbk-btn--primary {
  padding: 0 24px;
}

.pbk-room__frame {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(100vh - 64px);
  min-height: 0;
}

.pbk-room__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 40px 48px 0;
}

.pbk-room__heading {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.pbk-room__title {
  font-size: calc(var(--edc-fs-display) * 1.1667);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.pbk-room__title:focus, .pbk-room__title:focus-visible {
  outline: none;
}

.pbk-room__lede {
  font-size: calc(var(--edc-fs-body) * 1.1429);
  line-height: 1.55;
  color: #374151;
  max-width: 76ch;
}
.pbk-room__lede:empty {
  display: none;
}

.pbk-room__close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-heading);
  cursor: pointer;
}
.pbk-room__close:hover {
  background: var(--edc-table-header-bg, #f9fafb);
  color: var(--edc-text-primary, #1f2937);
}

.pbk-room__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 32px 48px 8px;
  overscroll-behavior: contain;
}

.pbk-room__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 48px 40px;
  background: var(--edc-panel-bg, #ffffff);
}

.pbk-room__effect {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1d4ed8;
}
.pbk-room__effect:empty {
  visibility: hidden;
}

.pbk-room__effect--failed {
  color: #991b1b;
}

.pbk-room__acts {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
  margin-left: auto;
}

.pbk-room--stage .pbk-room__title {
  font-size: calc(var(--edc-fs-display) * 1.3333);
}
.pbk-room--stage .pbk-room__lede {
  font-size: calc(var(--edc-fs-body) * 1.2143);
  max-width: 56ch;
}
.pbk-room--stage .pbk-room__body {
  padding-top: 28px;
}
.pbk-room--stage .pbk-room__foot {
  justify-content: flex-start;
}
.pbk-room--stage .pbk-room__acts {
  margin-left: 0;
  justify-content: flex-start;
  flex-direction: row-reverse;
}

.pbk-stage {
  display: grid;
  gap: 20px;
}

.pbk-stage__facts {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 8px 24px;
  border-radius: 14px;
  background: var(--edc-table-header-bg, #f9fafb);
}

.pbk-stage__fact {
  display: grid;
  grid-template-columns: minmax(120px, 28%) minmax(0, 1fr);
  gap: 16px;
  padding: 14px 0;
}
.pbk-stage__fact + .pbk-stage__fact {
  border-top: 1px solid var(--edc-panel-border, #e5e7eb);
}
.pbk-stage__fact dt {
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1.5;
}
.pbk-stage__fact dd {
  margin: 0;
  color: var(--edc-text-primary, #1f2937);
  font-size: calc(var(--edc-fs-body) * 1.0714);
  line-height: 1.5;
}

.pbk-stage__prov {
  color: var(--edc-text-secondary, #4b5563);
}

.pbk-stage__reason {
  font-size: var(--edc-fs-body);
  color: var(--edc-text-secondary, #4b5563);
}

.pbk-mroom {
  display: grid;
  gap: 28px;
}

.pbk-mroom__choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.pbk-mroom__col {
  display: grid;
  gap: 16px;
  min-width: 0;
  align-content: start;
}

.pbk-mroom__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.pbk-mroom__pick {
  display: grid;
  gap: 16px;
  margin: 0;
  cursor: pointer;
  min-width: 0;
}

.pbk-mroom__screen {
  position: relative;
  display: grid;
  grid-template-columns: 208px minmax(0, 1fr);
  height: 380px;
  overflow: hidden;
  border: 1px solid #d1d5db;
  border-radius: 16px;
  background: #f8fafc;
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.05), 0 16px 40px -20px rgba(2, 6, 23, 0.3);
  transition: border-color 160ms cubic-bezier(0.2, 0, 0, 1), box-shadow 160ms cubic-bezier(0.2, 0, 0, 1), transform 160ms cubic-bezier(0.2, 0, 0, 1);
}

.pbk-mroom__pick:hover .pbk-mroom__screen {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(2, 6, 23, 0.05), 0 24px 48px -20px rgba(2, 6, 23, 0.35);
}

.pbk-mroom__col--chosen .pbk-mroom__screen {
  border-color: #1d4ed8;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.22), 0 24px 48px -20px rgba(29, 78, 216, 0.4);
}

.pbk-mroom__radio:focus-visible + .pbk-mroom__pick .pbk-mroom__screen {
  outline: 3px solid #1d4ed8;
  outline-offset: 3px;
}

.pbk-mroom__picture {
  display: block;
  height: 100%;
  overflow: hidden;
  zoom: 0.8;
  -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
}

.dmn-preview {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background: var(--edc-sidebar-bg, #0f1a2e);
  pointer-events: none;
}
.dmn-preview .site-menu {
  margin: 0 !important;
  padding: 12px 0 !important;
  list-style: none;
}
.dmn-preview .site-menu-item, .dmn-preview .dmn-section {
  list-style: none;
}
.dmn-preview [data-dmn-key][hidden], .dmn-preview .dmn-divider[hidden] {
  display: none !important;
}
.dmn-preview .site-menu-divider {
  height: 1px;
  background: var(--edc-sidebar-divider);
}

.pbk-mroom .dmn-preview .site-menu:has(> .dmn-section) {
  padding-top: 12px !important;
}

.pbk-mroom__page {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 22px 20px;
}

.pbk-mroom__sk {
  display: block;
  border-radius: 6px;
  background: #e5e7eb;
}

.pbk-mroom__sk--title {
  width: 46%;
  height: 12px;
}

.pbk-mroom__sk-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.pbk-mroom__sk-row--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pbk-mroom__sk--card, .pbk-mroom__sk--tall {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
}

.pbk-mroom__sk--card {
  height: 64px;
}

.pbk-mroom__sk--tall {
  height: 150px;
}

.pbk-mroom__caption {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 0 4px;
}

.pbk-mroom__dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  border: 2px solid #9ca3af;
  border-radius: 50%;
  color: transparent;
  font-size: var(--edc-fs-label);
  transition: background-color 120ms cubic-bezier(0.2, 0, 0, 1), border-color 120ms cubic-bezier(0.2, 0, 0, 1);
}

.pbk-mroom__col--chosen .pbk-mroom__dot {
  border-color: #1d4ed8;
  background: #1d4ed8;
  color: #fff;
}

.pbk-mroom__option-words {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.pbk-mroom__option-title {
  font-size: var(--edc-fs-title);
  font-weight: 600;
  color: var(--edc-text-primary, #1f2937);
  line-height: 1.3;
}

.pbk-mroom__col--chosen .pbk-mroom__option-title {
  color: #1d4ed8;
}

.pbk-mroom__option-line {
  font-size: calc(var(--edc-fs-body) * 1.0714);
  color: var(--edc-text-secondary, #4b5563);
  line-height: 1.5;
}

.pbk-mroom__option-count {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--edc-table-header-bg, #f9fafb);
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
}

.pbk-mroom__below {
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 0 4px 0 40px;
}

.pbk-mroom__note {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-secondary, #4b5563);
}

.pbk-mroom__reasons {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-body);
  color: var(--edc-text-primary, #1f2937);
}

.pbk-mroom__reason {
  font-weight: 600;
}

.pbk-mroom__reason-modules {
  color: var(--edc-text-secondary, #4b5563);
}

.pbk-mroom__chosen {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1d4ed8;
}

.pbk-mroom__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pbk-mroom__chips[hidden] {
  display: none;
}

.pbk-mroom__chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 32px;
  padding: 0 4px 0 12px;
  border: 1px solid #c7d2fe;
  border-radius: 999px;
  background: #eef2ff;
  color: #1e3a8a;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.pbk-mroom__chip-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.pbk-mroom__chip-x:hover {
  background: rgba(30, 58, 138, 0.12);
}

.pbk-mroom__browse {
  display: grid;
  gap: 16px;
}

.pbk-mroom__browse-btn {
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #1d4ed8;
  font-size: calc(var(--edc-fs-body) * 1.0714);
  font-weight: 600;
  cursor: pointer;
}
.pbk-mroom__browse-btn:hover {
  background: #eef2ff;
}
.pbk-mroom__browse-btn .pbk-mroom__chevron {
  transition: transform 160ms cubic-bezier(0.2, 0, 0, 1);
}
.pbk-mroom__browse-btn[aria-expanded=true] .pbk-mroom__chevron {
  transform: rotate(180deg);
}

.pbk-gallery {
  display: grid;
  gap: 24px;
}
.pbk-gallery[hidden] {
  display: none;
}

.pbk-gallery__loading {
  font-size: var(--edc-fs-body);
  color: var(--edc-text-secondary, #4b5563);
}

.pbk-gallery__group {
  display: grid;
  gap: 12px;
}

.pbk-gallery__heading {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
}

.pbk-gallery .rvl-tiles.pbk-gallery__tiles {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

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

.pbk-gallery__tile > .rvl-tile__link {
  flex: 1 1 auto;
  height: auto;
}

.pbk-gallery__tile--in .rvl-tile__link {
  border-color: #c7d2fe;
}

.pbk-gallery .rvl-tile__job {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.rvl-tile__link--button {
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.pbk-gallery__tile--open .rvl-tile__link--button {
  height: auto;
  border-color: #1d4ed8;
}

.pbk-tile-badge {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 999px;
  background: #eef2ff;
  color: #1e3a8a;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  vertical-align: 1px;
}
.pbk-tile-badge[hidden] {
  display: none;
}

.pbk-tile-detail {
  display: grid;
  gap: 8px;
  justify-items: start;
  margin-top: 8px;
  padding: 16px;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 12px;
  background: var(--edc-table-header-bg, #f9fafb);
}
.pbk-tile-detail[hidden] {
  display: none;
}

.pbk-tile-detail__words {
  font-size: var(--edc-fs-body);
  color: var(--edc-text-primary, #1f2937);
  max-width: 72ch;
}

.pbk-tile-detail__state {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-secondary, #4b5563);
}
.pbk-tile-detail__state:empty {
  display: none;
}

@media (max-width: 1199.98px) {
  .pbk-gallery .rvl-tiles.pbk-gallery__tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .pbk-room__head {
    padding: 32px 32px 0;
  }
  .pbk-room__body {
    padding: 24px 32px 8px;
  }
  .pbk-room__foot {
    padding: 20px 32px 32px;
  }
  .pbk-mroom__choices {
    gap: 24px;
  }
  .pbk-mroom__screen {
    grid-template-columns: 182px minmax(0, 1fr);
    height: 360px;
  }
  .pbk-mroom__picture {
    zoom: 0.7;
  }
  .pbk-mroom__page {
    padding: 18px 16px;
  }
}
@media (max-width: 767.98px) {
  .pbk-room {
    width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
    border-radius: 16px;
  }
  .pbk-room__frame {
    max-height: calc(100vh - 16px);
  }
  .pbk-room__head {
    padding: 24px 64px 0 20px;
  }
  .pbk-room__title, .pbk-room--stage .pbk-room__title {
    font-size: var(--edc-fs-display);
  }
  .pbk-room__lede, .pbk-room--stage .pbk-room__lede {
    font-size: var(--edc-fs-body);
  }
  .pbk-room__body {
    padding: 20px;
  }
  .pbk-room__foot {
    padding: 16px 20px 24px;
    flex-wrap: wrap;
  }
  .pbk-room__acts, .pbk-room--stage .pbk-room__acts {
    width: 100%;
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .pbk-room__acts .pbk-btn, .pbk-room--stage .pbk-room__acts .pbk-btn {
    width: 100%;
  }
  .pbk-stage__fact {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }
  .pbk-mroom__choices {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .pbk-mroom__screen {
    grid-template-columns: 1fr;
    height: 300px;
  }
  .pbk-mroom__page {
    display: none;
  }
  .pbk-mroom__below {
    padding-left: 36px;
  }
  .pbk-gallery .rvl-tiles.pbk-gallery__tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  .pbk-room, .pbk-room::backdrop, .pbk-room--rising, .pbk-room--closing, .pbk-room--closing::backdrop {
    animation: none !important;
  }
  #site-menubar .pbk-result {
    animation: none !important;
    background-image: none !important;
  }
  .pbk-mroom__screen, .pbk-mroom__dot, .pbk-mroom__browse-btn .pbk-mroom__chevron {
    transition: none;
  }
  .pbk-mroom__pick:hover .pbk-mroom__screen {
    transform: none;
  }
  .pbk__sheet-dock {
    animation: none;
  }
}
.pbk-croom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 24px;
  align-items: start;
}

.pbk-croom__main {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.pbk-croom__main .pbk-sheet__told, .pbk-croom__main .pbk-sheet__assumed {
  margin-top: 0 !important;
}

.pbk-croom__form {
  margin: 0;
  display: grid;
  gap: 16px;
}

.pbk-croom__options {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.pbk-croom__option {
  position: relative;
  display: flex;
}

.pbk-croom__input {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 18px;
  height: 18px;
  margin: 0;
  opacity: 0;
}

.pbk-croom__card {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 20px;
  grid-template-rows: auto auto;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 4px;
  align-items: center;
  width: 100%;
  min-height: 72px;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 12px;
  background: var(--edc-panel-bg, #ffffff);
  cursor: pointer;
  transition: border-color 160ms cubic-bezier(0.2, 0, 0, 1), box-shadow 160ms cubic-bezier(0.2, 0, 0, 1), background-color 160ms cubic-bezier(0.2, 0, 0, 1);
}
.pbk-croom__card:hover {
  border-color: #9ca3af;
}

.pbk-croom__mark {
  grid-row: 1/span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #eef2ff;
  color: #1e3a8a;
  font-size: var(--edc-fs-title);
}

.pbk-croom__name {
  grid-column: 2;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: var(--edc-text-primary, #1f2937);
  line-height: 1.3;
}

.pbk-croom__brings {
  grid-column: 2;
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-secondary, #4b5563);
}

.pbk-croom__check {
  grid-column: 3;
  grid-row: 1/span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #9ca3af;
  border-radius: 50%;
  color: transparent;
  font-size: var(--edc-fs-label);
}

.pbk-croom__input[type=checkbox] + .pbk-croom__card .pbk-croom__check {
  border-radius: 5px;
}

.pbk-croom__input:checked + .pbk-croom__card {
  border-color: #1d4ed8;
  box-shadow: 0 0 0 1px #1d4ed8;
  background: #fbfcff;
}

.pbk-croom__input:checked + .pbk-croom__card .pbk-croom__check {
  border-color: #1d4ed8;
  background: #1d4ed8;
  color: #fff;
}

.pbk-croom__input:focus-visible + .pbk-croom__card {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

.pbk-croom__live {
  position: sticky;
  top: 0;
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 12px;
  background: var(--edc-table-header-bg, #f9fafb);
}

.pbk-croom__live-title {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
}

.pbk-croom__live-list {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pbk-croom__row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 36px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  color: var(--edc-text-primary, #1f2937);
  animation: pbk-fade-in 160ms cubic-bezier(0.2, 0, 0, 1) both;
}

.pbk-croom__row-icon {
  flex: none;
  width: 16px;
  text-align: center;
  color: var(--edc-text-secondary, #4b5563);
}

.pbk-croom__row-name {
  flex: 1 1 auto;
  min-width: 0;
}

.pbk-croom__row-note {
  flex: none;
  padding: 1px 8px;
  border-radius: 999px;
  background: #eef2ff;
  color: #1e3a8a;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.pbk-croom__row--note {
  background: #fff;
}

.pbk-croom__row--empty {
  color: var(--edc-text-secondary, #4b5563);
  font-size: var(--edc-fs-secondary);
  padding: 0;
}

@media (max-width: 991.98px) {
  .pbk-croom {
    grid-template-columns: minmax(0, 1fr);
  }
  .pbk-croom__live {
    position: static;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pbk-croom__card {
    transition: none;
  }
  .pbk-croom__row {
    animation: none;
  }
}
.pbk-sroom__presets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pbk-sroom__preset {
  width: 100%;
  height: 100%;
  padding: 12px 16px;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 12px;
  background: var(--edc-panel-bg, #ffffff);
  color: var(--edc-text-primary, #1f2937);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.pbk-sroom__preset:hover {
  border-color: #9ca3af;
}
.pbk-sroom__preset[aria-pressed=true] {
  border-color: #1d4ed8;
  box-shadow: 0 0 0 1px #1d4ed8;
}

.pbk-sroom__preset-list {
  margin: 0;
  padding-left: 20px;
  font-size: var(--edc-fs-secondary);
}
.pbk-sroom__preset-list li {
  padding: 2px 0;
}
.pbk-sroom__preset-list li:first-child {
  font-weight: 600;
}

.pbk-sroom__set {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.pbk-sroom__list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pbk-sroom__row {
  display: grid;
  grid-template-columns: 16px 18px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 8px 8px 8px 12px;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 10px;
  background: var(--edc-panel-bg, #ffffff);
}
.pbk-sroom__row input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #1d4ed8;
}
.pbk-sroom__row:has(input:checked) {
  border-color: #c7d2fe;
  background: #fbfcff;
}

.pbk-sroom__grip {
  color: var(--edc-text-secondary, #4b5563);
  cursor: grab;
}

.pbk-sroom__label {
  display: grid;
  gap: 2px;
  margin: 0;
  cursor: pointer;
}

.pbk-sroom__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: var(--edc-text-primary, #1f2937);
}

.pbk-sroom__brings {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-secondary, #4b5563);
}

.pbk-sroom__moves {
  display: inline-flex;
  gap: 4px;
}

.pbk-sroom__move {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 8px;
  background: var(--edc-panel-bg, #ffffff);
  color: var(--edc-text-primary, #1f2937);
  cursor: pointer;
}
.pbk-sroom__move:hover:not(:disabled) {
  background: var(--edc-table-header-bg, #f9fafb);
}
.pbk-sroom__move:disabled {
  opacity: 0.4;
  cursor: default;
}

.pbk-sroom__top {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pbk-sroom__card {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--edc-panel-border, #e5e7eb);
  border-radius: 10px;
  background: var(--edc-panel-bg, #ffffff);
  animation: pbk-fade-in 160ms cubic-bezier(0.2, 0, 0, 1) both;
}

.pbk-sroom__card-title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: var(--edc-text-primary, #1f2937);
}

.pbk-sroom__card-figure {
  display: block;
  height: 20px;
  width: 60%;
  border-radius: 4px;
  background: #e5e7eb;
}

.pbk-sroom__card-want {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-secondary, #4b5563);
}

@media (max-width: 767.98px) {
  .pbk-sroom__presets {
    grid-template-columns: minmax(0, 1fr);
  }
  .pbk-sroom__top {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pbk-sroom__card {
    animation: none;
  }
}
.pbk-room--fit [data-pbk-room-primary] {
  display: none;
}

.pbk-room .fit.fit--room {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  max-width: none;
  margin: 0;
  gap: 16px;
  pointer-events: auto;
}
.pbk-room .fit.fit--room .fit__bar {
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}
.pbk-room .fit.fit--room .fit__panel {
  max-height: none;
  box-shadow: none;
}
.pbk-room .fit.fit--room .fit__title {
  display: none;
}

.pbk-droom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 24px;
  align-items: start;
}

.pbk-droom__main {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.pbk-droom__lines {
  display: grid;
  gap: 12px;
  margin: 0;
}

.pbk-droom__line {
  display: grid;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--edc-panel-border, #e5e7eb);
}
.pbk-droom__line dt {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: var(--edc-text-primary, #1f2937);
}
.pbk-droom__line dd {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: var(--edc-text-secondary, #4b5563);
}

.pbk-droom__reason {
  font-size: var(--edc-fs-secondary);
  color: var(--edc-text-secondary, #4b5563);
}

.pbk-droom__next {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pbk-droom__next a.pbk-btn {
  text-decoration: none;
}

.pbk-droom__picture {
  max-height: 520px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-mask-image: linear-gradient(to bottom, #000 85%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 85%, transparent 100%);
}

@media (max-width: 767.98px) {
  .pbk-droom {
    grid-template-columns: minmax(0, 1fr);
  }
  .pbk-droom__picture {
    max-height: 260px;
  }
}
@keyframes pbk-confirm {
  0% {
    box-shadow: inset 0 0 0 0 rgba(96, 165, 250, 0);
  }
  30% {
    box-shadow: inset 0 0 0 2px rgba(96, 165, 250, 0.9);
  }
  100% {
    box-shadow: inset 0 0 0 0 rgba(96, 165, 250, 0);
  }
}
.pbk__caption.pbk-confirm {
  animation: pbk-confirm 1200ms cubic-bezier(0.2, 0, 0, 1) both;
  border-radius: 8px;
}

.pbk__caption.pbk-confirm--still {
  box-shadow: inset 0 0 0 2px rgba(96, 165, 250, 0.9);
  border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
  .pbk__caption.pbk-confirm {
    animation: none;
  }
}
.pbk-sheet__eyebrows {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.pbk-sheet__eyebrows .pbk-sheet__eyebrow {
  margin: 0;
}

.pbk-sheet__release {
  flex: 0 0 auto;
}

.pbk-room__release {
  margin: 0 0 8px;
}

.pbk-room__release[hidden] {
  display: none;
}

.help-tour-card.mfv-card {
  width: min(400px, 100vw - 32px);
  max-height: calc(100vh - 32px);
  overflow-y: auto;
}
.help-tour-card.mfv-card .help-tour-card__step {
  font-size: var(--edc-fs-secondary);
  letter-spacing: 0.02em;
  text-transform: none;
  color: #4b5563;
}
.help-tour-card.mfv-card .help-tour-card__text {
  font-size: var(--edc-fs-body);
}
.help-tour-card.mfv-card .help-tour-card__body {
  margin: 0 0 12px;
}
.help-tour-card.mfv-card .help-tour-card__actions {
  flex-wrap: wrap;
}

.mfv-lines {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}
.mfv-lines__item {
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #374151;
}
.mfv-lines__label {
  font-weight: 700;
  color: #111827;
}

.mfv-choices {
  border: 0;
  margin: 0 0 8px;
  padding: 0;
  display: grid;
  gap: 2px;
}

.mfv-choice {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  padding: 2px 4px;
  border-radius: 6px;
  font-size: var(--edc-fs-body);
  color: #1f2937;
  cursor: pointer;
}
.mfv-choice:hover {
  background: #f3f6fb;
}
.mfv-choice__input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #2f5cc4;
}

.mfv-because {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  margin: 0 0 8px;
}

.mfv-act {
  margin-top: 2px;
}

.mfv-on {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #166534;
  margin: 0;
}

.mfv-status {
  font-size: var(--edc-fs-secondary);
  color: #b45309;
  margin: 6px 0 0;
}
.mfv-status:empty {
  display: none;
}

.prd-tabrow {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.prd-tabrow > .tasks-tabs {
  flex: 1 1 auto;
  min-width: 0;
}
.prd-tabrow__door {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-end;
  gap: 8px;
  padding: 0 0 4px;
  border-bottom: 1px solid #e5e7eb;
}
.prd-tabrow__door .prd-door {
  margin-left: 0;
}
.prd-tabrow__door .prd-door.mfv-pill + .prd-door {
  margin-left: 0;
}

@media (max-width: 575.98px) {
  .prd-tabrow {
    flex-wrap: wrap;
  }
  .prd-tabrow__door {
    order: -1;
    flex-basis: 100%;
    justify-content: flex-end;
    padding: 0 0 8px;
    border-bottom: 0;
  }
}
.prd-door {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 32px;
  margin-left: auto;
  padding: 4px 12px;
  border: 1px solid #c9d6f0;
  border-radius: 999px;
  background: #fff;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}
.prd-door i {
  color: #2f5cc4;
}
.prd-door:hover {
  background: #eef3fc;
}
.prd-door:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.prd-door[aria-expanded=true] {
  background: #eef3fc;
  border-color: #2f5cc4;
}

.prd-door.mfv-pill + .prd-door {
  margin-left: 8px;
}

.prd-panel {
  position: fixed;
  top: 66px;
  right: var(--rail-dock-width, 44px);
  bottom: 88px;
  width: 420px;
  max-width: 100vw;
  z-index: 1045;
  --rail-accent: #2f5cc4;
  --rail-title: #1c3f75;
}
.prd-panel .rail-panel__header {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--rail-line);
}
.prd-panel__module {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: var(--rail-muted);
}
.prd-panel__body {
  flex: 1 1 auto;
  overflow: auto;
  padding: 16px 18px 24px;
}

@media (max-width: 991px) {
  .prd-panel {
    width: 100vw;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    z-index: 2040;
  }
}
.prd-kept {
  margin: 8px 0 0;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fff7ed;
  color: #7c2d12;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
}

.prd-intro,
.prd-empty {
  margin: 0 0 16px;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #1f2937;
}

.prd-group {
  margin: 0 0 24px;
}
.prd-group__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2937;
  text-shadow: none;
}
.prd-group__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #eef2f7;
  color: #334155;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
}

.prd-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.prd-item {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--rail-line, #e2e8f0);
  border-radius: 8px;
  background: #fff;
}
.prd-item:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.prd-item--asked {
  border-color: #2f5cc4;
  box-shadow: 0 0 0 3px rgba(47, 92, 196, 0.15);
}
.prd-item--always {
  background: #f8fafc;
}
.prd-item__name {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #0f172a;
}
.prd-item__blurb {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #334155;
}
.prd-item__state {
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
}
.prd-item__tier {
  padding-top: 8px;
  border-top: 1px solid var(--rail-line, #e2e8f0);
}
.prd-item__note {
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #b45309;
}
.prd-item__acts {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.prd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d6f0;
  border-radius: 6px;
  background: #fff;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.prd-btn:hover {
  background: #eef3fc;
  color: #1c3f75;
}
.prd-btn:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.prd-btn[aria-busy=true] {
  opacity: 0.7;
  cursor: progress;
}
.prd-btn:disabled, .prd-btn:disabled:hover {
  background: #f8fafc;
  border-color: #dde3ea;
  color: #475467;
  cursor: default;
}
.prd-btn--primary {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
}
.prd-btn--primary:hover {
  background: #264ea8;
  color: #fff;
}
.prd-btn--primary:disabled, .prd-btn--primary:disabled:hover {
  background: #e8eefb;
  border-color: #c9d6f0;
  color: #1c3f75;
}
.prd-btn--quiet {
  border-color: transparent;
  background: transparent;
}
.prd-btn--link {
  border: 0;
  padding: 0;
  min-height: 0;
  background: transparent;
  color: #1d4ed8;
  text-decoration: underline;
}
.prd-btn--link:hover {
  background: transparent;
  color: #1e40af;
}

.prd-foot {
  display: grid;
  justify-items: start;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--rail-line, #e2e8f0);
}
.prd-foot__help {
  margin: -4px 0 4px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #475569;
}

/* ════════════════════════════════════════════════════════════════
   Workspace — generic chrome for a near-fullscreen, app-like working
   surface. A presentation primitive: layout only, no feature styling.

   Structure: sticky header / left rail / main pane / optional right
   inspector drawer. Rendered by app/views/shared/workspace/_shell and
   the bare `workspace` layout, so it owns the whole viewport.

   Feature consumers (the importer, data-health duplicate review, …)
   style their OWN content with their own class prefixes; this file
   never names a feature.
   ════════════════════════════════════════════════════════════════ */
.workspace-body {
  background: #f6f7f9;
  margin: 0;
}

.workspace {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.workspace-skip-link {
  position: absolute;
  top: -48px;
  left: 8px;
  z-index: 200;
  background: #1f2937;
  color: #fff;
  padding: 8px 14px;
  border-radius: 6px;
}
.workspace-skip-link:focus {
  top: 8px;
  color: #fff;
}

/* TOP-ALIGNED, NOT CENTRE-ALIGNED, and every region floored at one control
   height (38px) so the three read as one baseline. Top alignment is what lets
   the forward region grow DOWNWARD — a refusal reason can appear beneath the
   forward control, in flow, without moving the control or anything else in the
   bar. Centre alignment would have slid the title and the step position down
   the moment a reason appeared. */
.workspace-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: nowrap;
  padding: 12px 20px;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  position: sticky;
  top: 0;
  z-index: 50;
}

/* THREE REGIONS ON ONE BASELINE: left (way out + title), centre (position /
   context), right (actions, then the forward act in the true corner).
   Only the LEFT gives ground when the bar is tight — the title ellipsizes and
   the centre and the forward control keep their full size, because "where am
   I" and "what do I do next" are the two things that must never be clipped. */
.workspace-header__left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 0 1 auto;
  min-height: 38px;
}

.workspace-header__center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 38px;
  /* A HARD FLOOR ON THE OVERLAP CLASS OF BUG: whatever a feature puts here,
     it can never paint over the forward act in the corner. Centre content is
     expected to be adaptive (drop labels, shrink) before it reaches this. */
  overflow: hidden;
}

.workspace-header__right {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex: 0 0 auto;
  min-height: 38px;
  /* Every control in the group gets the same height and centres its own label,
     so top-aligning the group does not stagger their text. */
}
.workspace-header__right > * {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
}

/* The forward act's own box: a column, so the refusal reason sits UNDER the
   control, in flow, growing the header rather than displacing the control.
   This is the mechanism behind the round's invariant — the forward button's
   getBoundingClientRect is identical refused vs live. */
.workspace-header__forward {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 7px;
}

.workspace-title {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 600;
  margin: 0;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 42vw;
}

/* With a centre region the bar carries four objects, so the title takes the
   smaller share rather than pushing the step position off screen. */
.workspace-header--centered .workspace-title {
  max-width: 22vw;
}

.workspace-meta {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: var(--edc-fs-secondary);
  white-space: nowrap;
}

.workspace-grid {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  flex: 1 1 auto;
  min-height: 0;
  align-items: stretch;
}

.workspace-grid--inspecting {
  grid-template-columns: 300px minmax(0, 1fr) minmax(360px, 440px);
}

.workspace-rail {
  border-right: 1px solid #e5e7eb;
  background: #fff;
  overflow-y: auto;
  padding: 16px 12px;
}

.workspace-rail__heading {
  /* neutral-600, not neutral-500: a section heading is information. */
  font-size: var(--edc-fs-label);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #475467;
  margin: 0 8px 10px;
  font-weight: 700;
}

/* No overflow on main: .workspace uses min-height (the page grows and the
   BODY scrolls), so an overflow-y:auto here could never engage — but it did
   make main the containing scrollport for position:sticky, silently killing
   any sticky child (e.g. a step strip pinned below the header). */
.workspace-main {
  padding: 20px 24px 48px;
  min-width: 0;
}

.workspace-inspector {
  border-left: 1px solid #e5e7eb;
  background: #fff;
  overflow-y: auto;
}

.workspace-inspector__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px 8px;
  border-bottom: 1px solid #f1f3f5;
}

.workspace-inspector__title {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-inspector__close {
  color: var(--edc-text-muted-words, #6b7280);
}
.workspace-inspector__close:hover, .workspace-inspector__close:focus {
  color: #111827;
}

.workspace-empty {
  display: grid;
  place-items: center;
  min-height: 40vh;
}

/* Programmatic focus targets (skip-link → #workspace-main, heading focus
   for screen-reader context) are block-level and not Tab-reachable, so the
   default outline draws a giant mystery box. Suppress it on those targets
   only; interactive controls keep their focus rings. */
#workspace-main:focus,
.workspace-main h2[tabindex="-1"]:focus,
.workspace-main h3[tabindex="-1"]:focus,
.workspace-main h4[tabindex="-1"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  .workspace-grid,
  .workspace-grid--inspecting {
    grid-template-columns: 1fr;
  }
  .workspace-rail {
    border-right: 0;
    border-bottom: 1px solid #e5e7eb;
    max-height: 240px;
  }
  .workspace-inspector {
    border-left: 0;
    border-top: 1px solid #e5e7eb;
  }
}
.form-control,
.form-select,
select.form-control,
.custom-select {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1e293b;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.form-control::-moz-placeholder, .form-select::-moz-placeholder, select.form-control::-moz-placeholder, .custom-select::-moz-placeholder {
  color: #94a3b8;
}
.form-control::placeholder,
.form-select::placeholder,
select.form-control::placeholder,
.custom-select::placeholder {
  color: #94a3b8;
}

.form-control:focus,
.form-select:focus,
select.form-control:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.2);
  color: #1e293b;
}

.bootstrap-select .btn.dropdown-toggle {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: #1e293b !important;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  border-color: #cbd5e1;
}
.bootstrap-select .btn.dropdown-toggle:focus, .bootstrap-select .btn.dropdown-toggle:active {
  border-color: #2563eb;
  box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.2) !important;
}
.bootstrap-select .btn.dropdown-toggle .filter-option-inner-inner {
  color: #1e293b;
}
.bootstrap-select[data-none-selected-text] .filter-option-inner-inner,
.bootstrap-select .filter-option-inner-inner:empty + .filter-option-inner-inner {
  color: #94a3b8;
}
.bootstrap-select .dropdown-menu {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  border-color: #e2e8f0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 4px 0;
}
.bootstrap-select .dropdown-menu li {
  display: block !important;
}
.bootstrap-select .dropdown-menu li a, .bootstrap-select .dropdown-menu li a span.text {
  color: #1e293b !important;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  white-space: nowrap;
  display: block;
}
.bootstrap-select .dropdown-menu li a {
  padding: 6px 12px;
}
.bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus {
  background-color: #f1f5f9;
  color: #1e293b !important;
}
.bootstrap-select .dropdown-menu li a:hover span.text, .bootstrap-select .dropdown-menu li a:focus span.text {
  color: #1e293b !important;
}
.bootstrap-select .dropdown-menu li a.active, .bootstrap-select .dropdown-menu li a.selected {
  background-color: #eff6ff;
  color: #1d4ed8 !important;
}
.bootstrap-select .dropdown-menu li a.active span.text, .bootstrap-select .dropdown-menu li a.selected span.text {
  color: #1d4ed8 !important;
}
.bootstrap-select .bs-searchbox .form-control {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1e293b;
  border-color: #e2e8f0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.bootstrap-select .bs-searchbox .form-control:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.2);
}

.select2-container .select2-selection {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1e293b;
  border-color: #cbd5e1;
}
.select2-container .select2-selection:focus {
  border-color: #2563eb;
}
.select2-container .select2-search__field {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: #1e293b;
}
.select2-container .select2-results__option {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #334155;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.select2-container .select2-results__option--highlighted {
  background-color: #eff6ff;
  color: #1d4ed8;
}

.dropdown-menu {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #1e293b;
  border-color: #e2e8f0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}
.dropdown-menu li {
  display: block !important;
}
.dropdown-menu li a, .dropdown-menu li a span.text {
  color: #1e293b !important;
  white-space: nowrap;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus,
.dropdown-menu li a:hover span.text, .dropdown-menu li a:focus span.text {
  color: #1e293b !important;
  background-color: #f1f5f9;
}
.dropdown-menu li a.active, .dropdown-menu li a.selected,
.dropdown-menu li a.active span.text, .dropdown-menu li a.selected span.text {
  color: #1d4ed8 !important;
  background-color: #eff6ff;
}
.dropdown-menu .dropdown-item {
  color: #1e293b !important;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
  background-color: #f1f5f9;
  color: #1e293b !important;
}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
  background-color: #2563eb;
  color: #fff !important;
}
.dropdown-menu .dropdown-divider {
  border-color: #e2e8f0;
}

.selectStyle {
  color: #1e293b !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.outlineFld {
  color: #1e293b;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.form-material .form-control {
  color: #1e293b;
}
.form-material .form-control::-moz-placeholder {
  color: #94a3b8;
}
.form-material .form-control::placeholder {
  color: #94a3b8;
}
.form-material .floating-label {
  color: #64748b;
}

label,
.form-label,
.form-control-label {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #334155;
  font-weight: 500;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.skip-to-content {
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  padding: 8px 16px;
  background: #212529;
  color: #fff;
  border-radius: 0 0 4px 4px;
  text-decoration: none;
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.skip-to-content:focus {
  top: 0;
  color: #fff;
}

*:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.btn:focus-visible,
.edcf-btn:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible,
.bootstrap-select .dropdown-toggle:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.4);
}

a:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 2px;
}

body {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
}

::-moz-placeholder {
  color: #6c757d !important;
  opacity: 1;
}

::placeholder {
  color: #6c757d !important;
  opacity: 1;
}

.form-material .form-control:disabled ~ .floating-label {
  color: #6c757d !important;
}

.text-muted {
  color: #6c757d !important;
}

.edcf-required::after {
  content: " *";
  color: var(--edcf-danger, #DC2626);
  font-weight: 600;
}

.form-control.is-invalid,
.form-select.is-invalid {
  border-color: var(--edcf-danger, #DC2626);
}
.form-control.is-invalid:focus-visible,
.form-select.is-invalid:focus-visible {
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.3);
}

.edcf-field-error {
  color: var(--edcf-danger, #DC2626);
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  margin-top: 4px;
}

.form-control:disabled,
.form-select:disabled {
  color: #495057;
  opacity: 0.7;
}

.panel-collapse-toggle {
  display: block;
  width: 100%;
  background: none;
  border: none;
  padding: inherit;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
.panel-collapse-toggle:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.panel-collapse-toggle[aria-expanded=true] .fa-caret-down {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}
.panel-collapse-toggle[aria-expanded=false] .fa-caret-down {
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}

.edcf-sr-only, .edcf-sr-only-focusable {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.edcf-sr-only-focusable:focus, .edcf-sr-only-focusable:active {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@media (forced-colors: active) {
  *:focus-visible {
    outline: 2px solid CanvasText;
  }
  .btn:focus-visible,
  .edcf-btn:focus-visible,
  .form-control:focus-visible {
    outline: 2px solid Highlight;
    box-shadow: none;
  }
  .badge {
    border: 1px solid CanvasText;
  }
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 6px;
  font-weight: 500;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}
.btn i, .btn .fa, .btn [class^=icon], .btn [class*=" icon"] {
  line-height: 1;
  flex-shrink: 0;
}
.btn:active:not(:disabled):not(.disabled) {
  transform: scale(0.97);
}
.btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.4);
}

.btn {
  padding: 7px 16px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
}

.btn-sm {
  padding: 5px 12px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  border-radius: 5px;
  min-width: unset;
  height: auto;
}

.btn-lg {
  padding: 10px 24px;
  font-size: var(--edc-fs-body);
  border-radius: 7px;
}

.btn-primary {
  color: #fff !important;
  background-color: #2563eb;
  border-color: #2563eb;
}
.btn-primary:hover {
  color: #fff;
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #1e40af;
  border-color: #1e40af;
}
.btn-primary:focus-visible {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.4);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #93b4f6;
  border-color: #93b4f6;
  cursor: not-allowed;
  pointer-events: auto;
}

.btn-outline-primary {
  color: #2563eb;
  border-color: #2563eb;
  background-color: transparent;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #2563eb;
  border-color: #2563eb;
}
.btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.btn-outline-primary:focus-visible {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.4);
}

.btn-secondary {
  color: #fff;
  background-color: #475569;
  border-color: #475569;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #334155;
  border-color: #334155;
}
.btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #1e293b;
  border-color: #1e293b;
}
.btn-secondary:focus-visible {
  box-shadow: 0 0 0 3px rgba(71, 85, 105, 0.4);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #94a3b8;
  border-color: #94a3b8;
  cursor: not-allowed;
}

.btn-success {
  color: #fff;
  background-color: #15803d;
  border-color: #15803d;
}
.btn-success:hover {
  color: #fff;
  background-color: #166534;
  border-color: #166534;
}
.btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #14532d;
  border-color: #14532d;
}
.btn-success:focus-visible {
  box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.4);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #86c49e;
  border-color: #86c49e;
  cursor: not-allowed;
}

.btn-outline-success {
  color: #15803d;
  border-color: #15803d;
  background-color: transparent;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #15803d;
  border-color: #15803d;
}
.btn-outline-success:active, .btn-outline-success.active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #166534;
  border-color: #166534;
}
.btn-outline-success:focus-visible {
  box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.4);
}

.btn-danger {
  color: #fff;
  background-color: #dc2626;
  border-color: #dc2626;
}
.btn-danger:hover {
  color: #fff;
  background-color: #b91c1c;
  border-color: #b91c1c;
}
.btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #991b1b;
  border-color: #991b1b;
}
.btn-danger:focus-visible {
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.4);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #f3a3a3;
  border-color: #f3a3a3;
  cursor: not-allowed;
}

.btn-warning {
  color: #1e293b;
  background-color: #d97706;
  border-color: #d97706;
}
.btn-warning:hover {
  color: #1e293b;
  background-color: #b45309;
  border-color: #b45309;
}
.btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #1e293b;
  background-color: #92400e;
  border-color: #92400e;
}
.btn-warning:focus-visible {
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.4);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #64748b;
  background-color: #fcd89e;
  border-color: #fcd89e;
  cursor: not-allowed;
}

.btn-info {
  color: #fff;
  background-color: #0284c7;
  border-color: #0284c7;
}
.btn-info:hover {
  color: #fff;
  background-color: #0369a1;
  border-color: #0369a1;
}
.btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #075985;
  border-color: #075985;
}
.btn-info:focus-visible {
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.4);
}

.btn-default {
  color: #334155;
  background-color: #f8fafc;
  border-color: #e2e8f0;
}
.btn-default:hover {
  color: #1e293b;
  background-color: #f1f5f9;
  border-color: #cbd5e1;
}
.btn-default:active, .btn-default.active {
  color: #1e293b;
  background-color: #e2e8f0;
  border-color: #94a3b8;
}
.btn-default:focus-visible {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25);
}
.btn-default .btnIcon {
  color: #2563eb;
}

.btn-light {
  color: #334155;
  background-color: #f8fafc;
  border-color: #e2e8f0;
  box-shadow: none;
}
.btn-light:hover {
  color: #1e293b;
  background-color: #f1f5f9;
  border-color: #cbd5e1;
}

.btn-action-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.waves-effect:not(.dropdown-toggle):after,
.waves-effect:not(.dropdown-toggle):before {
  display: none !important;
}

.waves-ripple {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.insight-mount {
  display: inline-block;
  position: relative;
}
.insight-mount.is-hydrated .insight-fallback-label {
  display: none;
}

.insight {
  position: relative;
  font-family: inherit;
  color: #0f172a;
  display: inline-block;
}
.insight-loading {
  color: #475569;
  font-style: italic;
}
.insight-error {
  color: #dc2626;
  font-size: var(--edc-fs-label);
}
.insight-error .insight-error-retry {
  margin-left: 6px;
  background: transparent;
  border: 1px solid currentColor;
  color: inherit;
  padding: 1px 6px;
  font-size: var(--edc-fs-eyebrow);
  border-radius: 3px;
  cursor: pointer;
}
.insight-error .insight-error-retry:hover {
  background: #fef2f2;
}

.insight-stamped {
  position: relative;
}

.insight-size-medium::before,
.insight-size-large::before,
.insight-size-full::before,
.insight-stamped::before {
  content: "\f0eb";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: -1px;
  right: 14px;
  z-index: 2;
  padding: 2px 9px 3px;
  background: rgba(124, 58, 237, 0.1);
  color: #7c3aed;
  border-radius: 0 0 8px 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9 / 10);
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  line-height: 1;
  pointer-events: none;
  opacity: 0.85;
  transition: opacity 120ms ease, background 120ms ease;
}
.insight-size-medium:hover::before, .insight-size-medium:focus-within::before,
.insight-size-large:hover::before,
.insight-size-large:focus-within::before,
.insight-size-full:hover::before,
.insight-size-full:focus-within::before,
.insight-stamped:hover::before,
.insight-stamped:focus-within::before {
  opacity: 1;
  background: rgba(124, 58, 237, 0.16);
}

.insight-size-tiny::before,
.insight-size-small::before {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 2;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7c3aed;
  opacity: 0.55;
  pointer-events: none;
  transition: opacity 120ms ease, transform 120ms ease;
}
.insight-size-tiny:hover::before,
.insight-size-small:hover::before {
  opacity: 0.9;
  transform: scale(1.15);
}

.insight-loading::before,
.insight-error::before {
  display: none !important;
}

.insight-size-tiny {
  display: inline-flex;
  vertical-align: middle;
}

.insight-size-small {
  display: inline-block;
  vertical-align: top;
}

.insight-size-medium {
  display: block;
}

.insight-size-large {
  display: block;
}

.insight-size-full {
  display: block;
  width: 100%;
}

.insight-metric-tile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 12px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
  text-decoration: none;
  color: inherit;
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}
.insight-metric-tile:hover {
  border-color: var(--insight-accent, #475569);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
  text-decoration: none;
}
.insight-metric-tile__value {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 600;
  line-height: 1.1;
  color: #0f172a;
}
.insight-metric-tile__label {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.insight-metric-tile__delta {
  font-size: var(--edc-fs-label);
  font-weight: 500;
}
.insight-metric-tile__delta--good {
  color: #15803d;
}
.insight-metric-tile__delta--warn {
  color: #d97706;
}
.insight-metric-tile__delta--bad {
  color: #b91c1c;
}
.insight-metric-tile__delta-label, .insight-metric-tile__delta-label-solo {
  color: #475569;
  font-size: var(--edc-fs-eyebrow);
  margin-left: 4px;
}
.insight-metric-tile__spark {
  margin-top: 4px;
}
.insight-metric-tile--tiny .insight-metric-tile__value {
  font-size: var(--edc-fs-body);
}
.insight-metric-tile--small .insight-metric-tile__value {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}
.insight-metric-tile--large .insight-metric-tile__value {
  font-size: calc(var(--edc-fs-display) * 36 / 24);
}
.insight-metric-tile--full .insight-metric-tile__value {
  font-size: calc(var(--edc-fs-display) * 48 / 24);
}

.insight-score-ring {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
  gap: 4px;
}
.insight-score-ring:hover {
  text-decoration: none;
}
.insight-score-ring svg {
  display: block;
}
.insight-score-ring__label {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin-top: 4px;
}
.insight-score-ring__delta {
  font-size: var(--edc-fs-label);
  font-weight: 600;
}
.insight-score-ring__delta--good {
  color: #15803d;
}
.insight-score-ring__delta--bad {
  color: #b91c1c;
}
.insight-score-ring__caveats {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  line-height: 1.45;
  color: #475467;
  max-width: 18ch;
  text-align: center;
}

.insight-size-medium .insight-score-ring, .insight-size-large .insight-score-ring {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: center;
  justify-items: start;
  width: 100%;
}
.insight-size-medium .insight-score-ring svg, .insight-size-large .insight-score-ring svg {
  grid-row: 1/span 3;
}
.insight-size-medium .insight-score-ring .insight-score-ring__label, .insight-size-large .insight-score-ring .insight-score-ring__label {
  margin-top: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2d3d;
}
.insight-size-medium .insight-score-ring .insight-score-ring__caveats, .insight-size-large .insight-score-ring .insight-score-ring__caveats {
  max-width: 46ch;
  text-align: left;
}

.insight-sparkline {
  vertical-align: middle;
}
.insight-sparkline--empty {
  color: #475569;
  font-size: var(--edc-fs-eyebrow);
}

.insight-theme-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #ffffff;
  text-decoration: none;
  color: inherit;
  min-height: 140px;
  transition: transform 120ms ease, box-shadow 140ms ease, border-color 140ms ease;
}
.insight-theme-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
  text-decoration: none;
}
.insight-theme-card__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}
.insight-theme-card__title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.insight-theme-card__value {
  font-size: calc(var(--edc-fs-display) * 32 / 24);
  font-weight: 600;
  line-height: 1;
  color: #0f172a;
}
.insight-theme-card__pct {
  font-size: var(--edc-fs-heading);
  color: #475569;
  margin-left: 1px;
  font-weight: 500;
}
.insight-theme-card__question {
  font-size: var(--edc-fs-heading);
  font-weight: 500;
  color: #0f172a;
  line-height: 1.3;
  margin: 4px 0 0;
}
.insight-theme-card__blurb {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0;
  line-height: 1.4;
}
.insight-theme-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 8px;
}
.insight-theme-card__count {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  font-weight: 500;
}
.insight-theme-card__caveat {
  font-size: var(--edc-fs-label);
  color: #475569;
  font-style: italic;
}
.insight-theme-card__cta {
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
  opacity: 0.7;
  transition: opacity 120ms ease;
}
.insight-theme-card:hover .insight-theme-card__cta {
  opacity: 1;
}
.insight-theme-card--good {
  border-left: 4px solid #16a34a;
}
.insight-theme-card--warn {
  border-left: 4px solid #d97706;
}
.insight-theme-card--bad {
  border-left: 4px solid #dc2626;
}
.insight-theme-card--muted {
  border-left: 4px solid #94a3b8;
}
.insight-theme-card--neutral {
  border-left: 4px solid #475569;
}
.insight-theme-card--small {
  min-height: auto;
  padding: 12px 14px;
}
.insight-theme-card--small .insight-theme-card__value {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
}
.insight-theme-card--small .insight-theme-card__question {
  font-size: var(--edc-fs-body);
}

.insight-breakdown-bars {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.insight-breakdown-bars__heading {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
  margin-bottom: 4px;
}
.insight-breakdown-bars__row {
  display: grid;
  grid-template-columns: minmax(140px, 40%) minmax(0, 1fr) 50px;
  align-items: center;
  gap: 12px;
  padding: 4px 0;
  text-decoration: none;
  color: inherit;
  border-radius: 4px;
  transition: background 100ms ease;
}
.insight-breakdown-bars a.insight-breakdown-bars__row:hover {
  background: #f8fafc;
  text-decoration: none;
}
.insight-breakdown-bars__label {
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
  font-weight: 500;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.insight-breakdown-bars__track {
  height: 8px;
  background: #e2e8f0;
  border-radius: 999px;
  overflow: hidden;
}
.insight-breakdown-bars__fill {
  display: block;
  height: 100%;
  transition: width 600ms cubic-bezier(0.16, 1, 0.3, 1);
}
.insight-breakdown-bars__value {
  font-size: var(--edc-fs-label);
  color: #475569;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.insight-breakdown-bars--empty {
  color: #475569;
  font-style: italic;
  padding: 12px;
  text-align: center;
}

.insight-milestone-strip {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 18px 22px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.insight-milestone-strip:hover {
  text-decoration: none;
}
.insight-milestone-strip__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #475569;
  margin: 0 0 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.insight-milestone-strip__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0;
  flex-wrap: nowrap;
  align-items: stretch;
  overflow-x: auto;
}
.insight-milestone-strip__item {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0;
  flex: 0 0 auto;
  min-width: 160px;
  padding: 0 16px;
}
.insight-milestone-strip__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #475569;
  align-self: flex-start;
  margin-top: 6px;
  flex-shrink: 0;
}
.insight-milestone-strip__node {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-left: 8px;
}
.insight-milestone-strip__when {
  font-size: var(--edc-fs-eyebrow);
  color: #475569;
}
.insight-milestone-strip__label {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #0f172a;
}
.insight-milestone-strip__value {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 600;
  color: #0f172a;
  line-height: 1;
  margin-top: 4px;
}
.insight-milestone-strip__by {
  font-size: var(--edc-fs-eyebrow);
  color: #475569;
}
.insight-milestone-strip__connector {
  position: absolute;
  top: 11px;
  right: -8px;
  width: 28px;
  height: 2px;
  background: #cbd5e1;
}
.insight-milestone-strip__delta {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  margin-top: 12px;
}
.insight-milestone-strip__delta--good {
  color: #15803d;
}
.insight-milestone-strip__delta--bad {
  color: #b91c1c;
}
.insight-milestone-strip__story {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 8px 0 0;
}
.insight-milestone-strip__empty {
  background: #f8fafc;
}
.insight-milestone-strip__empty-msg {
  color: #475569;
  font-style: italic;
}

.insight-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  opacity: 0.6;
  pointer-events: none;
}

.insight-evidence {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.insight-evidence__rows {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.insight-evidence--empty {
  color: #475569;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  padding: 14px 2px;
}
.insight-evidence__group {
  margin-bottom: 10px;
}
.insight-evidence__group-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.insight-evidence__group-head {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
  margin: 6px 0 4px;
}
.insight-evidence__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 6px;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  transition: background 0.12s ease;
}
.insight-evidence a.insight-evidence__row:hover {
  background: #f5f8fc;
}
.insight-evidence a.insight-evidence__row:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}
.insight-evidence__dot {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-top: 5px;
}
.insight-evidence__dot--head {
  margin-top: 0;
}
.insight-evidence__body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.insight-evidence__title {
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.insight-evidence__detail {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #334155;
}
.insight-evidence__meta {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  color: #475569;
  font-variant-numeric: tabular-nums;
}
.insight-evidence__source {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  color: #475569;
  margin-top: 8px;
}

.insight-trend {
  margin: 0;
}
.insight-trend--empty {
  color: #475569;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  padding: 24px 2px;
  text-align: center;
}
.insight-trend__svg {
  width: 100%;
  height: auto;
  display: block;
}
.insight-trend__tick {
  font-size: var(--edc-fs-eyebrow);
  fill: #475569;
}
.insight-trend__xlabel {
  font-size: var(--edc-fs-eyebrow);
  fill: #475569;
}
.insight-trend__value {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  fill: #0f172a;
  paint-order: stroke;
  stroke: #fff;
  stroke-width: 3px;
}
.insight-trend__legend-note {
  color: #334155;
  font-style: normal;
}
.insight-trend__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #475569;
}
.insight-trend__legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.insight-trend__swatch {
  width: 12px;
  height: 3px;
  border-radius: 2px;
  display: inline-block;
}

.insights-rail__tab {
  position: fixed;
  right: 0;
  top: 306px;
  z-index: 1035;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  min-height: 132px;
  padding: 14px 0;
  border: 0;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(135deg, #7c3aed, #6d28d9);
  color: #fff;
  box-shadow: -4px 4px 14px rgba(124, 58, 237, 0.28);
  cursor: pointer;
  transition: box-shadow 0.2s ease, background 0.15s ease;
}
.insights-rail__tab:hover {
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}
.insights-rail__tab:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: -4px;
  box-shadow: -4px 4px 14px rgba(124, 58, 237, 0.55);
}
.insights-rail__tab-icon {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  line-height: 1;
  margin-bottom: 10px;
}
.insights-rail__tab-label {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1;
}
.insights-rail__tab-dot {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fbbf24;
  box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.25);
}
.insights-rail__panel {
  z-index: 1040;
}
.insights-rail__status {
  margin-bottom: 4px;
}
.insights-rail__context {
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.4;
  color: #475569;
}
.insights-rail__context-label {
  font-weight: 700;
  color: #0f172a;
}
.insights-rail__door {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
}
.insights-rail__group {
  margin-top: 14px;
}
.insights-rail__group-title {
  margin: 0 0 6px;
}
.insights-rail__list, .insights-rail__cards {
  list-style: none;
  margin: 0;
  padding: 0;
}
.insights-rail__item {
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
}
.insights-rail__item:last-child {
  border-bottom: 0;
}
.insights-rail__item-headline {
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  margin: 0 0 2px;
  color: #0f172a;
}
.insights-rail__item-meta {
  font-size: var(--edc-fs-eyebrow);
  color: #475569;
  margin: 0;
}
.insights-rail__item-link {
  color: #4c1d95;
  text-decoration: underline;
}
.insights-rail__item-link:hover {
  color: #6d28d9;
}
.insights-rail__item-link:focus-visible {
  outline: 2px solid #7c3aed;
  outline-offset: 2px;
}
.insights-rail__severity {
  display: inline-block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 4px;
  margin-right: 2px;
  background: #e2e8f0;
  color: #334155;
}
.insights-rail__severity--attention {
  background: #fef3c7;
  color: #92400e;
}
.insights-rail__severity--notable {
  background: #ede9fe;
  color: #5b21b6;
}
.insights-rail__severity--info {
  background: #e2e8f0;
  color: #334155;
}
.insights-rail__severity--quality {
  background: #dcfce7;
  color: #166534;
}
.insights-rail__card {
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}
.insights-rail__card:last-child {
  border-bottom: 0;
}
.insights-rail__card-title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #0f172a;
  margin: 0 0 6px;
}

@media (max-width: 767.98px) {
  .insights-rail {
    display: none;
  }
}
.insight-composition .insight-mount::before,
.insight-composition .insight::before,
.insight-composition .insight-stamped::before {
  display: none;
}

.insight-composition__mark {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(124, 58, 237, 0.1);
  color: #6d28d9;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
}

.insight-theme-row {
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr) 140px 56px minmax(112px, auto) 16px;
  grid-template-areas: "name question meter value count cta";
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 4px;
  padding: 12px 8px;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  transition: background 120ms ease;
}
.insight-theme-row:hover, .insight-theme-row:focus-visible {
  background: #f8fafc;
  text-decoration: none;
  color: inherit;
}
.insight-theme-row:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: -2px;
}
.insight-theme-row:hover .insight-theme-row__cta, .insight-theme-row:focus-visible .insight-theme-row__cta {
  color: #0f172a;
  transform: translateX(2px);
}
.insight-theme-row__name {
  grid-area: name;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #0f172a;
}
.insight-theme-row__question {
  grid-area: question;
  font-size: var(--edc-fs-body);
  color: #475569;
  line-height: 1.35;
}
.insight-theme-row__meter {
  grid-area: meter;
  height: 8px;
  border-radius: 999px;
  background: var(--insight-meter-track, #e2e8f0);
  overflow: hidden;
}
.insight-theme-row__fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--insight-meter-fill, #475569);
  transition: width 600ms cubic-bezier(0.16, 1, 0.3, 1);
}
.insight-theme-row__value {
  grid-area: value;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #0f172a;
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.insight-theme-row__pct {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
  margin-left: 1px;
}
.insight-theme-row__count {
  grid-area: count;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  text-align: right;
  white-space: nowrap;
}
.insight-theme-row__cta {
  grid-area: cta;
  font-size: var(--edc-fs-body);
  color: #475569;
  transition: color 120ms ease, transform 120ms ease;
}
.insight-theme-row--good {
  --insight-meter-fill: #15803d;
  --insight-meter-track: #dcfce7;
}
.insight-theme-row--warn {
  --insight-meter-fill: #b45309;
  --insight-meter-track: #fef3c7;
}
.insight-theme-row--bad {
  --insight-meter-fill: #dc2626;
  --insight-meter-track: #fee2e2;
}
.insight-theme-row--muted {
  --insight-meter-fill: #94a3b8;
  --insight-meter-track: #e2e8f0;
}

@container (max-width: 739px) {
  .insight-theme-row {
    grid-template-columns: minmax(0, 1fr) 120px 56px 16px;
    grid-template-areas: "name     meter value cta" "question count count cta";
  }
}
.insight-figure-table {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #0f172a;
}
.insight-figure-table__title {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #334155;
  margin-bottom: 8px;
}
.insight-figure-table {
  overflow-x: auto;
  max-width: 100%;
}
.insight-figure-table__table {
  width: 100%;
  border-collapse: collapse;
}
.insight-figure-table th, .insight-figure-table td {
  padding: 7px 8px;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
  vertical-align: middle;
}
.insight-figure-table thead th {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
  border-bottom-color: #cbd5e1;
}
.insight-figure-table:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.insight-figure-table__figure {
  text-align: right !important;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
}
.insight-figure-table th.insight-figure-table__label {
  font-weight: 600;
}
.insight-figure-table__row--total th, .insight-figure-table__row--total td {
  border-top: 2px solid #cbd5e1;
  border-bottom: 0;
  font-weight: 700;
}
.insight-figure-table__link {
  color: inherit;
  text-decoration: none;
}
.insight-figure-table__link:hover {
  color: #2f5cc4;
  text-decoration: underline;
}
.insight-figure-table__swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  margin-right: 8px;
  vertical-align: middle;
}
.insight-figure-table__more {
  display: inline-block;
  margin-top: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #2f5cc4;
}
.insight-figure-table--empty {
  color: #475467;
  font-size: var(--edc-fs-secondary);
}

.insight-attention {
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
}
.insight-attention__empty {
  margin: 0;
  color: #475467;
}
.insight-attention__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.insight-attention__item {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 10px;
  align-items: start;
}
.insight-attention__urgency {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475569;
  padding-top: 2px;
}
.insight-attention__urgency::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #98a2b3;
  flex: 0 0 7px;
}
.insight-attention__item--now .insight-attention__urgency {
  color: #b42318;
}
.insight-attention__item--now .insight-attention__urgency::before {
  background: #b42318;
}
.insight-attention__item--soon .insight-attention__urgency {
  color: #b54708;
}
.insight-attention__item--soon .insight-attention__urgency::before {
  background: #c2620e;
}
.insight-attention__body {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.insight-attention__title {
  font-weight: 600;
  color: #0f172a;
  text-decoration: none;
}
.insight-attention__title:hover {
  color: #2f5cc4;
  text-decoration: underline;
}
.insight-attention__reason {
  color: #475569;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}
.insight-attention__more {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #475569;
}
.insight-attention__rules {
  margin-top: 10px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #475569;
}
.insight-attention__rules summary {
  cursor: pointer;
}
.insight-attention__rules ul {
  margin: 6px 0 0;
  padding-left: 18px;
}

.insights-hub__card {
  min-width: 0;
  overflow: hidden;
}

.insights-hub__jump {
  position: sticky;
  top: 0;
  z-index: 2;
  margin: 0 0 16px;
  padding: 8px 0;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}
.insights-hub__jump ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
}
.insights-hub__jump a {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
  text-decoration: none;
}
.insights-hub__jump a:hover {
  color: #2f5cc4;
  text-decoration: underline;
}

.insights-hub__question {
  margin: 26px 0 10px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #0f172a;
}

.insights-hub__question-blurb {
  margin: -4px 0 12px;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.stage-builder-probability__input {
  max-width: 120px;
}

.glance-as-reported {
  margin: 6px 0 0;
  font-size: var(--edc-fs-label);
  color: #4b5563;
  display: flex;
  gap: 6px;
  align-items: baseline;
}
.glance-as-reported__figure {
  font-weight: 600;
  color: #111827;
  font-variant-numeric: tabular-nums;
}

.insight-record-list {
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
}
.insight-record-list__empty {
  margin: 0;
  color: #475467;
}
.insight-record-list__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.insight-record-list__item {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
  padding-bottom: 8px;
  border-bottom: 1px solid #e2e8f0;
}
.insight-record-list__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.insight-record-list__main {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.insight-record-list__title {
  font-weight: 600;
  color: #0f172a;
  text-decoration: none;
}
.insight-record-list__title:hover {
  color: #2f5cc4;
  text-decoration: underline;
}
.insight-record-list__sub, .insight-record-list__meta {
  color: #475569;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}
.insight-record-list__value {
  font-weight: 600;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  color: #334155;
}
.insight-record-list__more {
  display: inline-block;
  margin-top: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #2f5cc4;
  text-decoration: none;
}
.insight-record-list__more:hover {
  text-decoration: underline;
}

.insight-stat-list {
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
}
.insight-stat-list__rows {
  margin: 0;
  display: grid;
  gap: 6px;
}
.insight-stat-list__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
}
.insight-stat-list__label {
  font-weight: 500;
  color: #334155;
}
.insight-stat-list__label a {
  color: inherit;
  text-decoration: none;
}
.insight-stat-list__label a:hover {
  color: #2f5cc4;
}
.insight-stat-list__label .insight-record-list__meta {
  display: block;
  font-weight: 400;
}
.insight-stat-list__value {
  margin: 0;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 640px) {
  .insight-figure-table__table th, .insight-figure-table__table td {
    padding-left: 5px;
    padding-right: 5px;
  }
  .insight-figure-table__table th {
    white-space: normal;
  }
}
.insights-peers .accordion-button {
  font-weight: 600;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  text-shadow: none;
}

.insights-peers__count {
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #4b5563;
}

.insight-metric-tile--unmeasured {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  cursor: default;
}
.insight-metric-tile--unmeasured .insight-metric-tile__reason {
  font-size: var(--edc-fs-body);
  line-height: 1.45;
  color: #475467;
}
.insight-metric-tile--unmeasured .insight-metric-tile__door {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #2f5cc4;
  text-decoration: none;
}
.insight-metric-tile--unmeasured .insight-metric-tile__door:hover {
  text-decoration: underline;
}

.insights-hub__feed-item {
  padding: 10px 0 !important;
}

.insights-hub__feed-headline {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  font-size: var(--edc-fs-body);
  line-height: 1.45;
}

.insights-hub__feed-severity.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  background: none !important;
  border: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #475467 !important;
}
.insights-hub__feed-severity.badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}
.insights-hub__feed-severity.badge.bg-danger, .insights-hub__feed-severity.badge.text-bg-danger, .insights-hub__feed-severity.badge.badge-danger {
  color: #b42318 !important;
}
.insights-hub__feed-severity.badge.bg-warning, .insights-hub__feed-severity.badge.text-bg-warning, .insights-hub__feed-severity.badge.badge-warning {
  color: #b54708 !important;
}
.insights-hub__feed-severity.badge.bg-success, .insights-hub__feed-severity.badge.text-bg-success, .insights-hub__feed-severity.badge.badge-success {
  color: #0b7a4b !important;
}

.insights-hub__feed-link {
  color: #1f2d3d;
  font-weight: 600;
  text-decoration: none;
}
.insights-hub__feed-link:hover {
  color: #2f5cc4;
  text-decoration: underline;
}

.insights-hub__feed-meta {
  font-size: var(--edc-fs-secondary) !important;
  color: #475467 !important;
}

.insights-hub__section > .row.g-3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  margin: 0;
}
.insights-hub__section > .row.g-3 > [class*=col] {
  width: auto;
  max-width: none;
  padding: 0;
  margin: 0;
}
.insights-hub__section > .row.g-3 > .col-xl-6 {
  grid-column: span 2;
}
@media (max-width: 760px) {
  .insights-hub__section > .row.g-3 > .col-xl-6 {
    grid-column: auto;
  }
}

.insights-hub__card {
  position: relative;
  background: #fff;
  border-color: #e3e8ef !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
}
.insights-hub__card .insight, .insights-hub__card .insight-mount {
  position: static;
}
.insights-hub__card .insights-hub__card-title {
  padding-right: 44px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}
.insights-hub__card .insights-hub__card-hint {
  font-size: var(--edc-fs-secondary) !important;
  color: #475467 !important;
}

.insights-hub__card .insight-size-medium::before, .insights-hub__card .insight-size-large::before, .insights-hub__card .insight-size-full::before {
  top: 0;
  right: 16px;
}

.insight-bubble {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #0f172a;
  display: grid;
  gap: 12px;
  min-width: 0;
}
.insight-bubble__summary {
  margin: 0;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #1f2937;
}
.insight-bubble__views {
  display: inline-flex;
  gap: 0;
  justify-self: start;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  overflow: hidden;
}
.insight-bubble__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 20px;
}
.insight-bubble__lens {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}
.insight-bubble__lens-label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #374151;
}
.insight-bubble__view {
  min-width: 0;
  border: 0;
  background: #fff;
  color: #334155;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 5px 14px;
  cursor: pointer;
}
.insight-bubble__view + .insight-bubble__view {
  border-left: 1px solid #cbd5e1;
}
.insight-bubble__view.is-on {
  background: #1f2937;
  color: #fff;
}
.insight-bubble__view:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: -2px;
}
.insight-bubble__plot {
  position: relative;
  display: grid;
  gap: 8px;
}
.insight-bubble__svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}
.insight-bubble__mark {
  cursor: pointer;
  outline: none;
}
.insight-bubble__mark:focus-visible circle {
  stroke: #111827;
  stroke-width: 3;
}
.insight-bubble__label {
  paint-order: stroke;
  stroke: #fff;
  stroke-width: 3px;
  stroke-linejoin: round;
}
.insight-bubble__key, .insight-bubble__tip {
  margin: 0;
  min-height: 40px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #4b5563;
}
.insight-bubble__tip {
  display: grid;
  gap: 2px;
  color: #1f2937;
}
.insight-bubble__tip strong {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.insight-bubble__table-wrap {
  overflow-x: auto;
  max-width: 100%;
  container-type: inline-size;
}
.insight-bubble__table-wrap:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.insight-bubble__table {
  width: 100%;
  border-collapse: collapse;
}
.insight-bubble__table th, .insight-bubble__table td {
  padding: 7px 8px;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
  vertical-align: top;
}
.insight-bubble__table th:first-child {
  padding-left: 0;
}
.insight-bubble__table th:last-child, .insight-bubble__table td:last-child {
  padding-right: 0;
}
.insight-bubble__table thead th {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 1.3;
  color: #475467;
  border-bottom-color: #cbd5e1;
  vertical-align: bottom;
}
.insight-bubble__table thead th.is-num {
  white-space: normal;
  min-width: 5em;
}
.insight-bubble__table tbody th {
  font-weight: 600;
  min-width: 9em;
}
.insight-bubble__table tbody th a {
  color: #1d4ed8;
}
.insight-bubble__table .is-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.insight-bubble__sort {
  min-width: 0;
  border: 0;
  background: none;
  padding: 2px 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
  display: inline;
}
.insight-bubble__sort:hover, .insight-bubble__sort.is-on {
  color: #1f2937;
}
.insight-bubble__sort:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
  border-radius: 2px;
}
.insight-bubble__sort-tail {
  white-space: nowrap;
}
.insight-bubble__sort-mark {
  display: inline-block;
  margin-left: 4px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  color: #64748b;
}
.is-on > .insight-bubble__sort-mark {
  color: #1f2937;
}
.insight-bubble--empty {
  display: block;
}
.insight-bubble__empty {
  margin: 0;
  color: #475467;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.5;
}
.insight-bubble__source {
  margin: 6px 0 0;
  color: #4b5563;
  font-size: var(--edc-fs-label);
}

@container (max-width: 760px) {
  .insight-bubble__table {
    display: block;
  }
  .insight-bubble__table thead, .insight-bubble__table tbody {
    display: block;
  }
  .insight-bubble__table thead tr {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    padding-bottom: 6px;
    border-bottom: 1px solid #cbd5e1;
  }
  .insight-bubble__table thead th {
    border: 0;
    padding: 0 !important;
    min-width: 0 !important;
  }
  .insight-bubble__table tbody tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 16px;
    padding: 8px 0;
    border-bottom: 1px solid #e2e8f0;
  }
  .insight-bubble__table tbody th, .insight-bubble__table tbody td {
    border: 0;
    padding: 0 !important;
    min-width: 0;
    white-space: normal;
  }
  .insight-bubble__table tbody tr > th {
    grid-column: 1/-1;
  }
  .insight-bubble__table tbody td {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    text-align: right;
  }
  .insight-bubble__table tbody td::before {
    content: attr(data-label);
    color: #475467;
    font-size: var(--edc-fs-label);
    font-weight: 600;
    text-align: left;
  }
  .insight-bubble__table tbody td[data-wide] {
    grid-column: 1/-1;
  }
}
.insight-decomp {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #0f172a;
  display: grid;
  gap: 12px;
  min-width: 0;
}
.insight-decomp__summary {
  margin: 0;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #1f2937;
}
.insight-decomp__bars {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.insight-decomp__row {
  display: grid;
  grid-template-columns: minmax(150px, 34%) 1fr 84px;
  gap: 12px;
  align-items: center;
}
.insight-decomp__row--total {
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e8f0;
  font-weight: 700;
}
.insight-decomp__label {
  display: grid;
  gap: 1px;
  font-weight: 600;
  color: #1f2937;
}
.insight-decomp__desc {
  font-weight: 400;
  font-size: var(--edc-fs-label);
  color: #4b5563;
}
.insight-decomp__track {
  position: relative;
  height: 14px;
}
.insight-decomp__zero {
  position: absolute;
  left: 50%;
  top: -4px;
  bottom: -4px;
  width: 1px;
  background: #6b7280;
}
.insight-decomp__fill {
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: 4px;
}
.insight-decomp__value {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  white-space: nowrap;
  color: #1f2937;
}
.insight-decomp__period {
  margin: 0;
  font-size: var(--edc-fs-label);
  color: #4b5563;
}
.insight-decomp__toggle {
  justify-self: start;
  min-width: 0;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #1f2937;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 8px;
  cursor: pointer;
}
.insight-decomp__toggle:hover {
  border-color: #94a3b8;
}
.insight-decomp__toggle:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.insight-decomp__table-wrap {
  overflow-x: auto;
  max-width: 100%;
}
.insight-decomp__table-wrap:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.insight-decomp__table {
  width: 100%;
  border-collapse: collapse;
}
.insight-decomp__table th, .insight-decomp__table td {
  padding: 6px 6px;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
}
.insight-decomp__table th:first-child {
  padding-left: 0;
}
.insight-decomp__table th:last-child, .insight-decomp__table td:last-child {
  padding-right: 0;
}
.insight-decomp__table thead th {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 1.3;
  color: #475467;
  border-bottom-color: #cbd5e1;
  vertical-align: bottom;
}
.insight-decomp__table thead th.is-num {
  white-space: normal;
  min-width: 4.5em;
}
.insight-decomp__table tbody th {
  font-weight: 600;
  white-space: normal;
  min-width: 9em;
  line-height: 1.35;
}
.insight-decomp__table tfoot th, .insight-decomp__table tfoot td {
  border-top: 2px solid #cbd5e1;
  border-bottom: 0;
  font-weight: 700;
}
.insight-decomp__table .is-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.insight-decomp--empty {
  display: block;
}
.insight-decomp__empty {
  margin: 0;
  color: #475467;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.5;
}
.insight-decomp__source {
  margin: 6px 0 0;
  color: #4b5563;
  font-size: var(--edc-fs-label);
}

.insight-decomp__table-wrap {
  container-type: inline-size;
}

@container (max-width: 520px) {
  .insight-decomp__table {
    display: block;
  }
  .insight-decomp__table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .insight-decomp__table tbody, .insight-decomp__table tfoot {
    display: block;
  }
  .insight-decomp__table tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 16px;
    padding: 8px 0;
    border-bottom: 1px solid #e2e8f0;
  }
  .insight-decomp__table tfoot tr {
    border-top: 2px solid #cbd5e1;
    border-bottom: 0;
  }
  .insight-decomp__table th, .insight-decomp__table td, .insight-decomp__table tfoot th, .insight-decomp__table tfoot td {
    border: 0 !important;
    padding: 0 !important;
  }
  .insight-decomp__table tr > th {
    grid-column: 1/-1;
  }
  .insight-decomp__table td {
    display: flex;
    justify-content: space-between;
    gap: 8px;
  }
  .insight-decomp__table td::before {
    content: attr(data-label);
    color: #475467;
    font-size: var(--edc-fs-label);
    font-weight: 600;
  }
}
@media (max-width: 640px) {
  .insight-decomp__row {
    grid-template-columns: 1fr 72px;
  }
  .insight-decomp__track {
    grid-column: 1/-1;
    grid-row: 2;
  }
}
.insight-metric-tile-explained {
  display: grid;
  gap: 8px;
}

.insight-metric-tile__note {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.5;
  color: #1f2937;
}

.insight-provenance {
  font-size: var(--edc-fs-label);
  color: #4b5563;
  line-height: 1.5;
}
.insight-provenance--footer {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  padding-top: 8px;
  border-top: 1px solid #e5e7eb;
}
.insight-provenance__methodology-link {
  min-width: 0;
  border: 0;
  background: none;
  padding: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #1d4ed8;
  cursor: pointer;
  text-decoration: underline;
}
.insight-provenance__methodology-link:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
  border-radius: 2px;
}

.methodology-modal__backdrop {
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: rgba(15, 23, 42, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.methodology-modal {
  position: relative;
  width: min(640px, 100%);
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25);
  padding: 24px 24px 20px;
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  color: #1f2937;
  text-align: left;
}
.methodology-modal h3 {
  margin: 0 32px 12px 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}
.methodology-modal h4 {
  margin: 16px 0 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
  text-shadow: none;
}
.methodology-modal p {
  margin: 0 0 10px;
}
.methodology-modal ul {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 4px;
}
.methodology-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  min-width: 0;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: #f1f5f9;
  color: #1f2937;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  line-height: 1;
  cursor: pointer;
}
.methodology-modal__close:hover {
  background: #e2e8f0;
}
.methodology-modal__close:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.methodology-modal .methodology-modal__validation {
  margin: 16px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #4b5563;
}
.methodology-modal__error {
  color: #b42318;
}

.insight-see-all {
  align-self: flex-start;
  margin-top: 8px;
  padding: 4px 0;
  border: 0;
  background: transparent;
  color: #2f5cc4;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  min-width: 0;
  cursor: pointer;
}
.insight-see-all:hover {
  text-decoration: underline;
}
.insight-see-all:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
  border-radius: 3px;
}

.insights-hub__feed-head {
  margin: 0 0 4px;
}

.insights-hub__feed-title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}

.insights-hub__feed-lead {
  margin: 2px 0 4px;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.insights-hub__feed-quiet {
  font-size: var(--edc-fs-body);
  color: #344054;
}

.insights-hub__feed-item {
  border-bottom: 1px solid #eaecf0;
}
.insights-hub__feed-item:last-child {
  border-bottom: 0;
}

.insights-hub__feed-headline {
  margin: 0 0 2px;
}

.insights-hub__feed-text {
  font-weight: 600;
  color: #1f2d3d;
}

.insights-hub__feed-meta {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 6px;
}

.insights-hub__feed-reveal,
.insights-hub__feed-all {
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #2f5cc4;
  cursor: pointer;
}
.insights-hub__feed-reveal:hover,
.insights-hub__feed-all:hover {
  text-decoration: underline;
}
.insights-hub__feed-reveal:focus-visible,
.insights-hub__feed-all:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
  border-radius: 3px;
}

.insights-hub__feed-all {
  margin-top: 8px;
}

[aria-expanded=true] > .insights-disclosure__closed,
[aria-expanded=false] > .insights-disclosure__open {
  display: none;
}

.insights-hub__feed-members {
  margin: 8px 0 2px;
  padding: 0 0 0 16px;
}

.insights-hub__feed-members.show {
  display: grid;
  gap: 6px;
}

.insights-hub__feed-member {
  display: grid;
  gap: 1px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
}

.insights-hub__feed-member-link {
  color: #1f2d3d;
  text-decoration: none;
}
.insights-hub__feed-member-link:hover {
  color: #2f5cc4;
  text-decoration: underline;
}

.insights-hub__feed-member-meta {
  color: #475467;
}

.insights-page {
  padding-top: 24px;
  padding-bottom: 48px;
}
.insights-page h1, .insights-page h2, .insights-page h3 {
  text-shadow: none;
}
.insights-page__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  margin: 0 0 16px;
}
.insights-page__title {
  margin: 0;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  line-height: 1.2;
  color: #0f172a;
}
.insights-page__period {
  display: flex;
  align-items: center;
  gap: 12px;
}
.insights-page__period-label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
}
.insights-page__period-options {
  list-style: none;
  margin: 0;
  padding: 2px;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
}
.insights-page__period-option {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  text-decoration: none;
  white-space: nowrap;
}
.insights-page__period-option:hover {
  background: #f2f4f7;
  color: #101828;
}
.insights-page__period-option:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
}
.insights-page__period-option.is-current {
  background: #1f2937;
  color: #fff;
}
.insights-page__empty {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 24px;
  color: #344054;
}

.insights-band {
  margin: 0 0 24px;
}
.insights-band__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.insights-band__tile {
  flex: 1 1 190px;
  min-width: 0;
  min-height: 140px;
  margin: 0;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 16px 20px;
}
.insights-band__tile::before {
  top: 0 !important;
  right: 16px !important;
}
.insights-band__tile .glance-delta__figure {
  font-size: calc(var(--edc-fs-display) * 30 / 24);
}
.insights-band__tile .glance-delta__compare {
  margin-top: 8px;
  font-size: var(--edc-fs-secondary);
}
.insights-band__tile .glance-delta__nocompare {
  margin-top: 8px;
  font-size: var(--edc-fs-secondary);
  font-style: normal;
  color: #475467;
}
.insights-band__dash {
  color: #475467;
}
.insights-band__reason {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #475467;
}
.insights-band__label {
  margin: 0 0 8px;
  padding-right: 32px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
}
.insights-band__link {
  color: inherit;
  text-decoration: none;
}
.insights-band__link:hover {
  color: #2f5cc4;
  text-decoration: underline;
}

.insights-hub__feed--compact {
  margin: 0 0 24px;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 16px 20px;
}
.insights-hub__feed--compact .insights-hub__feed-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  margin-bottom: 4px;
}
.insights-hub__feed--compact .insights-hub__feed-lead {
  margin: 0;
}
.insights-hub__feed--compact .insights-hub__feed-list:not(.collapse),
.insights-hub__feed--compact .insights-hub__feed-list.show {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
@media (min-width: 1200px) {
  .insights-hub__feed--compact .insights-hub__feed-list:not(.collapse),
  .insights-hub__feed--compact .insights-hub__feed-list.show {
    grid-template-columns: 1fr 1fr;
  }
}
.insights-hub__feed--compact .insights-hub__feed-item {
  border-bottom: 0;
  border-top: 1px solid #eaecf0;
}

.insights-page .insights-hub__jump {
  margin: 0 0 8px;
  background: #f8fafc;
}

.insights-section {
  margin: 24px 0 0;
}
.insights-section__head {
  margin: 0 0 12px;
}
.insights-section__title {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #0f172a;
  scroll-margin-top: 56px;
}
.insights-section__blurb {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.insights-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.insights-grid + .insights-grid {
  margin-top: 16px;
}
.insights-grid__cell {
  min-width: 0;
  margin: 0;
  padding: 0;
}
.insights-grid__cell--figure {
  flex: 1 1 300px;
}
.insights-grid__cell--figure > .insights-hub__card {
  min-height: 176px;
}
.insights-grid__cell--half {
  flex: 1 1 440px;
}
.insights-grid__cell--half > .insights-hub__card {
  min-height: 240px;
}
.insights-grid__cell--full {
  flex: 1 1 100%;
}

.insight-metric-tile__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  margin: 0 8px 4px 0;
  padding: 5px 12px;
  border-radius: 8px;
  color: var(--insight-badge-ink, #3f4a57);
  background: var(--insight-badge-tint, #eceff3);
  border: 1px solid color-mix(in srgb, var(--insight-badge-ink, #3f4a57) 30%, transparent);
  font-size: calc(var(--edc-fs-title) * 17 / 18);
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
  vertical-align: middle;
}
.insight-metric-tile__badge i {
  font-size: 0.8em;
}

.insight-metric-tile__badge--top {
  border: 2px solid var(--insight-badge-ink, #3f4a57);
}

.insight-metric-tile__badge-top {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--insight-badge-ink, #3f4a57);
  color: var(--insight-badge-ink, #3f4a57);
  background: #fff;
  font-size: calc(var(--edc-fs-label) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
}

.dh-bento {
  background: #f8fafc;
  margin: -16px;
  padding: 24px 24px 40px;
  min-height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dh-bento__banner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border-radius: 12px;
  background: #dbeafe;
  color: #1e3a8a;
  font-size: var(--edc-fs-body);
}
.dh-bento__banner .fa-arrows-rotate {
  color: #2563eb;
}
.dh-bento__banner-meta {
  color: #475569;
  margin-left: auto;
}
.dh-bento__numbers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 1100px) {
  .dh-bento__numbers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dh-bento__numbers .dh-tile--score {
    grid-column: 1/-1;
  }
}
@media (max-width: 560px) {
  .dh-bento__numbers {
    grid-template-columns: 1fr;
  }
}
.dh-bento__pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
@media (max-width: 760px) {
  .dh-bento__pair {
    grid-template-columns: 1fr;
  }
}

.dh-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dh-section__header {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}
.dh-section__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.01em;
}
.dh-section__sub {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0;
}

.dh-tile {
  position: relative;
  background: #ffffff;
  border: 1px solid #eef2f7;
  border-radius: 16px;
  padding: 20px 24px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  text-decoration: none;
  color: #0f172a;
  transition: box-shadow 160ms ease, border-color 160ms ease;
}
.dh-tile--linkable:hover, .dh-tile--linkable:focus-visible {
  box-shadow: 0 4px 8px rgba(15, 23, 42, 0.06), 0 16px 40px rgba(15, 23, 42, 0.08);
  border-color: #d9e0ea;
  text-decoration: none;
  color: #0f172a;
}
.dh-tile--linkable:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.dh-tile__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.dh-tile__tools {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dh-tile__eyebrow {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #475569;
  margin: 0;
}
.dh-tile__title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.01em;
}
.dh-tile__caption {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
  margin: 0;
}
.dh-tile__caption strong {
  color: #0f172a;
}
.dh-tile__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
  text-decoration: none;
  white-space: nowrap;
  transition: color 120ms ease;
}
.dh-tile__link i {
  font-size: var(--edc-fs-eyebrow);
  transition: transform 120ms ease;
}
.dh-tile__link:hover, .dh-tile__link:focus-visible {
  color: #0f172a;
  text-decoration: none;
}
.dh-tile__link:hover i, .dh-tile__link:focus-visible i {
  transform: translateX(2px);
}
.dh-tile__link--strong {
  color: #0f172a;
  font-weight: 700;
}
.dh-tile__body {
  min-width: 0;
}
.dh-tile--score .dh-tile__caption, .dh-tile--kpi .dh-tile__caption {
  margin-top: auto;
}
.dh-tile--score.dh-tile--status-measured {
  --dh-accent: #2563eb;
}
.dh-tile--score.dh-tile--status-not_enough_data {
  --dh-accent: #d97706;
}
.dh-tile--score.dh-tile--status-empty {
  --dh-accent: #94a3b8;
}
.dh-tile--kpi {
  gap: 10px;
}

.dh-score {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: end;
  gap: 20px;
  padding-top: 2px;
}
.dh-score__figure {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.dh-score__value {
  font-size: calc(var(--edc-fs-display) * 64 / 24);
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.03em;
  color: #0f172a;
}
.dh-score__of {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #475569;
}
.dh-score__spark {
  width: 100%;
  max-width: 200px;
  height: 44px;
  justify-self: end;
  color: var(--dh-accent, #2563eb);
}
.dh-score__meta {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.dh-score__started {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
}
.dh-score__started:hover {
  text-decoration: underline;
  color: #1d4ed8;
}
.dh-score__started:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 4px;
}
.dh-score__how {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  text-decoration: underline;
  text-decoration-color: #94a3b8;
  text-underline-offset: 3px;
  transition: color 120ms ease, text-decoration-color 120ms ease;
}
.dh-score__how:hover, .dh-score__how:focus-visible {
  color: #0f172a;
  text-decoration-color: #0f172a;
}
.dh-score__empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.dh-score__empty-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-title);
  background: #e7f7ef;
  color: #0f766e;
}
.dh-score__empty-title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #0f172a;
  margin: 2px 0 0;
  letter-spacing: -0.01em;
}
.dh-score__empty-sub {
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #475569;
  margin: 0;
}
.dh-score__empty-sub strong {
  color: #0f172a;
}
.dh-score__empty-bar {
  width: 100%;
  max-width: 240px;
  height: 6px;
  border-radius: 999px;
  background: #eef1f6;
  overflow: hidden;
}
.dh-score__empty-bar > span {
  display: block;
  height: 100%;
  min-width: 6px;
  background: #0f766e;
  border-radius: 999px;
  transition: width 0.35s ease;
}
.dh-score__empty-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 2px;
  flex-wrap: wrap;
}
.dh-score__empty-cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 9px;
  background: #0f172a;
  color: #fff;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
  text-decoration: none;
}
.dh-score__empty-cta:hover {
  background: rgb(25.7368421053, 39.4631578947, 72.0631578947);
  color: #fff;
  text-decoration: none;
}
.dh-score__empty-cta:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.dh-kpi__value {
  font-size: calc(var(--edc-fs-display) * 40 / 24);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #0f172a;
}
.dh-kpi__value .fa-check {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
}
.dh-kpi__value--good {
  color: #15803d;
}
.dh-kpi__value--warn {
  color: #b45309;
}
.dh-kpi__value--bad {
  color: #dc2626;
}

.dh-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  background: #ffffff;
  color: #475569;
  text-decoration: none;
  transition: background 120ms ease, color 120ms ease, border-color 120ms ease;
}
.dh-icon-btn i {
  font-size: var(--edc-fs-secondary);
}
.dh-icon-btn:hover, .dh-icon-btn:focus-visible {
  background: #f8fafc;
  color: #0f172a;
  border-color: #94a3b8;
  text-decoration: none;
}
.dh-icon-btn:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.dh-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.dh-chip--measured {
  background: #dbeafe;
  color: #1d4ed8;
}
.dh-chip--not_enough_data {
  background: #fef3c7;
  color: #b45309;
}
.dh-chip--empty {
  background: #f1f5f9;
  color: #475569;
}

.dh-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}
.dh-btn:hover {
  text-decoration: none;
}
.dh-btn--primary {
  background: #0f172a;
  color: #ffffff;
}
.dh-btn--primary:hover {
  background: rgb(25.7368421053, 39.4631578947, 72.0631578947);
  color: #ffffff;
}
.dh-btn--ghost {
  background: transparent;
  color: #475569;
  border-color: #eef2f7;
}
.dh-btn--ghost:hover {
  color: #0f172a;
  border-color: #475569;
}
.dh-btn--sm {
  padding: 6px 14px;
  font-size: var(--edc-fs-secondary);
}

.dh-themes-list {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  margin: 0 -8px -8px;
}
.dh-themes-list > .insight-mount {
  display: block;
}
.dh-themes-list > .insight-mount + .insight-mount {
  border-top: 1px solid #eef2f7;
}
.dh-themes-list .insight-loading,
.dh-themes-list .insight-error {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 0 8px;
}

.dh-scanners {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 1199px) {
  .dh-scanners {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .dh-scanners {
    grid-template-columns: 1fr;
  }
}

.dh-scanner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 22px;
  background: #ffffff;
  border: 1px solid #eef2f7;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.04);
  text-decoration: none;
  color: #0f172a;
  min-width: 0;
  transition: box-shadow 160ms ease, border-color 160ms ease;
}
.dh-scanner:hover, .dh-scanner:focus-visible {
  box-shadow: 0 4px 8px rgba(15, 23, 42, 0.06), 0 16px 40px rgba(15, 23, 42, 0.08);
  border-color: var(--dh-scanner-accent, #2563eb);
  color: #0f172a;
  text-decoration: none;
}
.dh-scanner:hover .dh-scanner__go, .dh-scanner:focus-visible .dh-scanner__go {
  color: var(--dh-scanner-ink, #0f172a);
  transform: translateX(2px);
}
.dh-scanner:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.dh-scanner--integrity {
  --dh-scanner-accent: #d97706;
  --dh-scanner-ink: #92400e;
}
.dh-scanner--duplicates {
  --dh-scanner-accent: #7c3aed;
  --dh-scanner-ink: #5b21b6;
}
.dh-scanner--audience {
  --dh-scanner-accent: #059669;
  --dh-scanner-ink: #065f46;
}
.dh-scanner--stale {
  --dh-scanner-accent: #0284c7;
  --dh-scanner-ink: #075985;
}
.dh-scanner__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.dh-scanner__icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--dh-scanner-accent, #2563eb) 12%, transparent);
  color: var(--dh-scanner-ink, #2563eb);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  flex-shrink: 0;
}
.dh-scanner__go {
  font-size: var(--edc-fs-body);
  color: #475569;
  transition: color 160ms ease, transform 160ms ease;
}
.dh-scanner__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.01em;
}
.dh-scanner__sub {
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #475569;
  margin: 0;
}
.dh-scanner__stats {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
}
.dh-scanner__stat {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
}
.dh-scanner__stat--accent {
  padding: 3px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--dh-scanner-accent, #2563eb) 12%, transparent);
  color: var(--dh-scanner-ink, #2563eb);
}
.dh-scanner__stat--good {
  padding: 3px 10px;
  border-radius: 999px;
  background: #dcfce7;
  color: #15803d;
}
.dh-scanner__stat--good i {
  margin-right: 3px;
}
.dh-scanner__stat--muted {
  font-weight: 500;
}

.dh-trends .insight-mount, .dh-trends .insight {
  display: block;
  width: 100%;
}
.dh-trends .insight-milestone-strip {
  border: 0;
  background: none;
  padding: 0;
  border-radius: 0;
}
.dh-trends .insight-milestone-strip__title {
  display: none;
}

.dh-import {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1 1 auto;
}
.dh-import__icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: rgba(13, 148, 136, 0.12);
  color: #0f766e;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  flex-shrink: 0;
}
.dh-import__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  margin-top: auto;
}
.dh-import__stat {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
}
.dh-import__stat--accent {
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(13, 148, 136, 0.12);
  color: #0f766e;
}
.dh-import__stat--muted {
  font-weight: 500;
}

.dh-scan-list {
  list-style: none;
  padding: 0;
  margin: -4px 0 0;
}
.dh-scan-list__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 2px 12px;
  padding: 10px 0;
  border-top: 1px solid #eef2f7;
}
.dh-scan-list__item:first-child {
  border-top: 0;
}
.dh-scan-list__link {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #0f172a;
  text-decoration: none;
}
.dh-scan-list__link:hover, .dh-scan-list__link:focus-visible {
  color: #2563eb;
}
.dh-scan-list__meta {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.dh-capture-form {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dh-capture-form__input {
  border: 1px solid #eef2f7;
  border-radius: 12px;
  padding: 6px 12px;
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
  background: #ffffff;
  min-width: 180px;
}
.dh-capture-form__input:focus {
  outline: 2px solid rgba(37, 99, 235, 0.3);
  outline-offset: 1px;
}

.data-health-formula {
  max-width: 800px;
}
.data-health-formula__cta {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin: 18px 0 8px;
  padding: 14px 18px;
  background: #dbeafe;
  border-radius: 12px;
}
.data-health-formula__cta .btn {
  white-space: nowrap;
}
.data-health-formula__cta .text-muted {
  max-width: 60ch;
}
.data-health-formula__live {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 16px 0;
  padding: 14px 18px;
  background: #f8fafc;
  border-radius: 12px;
}
.data-health-formula__live-num {
  font-size: calc(var(--edc-fs-display) * 56 / 24);
  font-weight: 800;
  color: #0f172a;
  line-height: 1;
}
.data-health-formula__live-pct {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  color: #475569;
  font-weight: 500;
}
.data-health-formula__live-label {
  font-size: var(--edc-fs-body);
  color: #475569;
}
.data-health-formula__breakdown {
  margin: 16px 0;
}
.data-health-formula__pre {
  background: #0f172a;
  color: #f8fafc;
  padding: 16px;
  border-radius: 6px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  overflow-x: auto;
}
.data-health-formula__states dt {
  font-weight: 600;
  margin-top: 12px;
}
.data-health-formula__states dd {
  color: #475569;
  margin-left: 0;
}

.data-health-timeline__table {
  margin-top: 12px;
}
.data-health-timeline__notes {
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
}

.dh-cleanup-delta {
  padding: 18px 20px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  border-radius: 12px;
}
.dh-cleanup-delta__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 6px;
  letter-spacing: -0.01em;
}
.dh-cleanup-delta__lede {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0 0 14px;
}
.dh-cleanup-delta__lede strong {
  color: #0f172a;
}
.dh-cleanup-delta__metrics {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
}
.dh-cleanup-delta__metric {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 160px;
}
.dh-cleanup-delta__label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  color: #475569;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.dh-cleanup-delta__value {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  line-height: 1.1;
  font-feature-settings: "tnum";
}
.dh-cleanup-delta__value--good {
  color: #16a34a;
}
.dh-cleanup-delta__value--neutral {
  color: #475569;
}
.dh-cleanup-delta__value--ink {
  color: #0f172a;
}
.dh-cleanup-delta__caption {
  font-size: var(--edc-fs-label);
  color: #94a3b8;
}

/* ── The pillars page: the simple face of the score ── */
.dh-pillars {
  max-width: 760px;
  margin: 0 auto;
  padding: 8px 16px 40px;
}

.dh-pillars__back {
  margin-bottom: 14px;
  font-size: var(--edc-fs-secondary);
}

.dh-pillars__head {
  text-align: center;
  margin-bottom: 26px;
}

.dh-pillars__title {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  color: #101828;
  margin-bottom: 6px;
}

.dh-pillars__lede {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #475467;
  max-width: 460px;
  margin: 0 auto;
}

.dh-pillars__score {
  margin: 18px 0 0;
}

.dh-pillars__score-num {
  font-size: calc(var(--edc-fs-display) * 44 / 24);
  font-weight: 800;
  color: #101828;
  letter-spacing: -0.02em;
}

.dh-pillars__score-of {
  font-size: var(--edc-fs-body);
  color: #667085;
  margin-left: 6px;
}

.dh-pillars__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.dh-pillar {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 14px;
  padding: 18px 20px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.dh-pillar__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef2ff;
  color: #3538cd;
  font-size: var(--edc-fs-title);
}

.dh-pillar__body {
  flex: 1 1 auto;
  min-width: 0;
}

.dh-pillar__name {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #101828;
  margin: 0 0 2px;
}

.dh-pillar__question {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #475467;
  margin: 0;
}

.dh-pillar__grade {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  padding: 7px 14px;
  border-radius: 999px;
}

.dh-pillar--great .dh-pillar__grade {
  background: #ecfdf3;
  color: #067647;
}

.dh-pillar--good .dh-pillar__grade {
  background: #ecfdf3;
  color: #067647;
}

.dh-pillar--ok .dh-pillar__grade {
  background: #eff8ff;
  color: #175cd3;
}

.dh-pillar--warn .dh-pillar__grade {
  background: #fffaeb;
  color: #93370d;
}

.dh-pillar--focus .dh-pillar__grade {
  background: #fef3f2;
  color: #b42318;
}

.dh-pillar--quiet .dh-pillar__grade {
  background: #f2f4f7;
  color: #475467;
}

.dh-pillars__foot {
  text-align: center;
  margin-top: 28px;
}

.dh-pillars__foot-note {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #475467;
  margin-bottom: 10px;
}

.dh-pillars__foot-links {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

/* ── Data Health header band: deliberate padding, one left edge shared
   with the page content below (owner: "looks dropped in") ── */
.dh-page-tabs {
  /* No stroke may touch the active pill — owner standing rule (asked across
     many sessions). Separation is spacing, never a border. Do not reintroduce
     a border-bottom here. The 10px of bottom padding IS the separation: the
     white band simply ends and the grey page body begins. */
  padding: 20px 32px 12px !important;
  border-bottom: 0;
  /* The grey gap keeps the theme's `.panel` shadow (0 1px 1px) on whatever
     follows from reading as a second hairline under the pills. */
  margin-bottom: 12px;
}

.dh-page-tabs .pageTitle {
  margin-bottom: 10px;
}

.dh-page-tabs .pageTitle h2 {
  padding-bottom: 0;
  margin-bottom: 0;
}

.dh-page-tabs .btmLineLinks .nav {
  margin-bottom: 0;
}

/* layout.css hides the .horizontal-scroll scrollbar on WebKit only; Firefox
   would paint a track directly under the pills once the strip overflows. */
.dh-page-tabs .btmLineLinks .horizontal-scroll {
  scrollbar-width: none;
}

/* Page intro (per-tab title + blurb) aligns to the SAME 32px left edge
   as the header band and the panel body. */
.data-health-page > .panel-heading {
  padding: 26px 32px 4px !important;
}

.data-health-page > .panel-heading .tableTitle h2 {
  margin-bottom: 4px;
}

.rec-insight__mark {
  display: inline-block;
  font-size: var(--edc-fs-title);
  line-height: 1;
  color: #8b5cf6;
  flex: 0 0 auto;
}

.rec-insight {
  max-width: 1180px;
  margin: 0 auto;
  padding: 8px 4px 32px;
}

.rec-insight__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 24px;
  margin-bottom: 8px;
}

.rec-insight__title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.rec-insight__mark {
  width: 22px;
  height: 22px;
}

.rec-insight__eyebrow {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4b5563;
}

.rec-insight__name {
  margin: 0;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  line-height: 1.2;
  color: #1f2430;
  text-shadow: none;
}

.rec-insight__doors {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rec-insight--pane {
  max-width: none;
  margin: 0;
  padding: 0;
}

.rec-insight--pane .rec-insight__name {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}

.rec-insight__lede {
  max-width: 78ch;
  margin: 0 0 20px;
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  color: #4b5563;
}

.rec-insight__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
@media (max-width: 991px) {
  .rec-insight__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.rec-insight__card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 16px 18px 18px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  margin: 0;
  height: auto;
}
.rec-insight__card > .insight-mount {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.rec-insight__card > .insight-mount > .insight {
  flex: 1 1 auto;
}

.rec-insight__grid--figures {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .rec-insight__grid--figures {
    grid-template-columns: minmax(0, 1fr);
  }
}

.rec-insight__card--wide {
  grid-column: 1/-1;
}

.rec-insight__card-title {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  line-height: 1.3;
  color: #1f2430;
  text-shadow: none;
}

.rec-insight__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rec-insight__row {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 0;
  border-top: 1px solid #e5e7eb;
}
.rec-insight__row:first-child {
  border-top: 0;
  padding-top: 0;
}

.rec-insight__row-title {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #1f2430;
}

.rec-insight__row-meta {
  font-size: var(--edc-fs-label);
  line-height: 1.5;
  color: #4b5563;
}

.rec-insight .insight-evidence__title {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
}

.rec-insight .insight-evidence__detail {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #374151;
}

.rec-insight .insight-evidence__meta {
  font-size: var(--edc-fs-label);
  line-height: 1.5;
  color: #4b5563;
}

.rec-insight .insight-evidence__empty {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}

.rec-insight .insight-evidence__group-label {
  font-size: var(--edc-fs-label);
}

.rec-insight .insight-metric-tile__label,
.rec-insight .insight-metric-tile__delta {
  font-size: var(--edc-fs-secondary);
}

.rec-insight__grid:not(.rec-insight__grid--figures) {
  display: block;
  -moz-columns: 2 340px;
       columns: 2 340px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.rec-insight__grid:not(.rec-insight__grid--figures) > .rec-insight__card {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin: 0 0 16px;
}
.rec-insight__grid:not(.rec-insight__grid--figures) > .rec-insight__card--wide {
  -moz-column-span: all;
       column-span: all;
}

.rec-insight__card .insight-metric-tile {
  border: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  min-height: 0;
}
.rec-insight__card .insight-metric-tile:hover {
  background: none;
  box-shadow: none;
  transform: none;
}

.cloud-backups-page {
  max-width: 1100px;
  margin: 24px auto;
  padding: 0 20px;
}

.cloud-backups-page__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e7eb;
}

.cloud-backups-page__title {
  font-size: var(--edc-fs-display);
  font-weight: 600;
  margin: 0 0 4px;
  color: #1f2937;
}
.cloud-backups-page__title i {
  color: #193f87;
  margin-right: 8px;
}

.cloud-backups-page__lede {
  margin: 0;
  color: #4b5563;
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  max-width: 720px;
}

.cloud-backups-page__actions {
  flex: 0 0 auto;
}

.cloud-backups-empty {
  text-align: center;
  padding: 60px 20px;
  background: #f9fafb;
  border-radius: 12px;
  border: 1px dashed #d1d5db;
}

.cloud-backups-empty__icon {
  font-size: calc(var(--edc-fs-display) * 48 / 24);
  color: #9ca3af;
  margin-bottom: 16px;
}

.cloud-backups-empty__title {
  font-size: var(--edc-fs-title);
  margin: 0 0 8px;
  color: #1f2937;
}

.cloud-backups-empty__text {
  color: var(--edc-text-muted-words, #6b7280);
  font-size: var(--edc-fs-body);
  max-width: 460px;
  margin: 0 auto 20px;
  line-height: 1.55;
}

.cloud-backups-list {
  display: grid;
  gap: 16px;
}

.cloud-backups-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 20px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.cloud-backups-card:hover {
  border-color: #c7d2fe;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.cloud-backups-card__header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.cloud-backups-card__title-group {
  min-width: 0;
}

.cloud-backups-card__title {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 4px;
}

.cloud-backups-card__provider {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: var(--edc-fs-secondary);
}
.cloud-backups-card__provider i {
  font-size: var(--edc-fs-body);
}

.cloud-backups-card__path {
  background: #f3f4f6;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: var(--edc-fs-label);
}

.cloud-backups-card__status {
  flex: 0 0 auto;
}

.cloud-backups-card__meta {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 16px 0;
  padding: 12px;
  background: #f9fafb;
  border-radius: 6px;
}
@media (max-width: 720px) {
  .cloud-backups-card__meta {
    grid-template-columns: repeat(2, 1fr);
  }
}

.cloud-backups-card__meta-item dt {
  font-size: var(--edc-fs-eyebrow);
  text-transform: uppercase;
  color: #9ca3af;
  margin-bottom: 2px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.cloud-backups-card__meta-item dd {
  font-size: var(--edc-fs-secondary);
  color: #1f2937;
  margin: 0;
}

.cloud-backups-card__error {
  background: #fef2f2;
  border-left: 3px solid #ef4444;
  padding: 10px 12px;
  border-radius: 4px;
  color: #991b1b;
  font-size: var(--edc-fs-secondary);
  margin-bottom: 12px;
}
.cloud-backups-card__error i {
  color: #ef4444;
  margin-right: 6px;
}

.cloud-backups-card__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.cloud-backups-card__remove {
  margin-left: auto;
  color: #b91c1c;
}

.cloud-backups-encryption-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  background: #f3f4f6;
  color: #4b5563;
}
.cloud-backups-encryption-pill.is-plain {
  background: #fef3c7;
  color: #92400e;
}
.cloud-backups-encryption-pill.is-obfuscated {
  background: #dbeafe;
  color: #1e3a8a;
}
.cloud-backups-encryption-pill.is-passphrase {
  background: #d1fae5;
  color: #065f46;
}

.cloud-backups-history {
  margin-top: 32px;
}

.cloud-backups-history__title {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  margin: 0 0 12px;
  color: #1f2937;
}

.cloud-backups-history__table {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.cloud-backups-history__table th {
  background: #f9fafb;
  color: var(--edc-text-muted-words, #6b7280);
  font-size: var(--edc-fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.cloud-backups-form {
  max-width: 800px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 28px;
}

.cloud-backups-form__section {
  border: 0;
  padding: 0;
  margin: 0 0 28px;
}
.cloud-backups-form__section legend {
  width: auto;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2937;
  border: 0;
  margin-bottom: 12px;
  padding: 0;
}
.cloud-backups-form__section + .cloud-backups-form__section {
  padding-top: 24px;
  border-top: 1px solid #f3f4f6;
}

.cloud-backups-form__radio-group {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.cloud-backups-form__radio-card {
  display: flex;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
  margin: 0;
}
.cloud-backups-form__radio-card:hover {
  border-color: #c7d2fe;
}
.cloud-backups-form__radio-card.is-selected {
  border-color: #4f46e5;
  background: #eef2ff;
}
.cloud-backups-form__radio-card:focus-within {
  outline: 2px solid #4f46e5;
  outline-offset: 2px;
}

.cloud-backups-form__radio-input {
  margin-top: 4px;
  flex: 0 0 auto;
}

.cloud-backups-form__radio-content {
  flex: 1;
}

.cloud-backups-form__radio-title {
  display: block;
  font-weight: 600;
  color: #1f2937;
  font-size: var(--edc-fs-body);
  margin-bottom: 2px;
}

.cloud-backups-form__radio-body {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  line-height: 1.5;
}

.cloud-backups-form__passphrase-section {
  margin-top: 16px;
  padding: 16px;
  background: #f9fafb;
  border-radius: 8px;
  border-left: 3px solid #f59e0b;
}

.cloud-backups-form__footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 20px;
  border-top: 1px solid #f3f4f6;
}

.cloud-backups-page :focus-visible {
  outline: 2px solid #4f46e5;
  outline-offset: 2px;
}

.cloud-restore-steps {
  list-style: none;
  margin: 16px 0;
  padding: 12px 16px;
  background: #f9fafb;
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  font-size: var(--edc-fs-secondary);
}

.cloud-restore-steps__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #9ca3af;
  transition: color 0.2s ease;
}
.cloud-restore-steps__item i {
  font-size: var(--edc-fs-body);
}
.cloud-restore-steps__item.is-pending {
  color: #9ca3af;
}
.cloud-restore-steps__item.is-current {
  color: #4f46e5;
  font-weight: 600;
}
.cloud-restore-steps__item.is-done {
  color: #15803d;
}
.cloud-restore-steps__item.is-failed {
  color: #b91c1c;
  font-weight: 600;
}

.adm-dashboard {
  --adm-bg: #f7f8fb;
  --adm-card-bg: #ffffff;
  --adm-border: #e2e6ee;
  --adm-border-soft: #eef0f5;
  --adm-text: #1f2433;
  --adm-text-muted: #5b6478;
  --adm-text-faint: #8b94a7;
  --adm-accent: #2c4274;
  --adm-accent-soft: #eef2fb;
  --adm-warn: #b04a05;
  --adm-warn-bg: #fff7ed;
  --adm-warn-border: #f6c895;
  --adm-info: #1f4e79;
  --adm-info-bg: #eef5fc;
  --adm-info-border: #b9d4ec;
  --adm-ok: #166534;
  --adm-ok-bg: #ecfdf5;
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 32px 48px;
  color: var(--adm-text);
  overflow-x: hidden;
  background: var(--adm-bg);
}
@media (max-width: 768px) {
  .adm-dashboard {
    padding: 16px;
  }
}

body:has(.adm-dashboard) {
  background: #f7f8fb;
}

.adm-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--adm-border-soft);
}
@media (max-width: 768px) {
  .adm-header {
    flex-direction: column;
    align-items: stretch;
  }
}

.adm-header__copy {
  flex: 1 1 auto;
  min-width: 0;
}

.adm-header__title {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 600;
  margin: 0 0 6px;
  line-height: 1.2;
  color: var(--adm-text);
}

.adm-header__subtitle {
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  color: var(--adm-text-muted);
  margin: 0;
  line-height: 1.45;
}

.adm-header__search {
  flex: 0 0 auto;
}

.adm-search-trigger {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  padding: 9px 14px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: var(--adm-text-muted);
  cursor: pointer;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.adm-search-trigger:hover, .adm-search-trigger:focus-visible {
  border-color: var(--adm-accent);
  color: var(--adm-text);
  outline: none;
  box-shadow: 0 0 0 3px var(--adm-accent-soft);
}
.adm-search-trigger i {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-faint);
}
.adm-search-trigger span {
  line-height: 1;
}

.adm-search-trigger__kbd {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: var(--edc-fs-eyebrow);
  color: var(--adm-text-muted, #475467);
  background: var(--adm-bg);
  border: 1px solid var(--adm-border-soft);
  border-radius: 4px;
  padding: 2px 6px;
  line-height: 1;
}

.adm-status {
  margin-bottom: 32px;
}

.adm-section-heading {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.adm-section-heading--alert {
  color: var(--adm-warn);
}
.adm-section-heading--alert i {
  font-size: var(--edc-fs-body);
}

.adm-status__row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 1024px) {
  .adm-status__row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .adm-status__row {
    grid-template-columns: 1fr;
  }
}

.adm-status-card {
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-left: 4px solid var(--adm-text-faint);
  border-radius: 10px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  animation: adm-fade-in 320ms ease-out backwards;
  animation-delay: var(--stagger, 0ms);
}
.adm-status-card--warn {
  border-left-color: var(--adm-warn);
  background: var(--adm-warn-bg);
  border-color: var(--adm-warn-border);
}
.adm-status-card--info {
  border-left-color: var(--adm-info);
  background: var(--adm-info-bg);
  border-color: var(--adm-info-border);
}
.adm-status-card--overflow {
  background: var(--adm-bg);
  align-items: center;
  justify-content: center;
  border-style: dashed;
  color: var(--adm-text-muted);
}

.adm-status-card__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

.adm-status-card__body {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  margin: 0;
  color: var(--adm-text-muted);
  line-height: 1.45;
}

.adm-status-card__action {
  align-self: flex-start;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 500;
  color: var(--adm-accent);
  text-decoration: none;
  margin-top: 4px;
}
.adm-status-card__action:hover, .adm-status-card__action:focus-visible {
  text-decoration: underline;
  outline: 2px solid var(--adm-accent-soft);
  outline-offset: 2px;
  border-radius: 3px;
}

@keyframes adm-fade-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .adm-status-card {
    animation: none;
  }
}
.adm-section {
  margin-bottom: 32px;
}

.adm-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 900px) {
  .adm-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .adm-card-grid {
    grid-template-columns: 1fr;
  }
}

.adm-card {
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--adm-text);
  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
  min-width: 0;
}
.adm-card:hover, .adm-card:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(20, 28, 56, 0.08);
  border-color: var(--adm-accent);
  outline: none;
}
.adm-card:focus-visible {
  box-shadow: 0 0 0 3px var(--adm-accent-soft), 0 4px 14px rgba(20, 28, 56, 0.08);
}

.adm-card--disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  .adm-card:hover, .adm-card:focus-visible {
    transform: none;
  }
}
.adm-card__icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: var(--adm-accent-soft);
  color: var(--adm-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-body);
}

.adm-card__body {
  flex: 1 1 auto;
  min-width: 0;
}

.adm-card__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
  color: var(--adm-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.adm-card__stat {
  font-size: var(--edc-fs-label);
  margin: 2px 0 0;
  color: var(--adm-text-muted);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adm-card__stat--ok {
  color: var(--adm-ok);
}
.adm-card__stat--warn {
  color: var(--adm-warn);
}

.adm-search-overlay {
  border: none;
  border-radius: 12px;
  padding: 0;
  width: min(560px, 92vw);
  max-height: 70vh;
  background: var(--adm-card-bg);
  box-shadow: 0 16px 48px rgba(20, 28, 56, 0.18);
  overflow: hidden;
}
.adm-search-overlay::backdrop {
  background: rgba(20, 28, 56, 0.32);
}

.adm-search-overlay__form {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--adm-border-soft);
}

.adm-search-overlay__input {
  flex: 1 1 auto;
  border: none;
  outline: none;
  font-size: var(--edc-fs-heading);
  padding: 8px 4px;
  background: transparent;
  color: var(--adm-text);
}
.adm-search-overlay__input::-moz-placeholder {
  color: var(--adm-text-faint);
}
.adm-search-overlay__input::placeholder {
  color: var(--adm-text-faint);
}

.adm-search-overlay__close {
  background: transparent;
  border: none;
  color: var(--adm-text-faint);
  padding: 6px;
  border-radius: 6px;
  cursor: pointer;
}
.adm-search-overlay__close:hover, .adm-search-overlay__close:focus-visible {
  background: var(--adm-bg);
  color: var(--adm-text);
  outline: none;
}

.adm-search-overlay__results {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  max-height: calc(70vh - 60px);
  overflow-y: auto;
}

.adm-search-overlay__result {
  padding: 10px 16px;
  cursor: pointer;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  color: var(--adm-text);
}
.adm-search-overlay__result.is-active {
  background: var(--adm-accent-soft);
  color: var(--adm-accent);
}
.adm-search-overlay__result.is-disabled {
  color: var(--adm-text-faint);
  cursor: not-allowed;
}

.adm-page {
  --adm-bg: #f7f8fb;
  --adm-card-bg: #ffffff;
  --adm-border: #e2e6ee;
  --adm-border-soft: #eef0f5;
  --adm-text: #1f2433;
  --adm-text-muted: #5b6478;
  --adm-text-faint: #8b94a7;
  --adm-accent: #2563eb;
  --adm-accent-hover: #1d4ed8;
  --adm-accent-soft: #eaf1ff;
  --adm-ok: #15803d;
  --adm-warn: #b45309;
  --adm-info: #1d5fa8;
  --adm-danger: #b42318;
  margin: 0;
  padding: 22px 0 56px;
  color: var(--adm-text);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body:has(.adm-page) {
  background: #f7f8fb;
}

.adm-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.adm-page__heading {
  display: flex;
  align-items: center;
  gap: 14px;
}

.adm-page__heading-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--adm-accent-soft);
  color: var(--adm-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-title);
}

.adm-page__title {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.01em;
}

.adm-page__subtitle {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: var(--adm-text-muted);
  margin: 2px 0 0;
}

.adm-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.adm-field > label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-faint);
  margin: 0;
}

.adm-field input,
.adm-field select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 38px;
  min-width: 180px;
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  background: var(--adm-card-bg);
  padding: 0 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: var(--adm-text);
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.adm-field input::-moz-placeholder, .adm-field select::-moz-placeholder {
  color: var(--adm-text-faint);
}
.adm-field input::placeholder,
.adm-field select::placeholder {
  color: var(--adm-text-faint);
}
.adm-field input:hover,
.adm-field select:hover {
  border-color: #cfd5e2;
}
.adm-field input:focus, .adm-field input:focus-visible,
.adm-field select:focus,
.adm-field select:focus-visible {
  outline: none;
  border-color: var(--adm-accent);
  box-shadow: 0 0 0 3px var(--adm-accent-soft);
}

.adm-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b94a7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11px center;
  padding-right: 32px;
}

.adm-filter-count {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0 0 10px;
}

.is-live-filtering {
  opacity: 0.55;
  transition: opacity 0.12s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .is-live-filtering {
    transition: none;
  }
}
[data-live-filter-submit][hidden] {
  display: none !important;
}

.adm-filter-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.adm-filter-inline .form-control,
.adm-filter-inline select.form-control {
  width: auto;
  min-width: 190px;
  flex: 0 1 auto;
}
.adm-filter-inline input[type=search],
.adm-filter-inline input[type=text] {
  min-width: 240px;
}

.adm-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 15px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 500;
  line-height: 1;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease, color 150ms ease;
}
.adm-btn i {
  font-size: var(--edc-fs-secondary);
}
.adm-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--adm-accent-soft);
}

.adm-btn--primary {
  background: var(--adm-accent);
  color: #fff;
  border-color: var(--adm-accent);
}
.adm-btn--primary:hover {
  background: var(--adm-accent-hover);
  border-color: var(--adm-accent-hover);
}

.adm-btn--secondary {
  background: var(--adm-card-bg);
  color: var(--adm-text);
  border-color: var(--adm-border);
}
.adm-btn--secondary i {
  color: var(--adm-text-faint);
}
.adm-btn--secondary:hover {
  border-color: var(--adm-accent);
  color: var(--adm-accent);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(20, 28, 56, 0.08);
}
.adm-btn--secondary:hover i {
  color: var(--adm-accent);
}

.adm-btn--quiet {
  background: transparent;
  color: var(--adm-accent);
  border-color: transparent;
  font-weight: 500;
  padding: 0 12px;
}
.adm-btn--quiet:hover {
  background: var(--adm-accent-soft);
}

.adm-btn--sm {
  height: 34px;
  padding: 0 12px;
  font-size: var(--edc-fs-secondary);
}

.adm-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .adm-btn--secondary:hover {
    transform: none;
  }
}
.adm-table-card {
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(20, 28, 56, 0.04);
  overflow: hidden;
}

.adm-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.adm-table th, .adm-table td {
  vertical-align: middle;
}
.adm-table th > *, .adm-table td > * {
  vertical-align: middle;
}
.adm-table thead th {
  text-align: left;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  padding: 12px 18px;
  border-bottom: 1px solid var(--adm-border);
  background: #fbfcfe;
  white-space: nowrap;
}
.adm-table tbody td, .adm-table tbody th {
  padding: 12px 18px;
  border-bottom: 1px solid var(--adm-border-soft);
  color: var(--adm-text);
  font-weight: 400;
}
.adm-table tbody tr:last-child td, .adm-table tbody tr:last-child th {
  border-bottom: none;
}
.adm-table tbody tr {
  transition: background-color 120ms ease;
}
.adm-table tbody tr:hover {
  background: #fafbff;
}

.adm-table__actions {
  text-align: right;
  white-space: nowrap;
}

.adm-row-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.adm-badge {
  white-space: nowrap;
}

.adm-badge {
  display: inline-flex;
  align-items: center;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 600;
  line-height: 1;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid transparent;
}

.adm-badge--neutral {
  background: #f1f3f8;
  color: var(--adm-text-muted);
  border-color: #e3e7f0;
}

.adm-badge--enterprise {
  background: #e8f8ef;
  color: #15803d;
  border-color: #b7e6c7;
}

.adm-badge--ok {
  background: #e8f8ef;
  color: var(--adm-ok);
  border-color: #b7e6c7;
}

.adm-badge--warn {
  background: #fff4e2;
  color: var(--adm-warn);
  border-color: #f3d79a;
}

.adm-badge--danger {
  background: #fdeceb;
  color: var(--adm-danger);
  border-color: #f3c0bd;
}

.adm-badge--info {
  background: #e7f0fe;
  color: var(--adm-info);
  border-color: #c3d9f6;
}

.adm-pkgs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px;
}

.adm-pkg {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: var(--adm-text-muted);
  background: var(--adm-bg);
  border: 1px solid var(--adm-border-soft);
  border-radius: 5px;
  padding: 3px 7px;
  line-height: 1.3;
}

.adm-status {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: var(--adm-text-muted);
}

.adm-status__dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--adm-text-faint);
  vertical-align: middle;
  margin-right: 7px;
  position: relative;
  top: -1px;
}

.adm-status--active {
  color: var(--adm-ok);
}
.adm-status--active .adm-status__dot {
  background: #16a34a;
}

.adm-status--test {
  color: var(--adm-warn);
}
.adm-status--test .adm-status__dot {
  background: #ea9217;
}

.adm-status--demo {
  color: var(--adm-info);
}
.adm-status--demo .adm-status__dot {
  background: #2f7fc8;
}

.adm-status--inactive {
  color: var(--adm-text-faint);
}
.adm-status--inactive .adm-status__dot {
  background: #b3bacb;
}

.adm-tag {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: var(--adm-text-muted);
  text-transform: capitalize;
}

.adm-muted {
  color: var(--adm-text-faint);
}

.adm-panel {
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(20, 28, 56, 0.04);
  padding: 16px 18px;
}
.adm-panel__title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.adm-panel__foot {
  font-size: var(--edc-fs-label);
  color: var(--adm-text-faint);
  margin: 10px 0 0;
}

.adm-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.adm-stat {
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-radius: 12px;
  padding: 14px 16px;
}
.adm-stat__label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-faint);
  margin-bottom: 6px;
}
.adm-stat__value {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.adm-stat__hint {
  font-size: var(--edc-fs-label);
  color: var(--adm-text-muted);
  margin-top: 4px;
}

.adm-banner {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  margin-bottom: 18px;
}
.adm-banner i {
  margin-top: 2px;
}
.adm-banner a {
  color: inherit;
  text-decoration: underline;
  font-weight: 600;
}
.adm-banner--info {
  background: #e7f0fe;
  border: 1px solid #c3d9f6;
  color: #1d4ed8;
}
.adm-banner--ok {
  background: #e8f8ef;
  border: 1px solid #b7e6c7;
  color: #1c5a3d;
}
.adm-banner--warn {
  background: #fff4e2;
  border: 1px solid #f3d79a;
  color: #7a4b09;
}
.adm-banner--danger {
  background: #fdeceb;
  border: 1px solid #f3c0bd;
  color: #b42318;
}

.adm-dash__kbd {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: var(--edc-fs-eyebrow);
  background: var(--adm-bg);
  border: 1px solid var(--adm-border);
  border-radius: 5px;
  padding: 2px 6px;
  margin-left: 6px;
  color: var(--adm-text-muted);
}
.adm-dash__attention {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 6px;
}
.adm-dash__alert {
  margin-bottom: 0;
  align-items: center;
}
.adm-dash__alert-text {
  flex: 1;
}
.adm-dash__alert-link {
  font-weight: 600;
  white-space: nowrap;
}
.adm-dash__band {
  margin-top: 26px;
}
.adm-dash__band-title {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  margin: 0 0 10px;
}
.adm-dash__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 12px;
}
.adm-dash__card {
  display: block;
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-radius: 12px;
  padding: 14px 16px;
  color: var(--adm-text);
  text-decoration: none;
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.adm-dash__card:hover {
  color: var(--adm-text);
  border-color: var(--adm-accent);
  box-shadow: 0 4px 14px rgba(20, 28, 56, 0.08);
  transform: translateY(-1px);
}
.adm-dash__card:hover .adm-dash__card-title {
  color: var(--adm-accent);
}
.adm-dash__card:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--adm-accent-soft);
}
.adm-dash__card-head {
  display: flex;
  align-items: center;
  gap: 9px;
}
.adm-dash__card-head i {
  color: var(--adm-text-faint);
  font-size: var(--edc-fs-body);
}
.adm-dash__card-title {
  font-weight: 600;
  font-size: var(--edc-fs-body);
  transition: color 150ms ease;
}
.adm-dash__card-stat {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  margin-top: 8px;
  font-variant-numeric: tabular-nums;
}
.adm-dash__card-hint {
  font-size: var(--edc-fs-label);
  color: var(--adm-text-muted);
  margin-top: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .adm-dash__card:hover {
    transform: none;
  }
}
.adm-palette {
  position: fixed;
  inset: 0;
  z-index: 1080;
}
.adm-palette__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 20, 34, 0.45);
}
.adm-palette__panel {
  position: relative;
  max-width: 560px;
  margin: 12vh auto 0;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(15, 20, 34, 0.35);
  overflow: hidden;
}
.adm-palette__input {
  width: 100%;
  border: none;
  outline: none;
  padding: 16px 18px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  border-bottom: 1px solid var(--adm-border, #e2e6ee);
}
.adm-palette__list {
  list-style: none;
  margin: 0;
  padding: 6px;
  max-height: 320px;
  overflow-y: auto;
}
.adm-palette__list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  cursor: pointer;
}
.adm-palette__list li.is-selected, .adm-palette__list li:hover {
  background: #eaf1ff;
}
.adm-palette__kind {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.5 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8b94a7;
  background: #f1f3f8;
  border-radius: 4px;
  padding: 2px 5px;
  flex: 0 0 auto;
}
.adm-palette__label {
  flex: 1 1 auto;
  min-width: 0;
}
.adm-palette__heading {
  flex: 0 0 auto;
  font-size: var(--edc-fs-secondary);
  color: #5b6478;
  white-space: nowrap;
}

.site-menubar .site-menu > .adm-menu-heading {
  padding: 18px 20px 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #cbd5e1;
  line-height: 1.4;
}

.adm-c360__back {
  margin-bottom: 10px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}
.adm-c360__back a {
  color: var(--adm-text-muted);
  text-decoration: none;
}
.adm-c360__back a:hover {
  color: var(--adm-accent);
}
.adm-c360__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.adm-c360__grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 14px;
  align-items: start;
}
@media (max-width: 991px) {
  .adm-c360__grid {
    grid-template-columns: 1fr;
  }
}
.adm-c360__card {
  margin-bottom: 14px;
}
.adm-c360__dl {
  margin: 0;
}
.adm-c360__dl > div {
  display: flex;
  gap: 14px;
  padding: 8px 0;
  border-bottom: 1px solid var(--adm-border-soft);
}
.adm-c360__dl > div:last-child {
  border-bottom: 0;
}
.adm-c360__dl dt {
  flex: 0 0 110px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--adm-text-muted);
  padding-top: 2px;
}
.adm-c360__dl dd {
  flex: 1;
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.adm-c360__mini-link {
  display: block;
  font-size: var(--edc-fs-label);
  margin-top: 4px;
}
.adm-c360__ops {
  display: flex;
  flex-direction: column;
}
.adm-c360__op {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 8px;
  border-radius: 8px;
  color: var(--adm-text);
  text-decoration: none;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.adm-c360__op i {
  color: var(--adm-text-faint);
  width: 18px;
  text-align: center;
}
.adm-c360__op span:first-of-type {
  flex: 1;
}
.adm-c360__op:hover {
  background: var(--adm-accent-soft);
  color: var(--adm-accent);
}
.adm-c360__op:hover i {
  color: var(--adm-accent);
}
.adm-c360__timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 520px;
  overflow-y: auto;
}
.adm-c360__event {
  display: flex;
  gap: 12px;
  padding: 9px 2px;
  border-bottom: 1px solid var(--adm-border-soft);
}
.adm-c360__event:last-child {
  border-bottom: 0;
}
.adm-c360__event-icon {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f3f8;
  color: var(--adm-text-muted);
  font-size: var(--edc-fs-label);
}
.adm-c360__event--danger .adm-c360__event-icon {
  background: #fdeceb;
  color: var(--adm-danger);
}
.adm-c360__event--ok .adm-c360__event-icon {
  background: #e8f8ef;
  color: var(--adm-ok);
}
.adm-c360__event-text {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.adm-c360__event-meta {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: var(--adm-text-faint);
  margin-top: 1px;
}

.adm-spend-panel {
  background: #fff;
  border: 1px solid #e2e6ee;
  border-radius: 12px;
  overflow: hidden;
}
.adm-spend-panel .panel-heading {
  padding: 14px 18px 0;
}
.adm-spend-panel .panel-body {
  padding: 14px 18px;
}

.adm-usagebar {
  display: inline-block;
  width: 90px;
  height: 7px;
  border-radius: 4px;
  background: var(--adm-border-soft);
  overflow: hidden;
  vertical-align: middle;
}
.adm-usagebar__fill {
  display: block;
  height: 100%;
  border-radius: 4px;
  background: var(--adm-accent);
}
.adm-usagebar__fill.is-warn {
  background: #ea9217;
}
.adm-usagebar__fill.is-danger {
  background: #dc2626;
}
.adm-usagebar__label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: var(--adm-text-muted);
  margin-left: 6px;
  font-variant-numeric: tabular-nums;
}

.adm-plans-total {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
}
.adm-plans-total__label {
  font-weight: 600;
  color: var(--adm-text);
}
.adm-plans-total__value {
  font-size: calc(var(--edc-fs-secondary) * 18 / 13);
  font-weight: 700;
  color: var(--adm-text);
  font-variant-numeric: tabular-nums;
}
.adm-plans-total__count {
  font-variant-numeric: tabular-nums;
}

.adm-plans__sort {
  color: inherit;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
}
.adm-plans__sort:hover, .adm-plans__sort:focus-visible {
  text-decoration-style: solid;
}
.adm-plans__sort[aria-current] {
  text-decoration-style: solid;
}
.adm-plans__bytes {
  display: block;
  margin-bottom: 3px;
  font-size: var(--edc-fs-secondary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.adm-plans__geo-nums {
  font-variant-numeric: tabular-nums;
  font-size: var(--edc-fs-secondary);
  margin-right: 8px;
}
.adm-plans__geo-form {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.adm-plans__geo-form input {
  width: 74px;
  height: 30px;
  border: 1px solid var(--adm-border);
  border-radius: 6px;
  padding: 0 8px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.adm-navbar-jump {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-right: 14px;
  padding: 5px 12px;
  border: 1px solid #d8dde8;
  border-radius: 7px;
  background: #f6f8fb;
  color: #5b6474;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.12s ease, color 0.12s ease;
}
.adm-navbar-jump:hover, .adm-navbar-jump:focus-visible {
  border-color: #2c4274;
  color: #2c4274;
}
.adm-navbar-jump kbd {
  padding: 2px 5px;
  border: 1px solid #d8dde8;
  border-radius: 4px;
  background: #fff;
  color: var(--adm-text-muted);
  font-size: var(--edc-fs-eyebrow);
  font-family: inherit;
}

.adm-filterchips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  border: 0;
  padding: 0;
  margin: 0;
}

.adm-filterchip {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.adm-filterchip input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.adm-filterchip__pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  border: 1px solid #d8dde8;
  border-radius: 999px;
  background: #fff;
  color: #5b6474;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  line-height: 1;
  transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;
}
.adm-filterchip__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #8b94a7;
}
.adm-filterchip.is-danger .adm-filterchip__dot {
  background: #dc2626;
}
.adm-filterchip.is-high .adm-filterchip__dot {
  background: #ea580c;
}
.adm-filterchip.is-warn .adm-filterchip__dot {
  background: #d97706;
}
.adm-filterchip input:checked + .adm-filterchip__pill {
  border-color: #2c4274;
  background: #eef2fa;
  color: #2c4274;
  font-weight: 600;
}
.adm-filterchip input:focus-visible + .adm-filterchip__pill {
  outline: 2px solid #2c4274;
  outline-offset: 2px;
}
.adm-filterchip:hover .adm-filterchip__pill {
  border-color: #b9c2d4;
}

.adm-root code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: var(--adm-text-muted);
  background: var(--adm-bg);
  border: 1px solid var(--adm-border-soft);
  border-radius: 5px;
  padding: 2px 6px;
}

.adm-jobs__group {
  margin-bottom: 18px;
}
.adm-jobs__group-title {
  margin: 0;
  padding: 12px 16px 10px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--adm-text-muted);
  border-bottom: 1px solid var(--adm-border);
}
.adm-jobs__group-count {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 8px;
  border-radius: 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  background: var(--adm-bg);
  color: var(--adm-text-muted);
}
.adm-jobs__table {
  table-layout: fixed;
}
.adm-jobs__table td {
  vertical-align: top;
}
.adm-jobs__cadence-col {
  width: 172px;
}
.adm-jobs__run-col {
  width: 36%;
}
.adm-jobs__job {
  padding-right: 18px;
}
.adm-jobs__description {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.45;
  color: var(--adm-text);
}
.adm-jobs__ident {
  margin-top: 4px;
  font-size: var(--edc-fs-label);
  color: var(--adm-text-muted);
}
.adm-jobs__ident code {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: inherit;
  background: transparent;
  padding: 0;
}
.adm-jobs__cadence {
  white-space: nowrap;
  font-size: var(--edc-fs-secondary);
}
.adm-jobs__cron {
  display: inline-block;
  margin-top: 3px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: var(--adm-text-muted);
  background: transparent;
  padding: 0;
}
.adm-jobs__run {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  line-height: 1.55;
}
.adm-jobs__run-line + .adm-jobs__run-line {
  margin-top: 3px;
}
.adm-jobs__label {
  color: var(--adm-text-muted);
}
.adm-jobs__sep {
  color: var(--adm-text-muted);
  margin: 0 4px;
}
.adm-jobs__cadence-inline {
  display: none;
  margin-top: 4px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: var(--adm-text-muted);
}

@media (max-width: 1100px) {
  .adm-jobs__cadence-col, .adm-jobs__cadence {
    display: none;
  }
  .adm-jobs__cadence-inline {
    display: block;
  }
  .adm-jobs__run-col {
    width: 42%;
  }
}
.adm-drift__table {
  table-layout: fixed;
}
.adm-drift__table td {
  vertical-align: top;
}
.adm-drift__col-status {
  width: 110px;
}
.adm-drift__col-label {
  width: 32%;
}
.adm-drift__run {
  display: inline-block;
  width: auto;
  margin: 0;
}
.adm-drift__task {
  margin-top: 4px;
  font-size: var(--edc-fs-label);
}
.adm-drift__task code {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: inherit;
  background: transparent;
  padding: 0;
  white-space: nowrap;
}
.adm-drift__report {
  overflow-wrap: anywhere;
}
.adm-drift__pre {
  margin: 0;
  white-space: pre-wrap;
  font-size: var(--edc-fs-label);
  line-height: 1.5;
  max-height: 320px;
  overflow: auto;
  color: var(--adm-text);
  background: var(--adm-bg);
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  padding: 10px 12px;
}
.adm-drift__error {
  color: var(--adm-danger);
  font-size: var(--edc-fs-secondary);
}

@media (max-width: 1100px) {
  .adm-drift__col-label {
    width: 38%;
  }
  .adm-drift__task code {
    white-space: normal;
  }
}
.adm-onb-page {
  max-width: 1240px;
}
.adm-onb-page h1, .adm-onb-page h2, .adm-onb-page h3, .adm-onb-page h4 {
  text-shadow: none;
}
.adm-onb-page .adm-stat__label {
  color: var(--adm-text-muted);
}
.adm-onb-page .adm-badge {
  gap: 6px;
}
.adm-onb-page a:focus-visible, .adm-onb-page button:focus-visible, .adm-onb-page input:focus-visible, .adm-onb-page select:focus-visible,
.adm-onb-page textarea:focus-visible, .adm-onb-page summary:focus-visible, .adm-onb-page [tabindex]:focus-visible {
  outline: 2px solid var(--adm-accent);
  outline-offset: 2px;
}

.adm-onb-back {
  margin-bottom: 12px;
  font-size: var(--edc-fs-secondary);
}
.adm-onb-back a {
  color: var(--adm-text-muted);
  text-decoration: none;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  min-height: 44px;
}
.adm-onb-back a:hover {
  color: var(--adm-accent);
}

.adm-onb-header {
  align-items: flex-start;
}

.adm-onb-header__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.adm-onb-asof {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin: 0 0 16px;
}

.adm-onb-quiet {
  color: var(--adm-text-muted);
  font-size: var(--edc-fs-secondary);
}

.adm-onb-quiet-block {
  color: var(--adm-text-muted);
  font-size: var(--edc-fs-secondary);
  margin: 0 0 12px;
  line-height: 1.5;
}

.adm-onb-quiet-block__lead {
  font-weight: 600;
  color: var(--adm-text);
}

.adm-onb-quiet-block--tight {
  margin-bottom: 4px;
}

.adm-onb-waitlist {
  margin: 0 0 12px;
  padding-left: 20px;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  line-height: 1.5;
}
.adm-onb-waitlist li + li {
  margin-top: 2px;
}

.adm-onb-body {
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  margin: 0 0 12px;
}

.adm-onb-help {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin: 4px 0 0;
  line-height: 1.45;
}

.adm-onb-optional {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: var(--adm-text-muted);
}

.adm-onb-link {
  color: var(--adm-accent);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.adm-onb-inline-form {
  display: inline;
  margin: 0;
}

.adm-onb-panel-lede {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin: 0 0 16px;
  line-height: 1.5;
}

.adm-onb-panel {
  margin-bottom: 24px;
  padding: 20px 22px;
}

.adm-onb-empty {
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-radius: 12px;
  padding: 48px 24px;
  text-align: center;
  margin-bottom: 24px;
}
.adm-onb-empty__icon {
  font-size: var(--edc-fs-display);
  color: var(--adm-accent);
  margin-bottom: 12px;
}
.adm-onb-empty__title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  margin: 0 0 8px;
}
.adm-onb-empty__text {
  font-size: var(--edc-fs-body);
  color: var(--adm-text-muted);
  max-width: 520px;
  margin: 0 auto 16px;
  line-height: 1.55;
}

.adm-onb-tiles {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 24px;
}

.adm-onb-tile {
  display: flex;
  flex-direction: column;
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-radius: 12px;
  padding: 16px;
  min-width: 0;
  min-height: 44px;
  color: var(--adm-text);
  text-decoration: none;
}
.adm-onb-tile__label {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  margin: 0 0 8px;
}
.adm-onb-tile__value {
  display: block;
  font-size: var(--edc-fs-display);
  font-weight: 700;
  line-height: 1.1;
  margin: 0;
  font-variant-numeric: tabular-nums;
}
.adm-onb-tile__hint {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin: 8px 0 0;
  line-height: 1.4;
}
.adm-onb-tile__hint .fa-circle-exclamation {
  color: var(--adm-warn);
  margin-right: 2px;
}

.adm-onb-tile--button {
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.adm-onb-tile--button:hover {
  border-color: var(--adm-accent);
  color: var(--adm-text);
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(31, 36, 51, 0.06);
}
.adm-onb-tile--button:focus-visible {
  outline: 2px solid var(--adm-accent);
  outline-offset: 2px;
}
.adm-onb-tile--button.is-current {
  background: var(--adm-accent-soft);
  border-color: var(--adm-accent);
  box-shadow: inset 0 0 0 1px var(--adm-accent);
}
.adm-onb-tile--button.is-current .adm-onb-tile__label {
  color: var(--adm-accent-hover);
}
.adm-onb-tile--button.is-current .adm-onb-tile__value {
  color: var(--adm-accent-hover);
}

@media (max-width: 1199px) {
  .adm-onb-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .adm-onb-tile:last-child {
    grid-column: 1/-1;
  }
}
@media (max-width: 575px) {
  .adm-onb-tiles {
    gap: 12px;
  }
  .adm-navbar-home--phone span {
    display: none;
  }
  .adm-navbar-home--phone {
    padding: 6px 12px;
  }
}
.adm-onb-filter {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 12px;
}
.adm-onb-filter__search {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 280px;
  max-width: 420px;
}
.adm-onb-filter__label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  margin: 0;
}
.adm-onb-filter input[type=search] {
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  background: var(--adm-card-bg);
  color: var(--adm-text);
  width: 100%;
}

.adm-onb-count {
  margin: 0 0 12px;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
}

.adm-onb-nomatch {
  padding: 24px;
  text-align: center;
  background: var(--adm-card-bg);
  border: 1px dashed var(--adm-border);
  border-radius: 12px;
  margin-bottom: 24px;
}
.adm-onb-nomatch p {
  margin: 0 0 8px;
  font-size: var(--edc-fs-body);
}

.adm-onb-page .adm-table-card {
  position: relative;
  overflow-x: auto;
}

.adm-onb-section {
  margin-bottom: 24px;
}

.adm-onb-section__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0 0 12px;
}

.adm-onb-section__lede {
  font-size: var(--edc-fs-body);
  color: var(--adm-text-muted);
  margin: -4px 0 12px;
}

.adm-onb-fold__summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  cursor: pointer;
  list-style: none;
}
.adm-onb-fold__summary::-webkit-details-marker {
  display: none;
}
.adm-onb-fold__summary::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.15s ease;
  margin-right: 4px;
}
.adm-onb-fold__summary:focus-visible {
  outline: 2px solid var(--adm-accent, #2c4274);
  outline-offset: 2px;
  border-radius: 4px;
}

.adm-onb-fold[open] > .adm-onb-fold__summary::before {
  transform: rotate(45deg);
}

.adm-onb-fold__title {
  margin: 0;
  display: inline;
}

.adm-onb-fold__count {
  font-weight: 400;
  color: var(--adm-text-muted);
}

@media (prefers-reduced-motion: reduce) {
  .adm-onb-fold__summary::before {
    transition: none;
  }
}
.adm-onb-list th[scope=row] {
  font-weight: 400;
}
.adm-onb-list__name {
  min-width: 200px;
}
.adm-onb-list__link {
  font-weight: 600;
  color: var(--adm-text);
  text-decoration: none;
}
.adm-onb-list__link:hover {
  color: var(--adm-accent);
  text-decoration: underline;
}
.adm-onb-list__kind {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin-top: 4px;
  font-weight: 400;
}
.adm-onb-list__stage, .adm-onb-list__when {
  white-space: nowrap;
}
.adm-onb-list__attention {
  min-width: 220px;
  line-height: 1.45;
}
.adm-onb-list__num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.adm-onb-newmsg {
  margin-left: 8px;
}

.adm-onb-unsent {
  gap: 6px;
  margin-right: 8px;
}

.adm-onb-list__meta {
  display: none;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
}

.adm-onb-stagebadge {
  gap: 4px;
}

.adm-onb-avatars {
  display: inline-flex;
  align-items: center;
}

.adm-onb-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e7eefb;
  color: #1d3f86;
  border: 2px solid var(--adm-card-bg);
  font-size: var(--edc-fs-label);
  font-weight: 700;
  flex: 0 0 auto;
}
.adm-onb-avatars .adm-onb-avatar + .adm-onb-avatar {
  margin-left: -8px;
}
.adm-onb-avatar--more {
  background: #eef0f5;
  color: var(--adm-text-muted);
}
.adm-onb-avatar--lg {
  width: 44px;
  height: 44px;
  font-size: var(--edc-fs-secondary);
}

.adm-onb-adopt {
  margin-bottom: 24px;
}

.adm-onb-adopt__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.adm-onb-adopt__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--adm-border-soft);
}

.adm-onb-adopt__name {
  font-weight: 600;
  font-size: var(--edc-fs-body);
}

.adm-onb-how {
  margin-bottom: 24px;
}

.adm-onb-how__list {
  margin: 0;
  padding-left: 24px;
  font-size: var(--edc-fs-body);
  line-height: 1.6;
}
.adm-onb-how__list li + li {
  margin-top: 4px;
}

.adm-onb-orghead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.adm-onb-orghead__main {
  min-width: 0;
  flex: 1 1 420px;
}
.adm-onb-orghead__title {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.adm-onb-orghead__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 8px;
}
.adm-onb-orghead__kind {
  font-size: var(--edc-fs-body);
  color: var(--adm-text-muted);
}
.adm-onb-orghead__entry {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin: 0;
}
.adm-onb-orghead__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.adm-onb-layout {
  display: grid;
  grid-template-columns: 184px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.adm-onb-sections {
  position: sticky;
  top: 88px;
}
.adm-onb-sections__list {
  list-style: none;
  margin: 0;
  padding: 8px;
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-radius: 12px;
}
.adm-onb-sections__list a {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 8px;
  color: var(--adm-text);
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  text-decoration: none;
}
.adm-onb-sections__list a:hover {
  background: var(--adm-accent-soft);
  color: var(--adm-accent);
}
.adm-onb-sections__select {
  display: none;
}

.adm-onb-stages {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.adm-onb-stage {
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(20, 28, 56, 0.04);
  padding: 22px;
  scroll-margin-top: 88px;
}
.adm-onb-stage__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.adm-onb-stage__title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  margin: 0;
}
.adm-onb-stage__status {
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  margin: 0 0 16px;
  color: var(--adm-text);
}
.adm-onb-stage .adm-onb-asof {
  display: inline;
  margin-left: 4px;
}

.adm-onb-done {
  gap: 6px;
}

.adm-onb-subhead {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 24px 0 12px;
  scroll-margin-top: 88px;
}

.adm-onb-label {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  margin: 0 0 8px;
}

.adm-onb-actions-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin: 16px 0 0;
}

.adm-onb-prose {
  font-size: var(--edc-fs-body);
  line-height: 1.6;
  margin: 0 0 16px;
  max-width: 72ch;
}

.adm-onb-portallink {
  margin: 0;
}

.adm-onb-portallink__row {
  display: flex;
  gap: 8px;
  align-items: stretch;
  flex-wrap: wrap;
}

.adm-onb-portallink__url {
  flex: 1 1 320px;
  min-width: 0;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  background: var(--adm-bg);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text);
}

.adm-onb-copied {
  min-height: 0;
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-ok);
}

.adm-onb-attention {
  list-style: none;
  margin: 0;
  padding: 0;
}

.adm-onb-attention__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin-bottom: 8px;
  background: #fff8ec;
  border: 1px solid #f3d79a;
  border-radius: 10px;
}
.adm-onb-attention__item i {
  color: var(--adm-warn);
  flex: 0 0 auto;
}

.adm-onb-attention__text {
  flex: 1 1 auto;
  font-size: var(--edc-fs-body);
  line-height: 1.45;
}

.adm-onb-journey {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}
.adm-onb-journey__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
  padding: 12px 4px;
  border: 1px solid var(--adm-border-soft);
  border-radius: 10px;
  background: var(--adm-bg);
}
.adm-onb-journey__step.is-done {
  background: #eef9f2;
  border-color: #b7e6c7;
}
.adm-onb-journey__dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--adm-card-bg);
  border: 2px solid var(--adm-border);
  color: var(--adm-text-muted);
  font-size: var(--edc-fs-label);
}
.is-done .adm-onb-journey__dot {
  background: var(--adm-ok);
  border-color: var(--adm-ok);
  color: #fff;
}
.adm-onb-journey__label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.adm-onb-journey__state {
  font-size: var(--edc-fs-label);
  color: var(--adm-text-muted);
}

.adm-onb-person-cell {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.adm-onb-person-cell__name {
  display: block;
  font-weight: 600;
}

.adm-onb-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.adm-onb-counts {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
}
.adm-onb-counts li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--adm-border-soft);
  font-size: var(--edc-fs-body);
}
.adm-onb-counts__n {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.adm-onb-thread {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.adm-onb-msg {
  padding: 12px 16px;
  border-radius: 10px;
  background: var(--adm-bg);
  border: 1px solid var(--adm-border-soft);
  max-width: 88%;
}
.adm-onb-msg--staff {
  align-self: flex-end;
  background: var(--adm-accent-soft);
  border-color: #c9dafb;
}
.adm-onb-msg__who {
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: baseline;
}
.adm-onb-msg__when {
  color: var(--adm-text-muted);
}
.adm-onb-msg__body {
  font-size: var(--edc-fs-body);
  line-height: 1.55;
}
.adm-onb-msg__body p {
  margin: 0 0 8px;
}
.adm-onb-msg__body p:last-child {
  margin: 0;
}

.adm-onb-reply {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.adm-onb-reply textarea {
  width: 100%;
  min-height: 110px;
  padding: 12px;
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  font-family: inherit;
  color: var(--adm-text);
  background: var(--adm-card-bg);
  resize: vertical;
}

.adm-onb-ourwork {
  list-style: none;
  margin: 0;
  padding: 0;
}

.adm-onb-ourwork__item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--adm-border-soft);
}
.adm-onb-ourwork__item:last-child {
  border-bottom: 0;
}

.adm-onb-ourwork__check {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid var(--adm-border);
  background: var(--adm-card-bg);
  color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 0 0 auto;
}
.adm-onb-ourwork__check:hover {
  border-color: var(--adm-accent);
  color: var(--adm-accent);
}
.adm-onb-ourwork__check.is-done {
  background: var(--adm-ok);
  border-color: var(--adm-ok);
  color: #fff;
}

.adm-onb-ourwork__body {
  flex: 1 1 auto;
  min-width: 0;
}

.adm-onb-ourwork__label {
  font-weight: 600;
  font-size: var(--edc-fs-body);
  margin: 0;
}

.adm-onb-ourwork__meta {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin: 4px 0 0;
}

.adm-onb-who {
  margin-top: 8px;
}

.adm-onb-plainlist {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
}
.adm-onb-plainlist li {
  padding: 8px 0;
  border-bottom: 1px solid var(--adm-border-soft);
  font-size: var(--edc-fs-body);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.adm-onb-plainlist li:last-child {
  border-bottom: 0;
}

.adm-onb-assign-form, .adm-onb-add-person {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  margin: 12px 0;
}

.adm-onb-add-person__help {
  flex-basis: 100%;
  margin-top: 0;
}

.adm-onb-assign-form .adm-btn, .adm-onb-add-person .adm-btn {
  height: 44px;
}

.adm-onb-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.adm-onb-field > label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  margin: 0;
}
.adm-onb-field input[type=text], .adm-onb-field input[type=email], .adm-onb-field select {
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  background: var(--adm-card-bg);
  color: var(--adm-text);
  min-width: 220px;
  width: 100%;
}
.adm-onb-field--grow {
  flex: 1 1 280px;
}
.adm-onb-field.has-error input {
  border-color: var(--adm-danger);
}

.adm-onb-field-error {
  color: var(--adm-danger);
  font-size: var(--edc-fs-secondary);
  margin: 0;
  font-weight: 600;
}

.adm-onb-error-summary {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 16px;
  margin-bottom: 24px;
  border-radius: 10px;
  background: #fdeceb;
  border: 1px solid #f3c0bd;
  color: var(--adm-danger);
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.adm-onb-formpanel {
  max-width: 760px;
  padding: 24px;
}

.adm-onb-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.adm-onb-form__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.adm-onb-form__grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.adm-onb-form__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.adm-onb-maincontact {
  margin: 0 0 24px;
  padding: 16px 20px 20px;
  border: 1px solid var(--adm-border-soft);
  border-radius: 12px;
  background: var(--adm-card-bg);
}
.adm-onb-maincontact .adm-onb-subhead {
  margin: 0 0 12px;
}
.adm-onb-maincontact.is-unsent {
  background: #fffaf0;
  border-color: #f3d79a;
}
.adm-onb-maincontact__row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.adm-onb-maincontact__who {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 180px;
  min-width: 0;
}
.adm-onb-maincontact__name {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: var(--adm-text);
}
.adm-onb-maincontact__meta {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  overflow-wrap: anywhere;
}
.adm-onb-maincontact__state {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #374151;
}
.adm-onb-maincontact__state i {
  color: #4b5563;
}
.adm-onb-maincontact.is-unsent .adm-onb-maincontact__state {
  color: #8a4b00;
}
.adm-onb-maincontact.is-unsent .adm-onb-maincontact__state i {
  color: #8a4b00;
}
.adm-onb-maincontact__btn {
  flex: 0 0 auto;
}
.adm-onb-maincontact__help {
  margin: 12px 0 0;
  max-width: 72ch;
}

.adm-onb-addcontact {
  margin: 0 0 24px;
  padding: 16px 20px 20px;
  border: 1px solid var(--adm-border-soft);
  border-radius: 12px;
  background: var(--adm-card-bg);
  gap: 16px;
  align-items: flex-start;
}

.adm-onb-addcontact .adm-onb-form__grid {
  width: 100%;
}

.adm-onb-addcontact .adm-onb-subhead {
  margin: 0;
}

.adm-onb-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.adm-onb-fieldset__legend {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0 0 4px;
  padding: 0;
  float: none;
  width: auto;
}
.adm-onb-fieldset > .adm-onb-help {
  margin-bottom: 12px;
}

.adm-onb-choices {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.adm-onb-choice {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
}
.adm-onb-choice input[type=checkbox], .adm-onb-choice input[type=radio] {
  width: 20px;
  height: 20px;
  margin: 0;
  flex: 0 0 auto;
  accent-color: var(--adm-accent);
}
.adm-onb-choice label {
  font-size: var(--edc-fs-body);
  margin: 0;
  cursor: pointer;
}
.adm-onb-choice--invite {
  flex-wrap: wrap;
}
.adm-onb-choice--invite .adm-onb-help {
  flex-basis: 100%;
  margin-left: 32px;
}

.adm-onb-ready {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
}
.adm-onb-ready__item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 0;
  border-bottom: 1px solid var(--adm-border-soft);
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}
.adm-onb-ready__item i {
  margin-top: 3px;
  color: var(--adm-info);
  flex: 0 0 auto;
}
.adm-onb-ready__item.is-done i {
  color: var(--adm-ok);
}
.adm-onb-ready--dialog {
  max-height: 40vh;
  overflow: auto;
}

.adm-onb-dialog {
  width: min(560px, 100vw - 32px);
  border: 1px solid var(--adm-border);
  border-radius: 14px;
  padding: 0;
  box-shadow: 0 24px 60px rgba(20, 28, 56, 0.25);
  color: var(--adm-text);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.adm-onb-dialog::backdrop {
  background: rgba(15, 23, 42, 0.45);
}
.adm-onb-dialog__form {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.adm-onb-dialog__title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  margin: 0;
  text-shadow: none;
}
.adm-onb-dialog__title:focus {
  outline: none;
}
.adm-onb-dialog__title:focus-visible {
  outline: 2px solid var(--adm-accent);
}
.adm-onb-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.adm-onb-reasons {
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.adm-onb-reasons__legend {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0 0 8px;
  padding: 0;
  float: none;
  width: auto;
}

.adm-onb-reason {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
}
.adm-onb-reason input {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--adm-accent);
  flex: 0 0 auto;
}
.adm-onb-reason label {
  font-size: var(--edc-fs-body);
  margin: 0;
  cursor: pointer;
}

.adm-onb-reason-other {
  margin: 4px 0 0 32px;
}
.adm-onb-reason-other[hidden] {
  display: none;
}

.adm-onb-portrait {
  font-size: var(--edc-fs-heading);
  line-height: 1.75;
  margin: 0 0 16px;
  max-width: 76ch;
}

.adm-onb-portrait__sentence {
  position: relative;
  border-bottom: 1px dotted #9aa4b8;
  cursor: help;
}
.adm-onb-portrait__sentence:hover, .adm-onb-portrait__sentence:focus {
  background: var(--adm-accent-soft);
  outline: none;
}
.adm-onb-portrait__sentence:focus-visible {
  outline: 2px solid var(--adm-accent);
  outline-offset: 2px;
}

.adm-onb-portrait__prov {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.adm-onb-portrait__sentence:hover + .adm-onb-portrait__prov,
.adm-onb-portrait__sentence:focus + .adm-onb-portrait__prov {
  position: absolute;
  width: auto;
  height: auto;
  clip: auto;
  overflow: visible;
  white-space: normal;
  z-index: 20;
  margin-top: 28px;
  margin-left: -120px;
  max-width: 280px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #1c2531;
  color: #fff;
  font-size: var(--edc-fs-secondary);
  line-height: 1.4;
}

.adm-onb-portrait.is-dismissed .adm-onb-portrait__prov {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
}

.adm-onb-note {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-info);
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 0 0 16px;
}

.adm-onb-details {
  margin-top: 8px;
}
.adm-onb-details summary {
  cursor: pointer;
  font-weight: 600;
  font-size: var(--edc-fs-body);
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--adm-accent);
  list-style: none;
}
.adm-onb-details summary::-webkit-details-marker {
  display: none;
}
.adm-onb-details summary::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 150ms ease;
}
.adm-onb-details[open] summary::before {
  transform: rotate(45deg);
}

.adm-onb-waiting {
  list-style: none;
  margin: 0;
  padding: 0;
}

.adm-onb-waiting__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--adm-border-soft);
}
.adm-onb-waiting__item:last-child {
  border-bottom: 0;
}

.adm-onb-waiting__label {
  font-weight: 600;
  font-size: var(--edc-fs-body);
  margin: 0;
}

.adm-onb-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}

.adm-onb-card {
  border: 1px solid var(--adm-border);
  border-radius: 12px;
  padding: 16px;
  background: var(--adm-card-bg);
}
.adm-onb-card__head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.adm-onb-card__name {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0 0 4px;
}
.adm-onb-card__meta {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin: 0;
}
.adm-onb-card__subhead {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  margin: 0 0 8px;
}

.adm-onb-people {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.adm-onb-person {
  border: 1px solid var(--adm-border);
  border-radius: 12px;
  padding: 16px;
}
.adm-onb-person__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.adm-onb-person__who {
  flex: 1 1 auto;
  min-width: 0;
}
.adm-onb-person__name {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0;
}
.adm-onb-person__meta {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin: 4px 0 0;
}

.adm-onb-assign-table {
  margin-bottom: 12px;
}

.adm-onb-danger-quiet {
  color: var(--adm-danger);
}
.adm-onb-danger-quiet:hover {
  background: #fdeceb;
}

.adm-onb-promise {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 20px 22px;
  margin-bottom: 24px;
  background: #f1f7ff;
  border: 1px solid #c9dafb;
  border-radius: 12px;
}
.adm-onb-promise__icon {
  font-size: var(--edc-fs-title);
  color: var(--adm-accent);
  margin-top: 2px;
}
.adm-onb-promise__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0 0 8px;
}

.adm-onb-statuslines {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
}
.adm-onb-statuslines li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 8px 0;
  font-size: var(--edc-fs-body);
}
.adm-onb-statuslines i {
  margin-top: 3px;
  color: var(--adm-info);
}
.adm-onb-statuslines .fa-circle-check {
  color: var(--adm-ok);
}

.adm-onb-files {
  margin-bottom: 16px;
  table-layout: fixed;
}
.adm-onb-files th:nth-child(1), .adm-onb-files td:nth-child(1) {
  width: 50%;
}
.adm-onb-files th:nth-child(2), .adm-onb-files td:nth-child(2) {
  width: 22%;
}
.adm-onb-files th[scope=row] {
  font-weight: 400;
  overflow-wrap: anywhere;
}

.adm-onb-acct {
  --adm-accent: #2563eb;
  --adm-accent-hover: #1d4ed8;
  --adm-accent-soft: #eaf1ff;
  --adm-card-bg: #ffffff;
  --adm-border: #e2e6ee;
  --adm-text: #1f2433;
  --adm-text-muted: #5b6478;
}
.adm-onb-acct__who {
  font-size: var(--edc-fs-body);
  margin: 0 0 16px;
}
.adm-onb-acct__back {
  display: inline-flex;
}
.adm-onb-acct__note {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  margin: 12px 0 0;
}

.adm-navbar-brand {
  display: flex;
  align-items: center;
  height: 66px;
  padding: 0 0 0 10px;
  margin: 0;
}

@media (max-width: 767px) {
  .adm-navbar-brand {
    padding-left: 0;
  }
}
.adm-navbar-home__form {
  margin: 0 10px 0 0;
}

.adm-navbar-home__form--phone {
  display: none;
}

@media (max-width: 767px) {
  .adm-navbar-home__form--phone {
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    margin: 0;
    z-index: 2;
  }
  .adm-navbar-home--phone {
    min-height: 40px;
    padding: 6px 10px;
  }
}
.adm-navbar-home {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid #2c4274;
  border-radius: 7px;
  background: #fff;
  color: #2c4274;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  white-space: nowrap;
}
.adm-navbar-home:hover {
  background: #eef2fa;
}
.adm-navbar-home:focus-visible {
  outline: 2px solid #2c4274;
  outline-offset: 2px;
}

.adm-onb-menu-heading {
  padding: 16px 20px 8px !important;
  font-size: var(--edc-fs-eyebrow) !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #cbd5e1 !important;
}

@media (max-width: 1100px) {
  .adm-onb-list__answered, .adm-onb-list__wide {
    display: none;
  }
  .adm-onb-list .adm-onb-list__meta {
    display: block;
  }
  .adm-onb-list__name {
    min-width: 150px;
  }
  .adm-onb-list__attention {
    min-width: 180px;
  }
}
@media (max-width: 992px) {
  .adm-onb-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .adm-onb-layout {
    grid-template-columns: 160px minmax(0, 1fr);
    gap: 16px;
  }
  .adm-onb-journey {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .adm-onb-form__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .adm-onb-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .adm-onb-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .adm-onb-sections {
    position: static;
  }
  .adm-onb-sections__list {
    display: none;
  }
  .adm-onb-sections__select {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid var(--adm-border);
    border-radius: 8px;
    font-size: var(--edc-fs-body);
    background: var(--adm-card-bg);
  }
  .adm-onb-stage {
    padding: 16px;
  }
  .adm-onb-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .adm-onb-split, .adm-onb-form__grid, .adm-onb-form__grid--two {
    grid-template-columns: minmax(0, 1fr);
  }
  .adm-onb-orghead__actions {
    width: 100%;
  }
  .adm-onb-orghead__actions .adm-btn {
    flex: 1 1 100%;
    justify-content: center;
  }
  .adm-onb-msg {
    max-width: 100%;
  }
  .adm-onb-portallink__url {
    flex: 1 1 100%;
  }
  .adm-onb-field input[type=text], .adm-onb-field input[type=email], .adm-onb-field select {
    min-width: 0;
  }
  .adm-onb-assign-form > *, .adm-onb-add-person > *, .adm-onb-pinform > * {
    flex: 1 1 100%;
  }
  .adm-onb-assign-form .adm-btn, .adm-onb-add-person .adm-btn, .adm-onb-pinform .adm-btn {
    justify-content: center;
  }
  .adm-onb-person__head {
    flex-wrap: wrap;
  }
  .adm-onb-portallink__row .adm-btn {
    width: 100%;
    justify-content: center;
  }
  .adm-onb-stack thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .adm-onb-stack tbody tr {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border-bottom: 1px solid var(--adm-border-soft);
  }
  .adm-onb-stack tbody th, .adm-onb-stack tbody td {
    display: block;
    padding: 0;
    border: 0;
    text-align: left;
  }
  .adm-onb-stack .adm-table__actions {
    text-align: left;
  }
  .adm-onb-list thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .adm-onb-list tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
    padding: 16px;
    border-bottom: 1px solid var(--adm-border-soft);
  }
  .adm-onb-list tbody th, .adm-onb-list tbody td {
    display: block;
    padding: 0;
    border: 0;
  }
  .adm-onb-list .adm-onb-list__name {
    grid-column: 1/2;
    min-width: 0;
  }
  .adm-onb-list .adm-onb-list__stage {
    grid-column: 2/3;
    grid-row: 1;
    justify-self: end;
  }
  .adm-onb-list .adm-onb-list__attention {
    grid-column: 1/-1;
    min-width: 0;
  }
  .adm-onb-list .adm-onb-list__answered, .adm-onb-list .adm-onb-list__num, .adm-onb-list .adm-onb-list__when {
    display: none;
  }
  .adm-onb-list .adm-table__actions {
    grid-column: 1/-1;
    text-align: left;
  }
  .adm-onb-list--done .adm-onb-list__when {
    display: block;
    grid-column: 1/-1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .adm-onb-page * {
    transition: none !important;
  }
}
.adm-onb-note--muted {
  color: var(--adm-text-muted);
}

.adm-onb-curform {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}

.adm-onb-curlist {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.adm-onb-curitem {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr) minmax(200px, 1fr);
  gap: 8px 24px;
  align-items: start;
  padding: 16px 0;
  border-bottom: 1px solid var(--adm-border-soft);
}
.adm-onb-curitem:last-child {
  border-bottom: 0;
}
.adm-onb-curitem .adm-onb-choice {
  flex-wrap: wrap;
  gap: 8px 12px;
}
.adm-onb-curitem .adm-onb-choice label {
  font-weight: 600;
}
.adm-onb-curitem__why {
  min-width: 0;
  padding-top: 12px;
}
.adm-onb-curitem__override {
  padding-top: 4px;
}
.adm-onb-curitem__override input[type=text] {
  min-width: 0;
}

.adm-onb-reasons-list {
  margin: 0;
  padding-left: 20px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: var(--adm-text);
}
.adm-onb-reasons-list li + li {
  margin-top: 4px;
}

.adm-onb-rolegroup {
  border: 1px solid var(--adm-border);
  border-radius: 12px;
  padding: 16px;
  margin: 0;
  width: 100%;
  min-width: 0;
}
.adm-onb-rolegroup__legend {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  padding: 0 8px;
  margin: 0;
  float: none;
  width: auto;
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.adm-onb-modlist {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
}

.adm-onb-mod {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px solid var(--adm-border-soft);
}
.adm-onb-mod input {
  width: 20px;
  height: 20px;
  margin: 2px 0 0;
  accent-color: var(--adm-accent);
}
.adm-onb-mod label {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin: 0;
  cursor: pointer;
}
.adm-onb-mod__why {
  grid-column: 2;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  line-height: 1.45;
}

.adm-onb-pinform {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.adm-onb-tabs {
  margin: 0 0 24px;
}

.adm-onb-tabs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.adm-onb-tabs__tab {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 18px;
  border: 1px solid var(--adm-border);
  border-radius: 999px;
  background: var(--adm-card-bg);
  color: var(--adm-text);
  font-size: var(--edc-fs-body);
  font-weight: 600;
  text-decoration: none;
}
.adm-onb-tabs__tab:hover {
  border-color: var(--adm-accent);
  color: var(--adm-accent);
}
.adm-onb-tabs__tab:focus-visible {
  outline: 2px solid var(--adm-accent);
  outline-offset: 2px;
}
.adm-onb-tabs__tab.is-current {
  background: var(--adm-accent);
  border-color: var(--adm-accent);
  color: #fff;
}

.adm-onb-rank-pick {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
  margin: 0 0 24px;
}
.adm-onb-rank-pick .adm-onb-field {
  flex: 1 1 260px;
  max-width: 360px;
}
.adm-onb-rank-pick .adm-btn {
  height: 44px;
}

.adm-onb-rank th[scope=row] {
  font-weight: 400;
  overflow-wrap: anywhere;
}
.adm-onb-rank th[scope=row] .adm-badge {
  margin-left: 8px;
}
.adm-onb-rank td {
  width: 1%;
  white-space: nowrap;
}
.adm-onb-rank__row--section th[scope=row] {
  font-weight: 700;
}
.adm-onb-rank__row--section > * {
  background: var(--adm-bg);
}
.adm-onb-rank__row--in-section th[scope=row] {
  padding-left: 32px;
}
.adm-onb-rank__section {
  font-weight: 700;
}

.adm-onb-seg {
  display: inline-flex;
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--adm-card-bg);
}
.adm-onb-seg__input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.adm-onb-seg__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 84px;
  min-height: 36px;
  padding: 0 12px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: var(--adm-text);
  cursor: pointer;
  border-left: 1px solid var(--adm-border);
}
.adm-onb-seg__input:first-child + .adm-onb-seg__label {
  border-left: 0;
}
.adm-onb-seg__input:checked + .adm-onb-seg__label {
  background: var(--adm-accent);
  color: #fff;
}
.adm-onb-seg__input:focus-visible + .adm-onb-seg__label {
  outline: 2px solid var(--adm-accent);
  outline-offset: -2px;
}

.adm-onb-rank-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  position: sticky;
  bottom: 0;
  padding: 12px 0;
  background: var(--adm-bg);
}

@media (max-width: 640px) {
  .adm-onb-rank td {
    white-space: normal;
  }
  .adm-onb-seg__label {
    min-width: 0;
    padding: 0 10px;
  }
  .adm-onb-rank__row--in-section th[scope=row] {
    padding-left: 16px;
  }
}
.adm-onb-viewas th[scope=row] {
  font-weight: 600;
}
.adm-onb-viewas__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

@media (max-width: 640px) {
  .adm-onb-viewas thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  .adm-onb-viewas tr {
    display: block;
    padding: 12px 16px;
    border-bottom: 1px solid var(--adm-border-soft);
  }
  .adm-onb-viewas tr:last-child {
    border-bottom: 0;
  }
  .adm-onb-viewas th, .adm-onb-viewas td {
    display: block;
    padding: 2px 0 !important;
    border: 0 !important;
  }
  .adm-onb-viewas td[data-label]::before {
    content: attr(data-label) ": ";
    color: var(--adm-text-muted);
  }
  .adm-onb-viewas .adm-onb-viewas__actions {
    justify-content: flex-start;
    margin-top: 8px;
  }
}
@media (max-width: 1100px) {
  .adm-navbar--support .adm-navbar-jump {
    font-size: 0;
    gap: 0;
    margin-right: 8px;
    padding: 6px 10px;
  }
  .adm-navbar--support .adm-navbar-jump i {
    font-size: var(--edc-fs-secondary);
  }
  .adm-navbar--support .adm-navbar-jump kbd {
    display: none;
  }
}
.adm-onb-viewas-roles {
  list-style: none;
  margin: 0;
  padding: 0;
}
.adm-onb-viewas-roles li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 4px 0;
  border-bottom: 1px solid var(--adm-border-soft);
  flex-wrap: wrap;
}
.adm-onb-viewas-roles li:last-child {
  border-bottom: 0;
}
.adm-onb-viewas-roles__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.adm-onb-subtitle {
  font-size: var(--edc-fs-body) !important;
  margin-bottom: 8px !important;
}

.adm-onb-begin {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.adm-onb-begin__choice {
  flex-wrap: wrap;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--adm-border-soft);
}
.adm-onb-begin__choice label {
  font-weight: 600;
}
.adm-onb-begin__choice .adm-onb-help {
  flex-basis: 100%;
  margin: 0 0 0 32px;
}
.adm-onb-begin__choice:last-child {
  border-bottom: 0;
}

.adm-onb-curform > .adm-onb-fieldset {
  align-self: stretch;
  width: 100%;
}

.adm-onb-begin-roles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}

.adm-table-card.adm-onb-fit {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}
.adm-table-card.adm-onb-fit th[scope=row] {
  font-weight: 600;
}
.adm-table-card.adm-onb-fit th[scope=row] .adm-badge {
  margin-left: 8px;
}
.adm-table-card.adm-onb-fit select {
  height: 40px;
  padding: 0 10px;
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  background: var(--adm-card-bg);
  color: var(--adm-text);
  min-width: 150px;
}

.adm-onb-fit-key {
  margin: 0;
  display: grid;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  line-height: 1.5;
}
.adm-onb-fit-key dt {
  display: inline;
  font-weight: 600;
  color: var(--adm-text);
}
.adm-onb-fit-key dt::after {
  content: " — ";
  font-weight: 400;
}
.adm-onb-fit-key dd {
  display: inline;
  margin: 0;
}

@media (max-width: 992px) {
  .adm-onb-curitem {
    grid-template-columns: minmax(0, 1fr);
  }
  .adm-onb-curitem__why {
    padding-top: 0;
  }
}
@media (max-width: 640px) {
  .adm-onb-modlist {
    grid-template-columns: minmax(0, 1fr);
  }
}
.adm-onb-assist-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.adm-onb-card-row {
  padding: 16px;
  border: 1px solid var(--adm-border-soft);
  border-radius: 12px;
  background: var(--adm-card-bg);
}

.adm-onb-card-set {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.adm-onb-card-legend {
  float: none;
  width: auto;
  margin: 0 0 12px;
  padding: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: var(--adm-text);
}

.adm-onb-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
}
@media (max-width: 767px) {
  .adm-onb-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.adm-onb-card-grid .adm-onb-field input[type=text], .adm-onb-card-grid .adm-onb-field select {
  min-width: 0;
}

.adm-onb-field--wide textarea {
  width: 100%;
  min-height: 72px;
  padding: 8px 12px;
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  background: var(--adm-card-bg);
  color: var(--adm-text);
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  font-family: inherit;
  resize: vertical;
}

.adm-onb-card-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin: 12px 0 0;
}

.adm-onb-check {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  min-height: 32px;
  margin: 0;
  font-size: var(--edc-fs-body);
  color: var(--adm-text);
  line-height: 1.45;
  cursor: pointer;
}
.adm-onb-check input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  flex: 0 0 auto;
}

.adm-onb-keys {
  margin: 12px 0 0;
}
.adm-onb-keys > summary {
  min-height: 32px;
  font-weight: 600;
  color: var(--adm-text);
  cursor: pointer;
}

.adm-onb-keylist, .adm-onb-gridlist {
  display: grid;
  gap: 6px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text);
}

.adm-onb-gridlist {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
}
@media (max-width: 991px) {
  .adm-onb-gridlist {
    grid-template-columns: minmax(0, 1fr);
  }
}

.adm-onb-layout {
  display: block;
}

.adm-onb-sections {
  display: none;
}

.adm-onb-stagestrip {
  margin: 0 0 24px;
}
.adm-onb-stagestrip__list {
  list-style: none;
  margin: 0;
  padding: 4px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-radius: 12px;
}
.adm-onb-stagestrip__item {
  min-width: 0;
}
.adm-onb-stagestrip__stop {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 8px 12px;
  border-radius: 9px;
  color: var(--adm-text);
  text-decoration: none;
}
.adm-onb-stagestrip__stop:hover {
  background: var(--adm-bg);
  color: var(--adm-text);
  text-decoration: none;
}
.adm-onb-stagestrip__stop:focus-visible {
  outline: 2px solid var(--adm-accent);
  outline-offset: 2px;
}
.adm-onb-stagestrip__num {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--adm-border);
  color: var(--adm-text-muted);
  font-weight: 700;
  font-size: var(--edc-fs-secondary);
  font-variant-numeric: tabular-nums;
}
.adm-onb-stagestrip__words {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.adm-onb-stagestrip__label {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1.3;
}
.adm-onb-stagestrip__state {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
}
.is-current .adm-onb-stagestrip__stop {
  background: var(--adm-accent-soft);
  box-shadow: inset 0 0 0 1px var(--adm-accent);
}
.is-current .adm-onb-stagestrip__num {
  background: var(--adm-accent);
  border-color: var(--adm-accent);
  color: #fff;
}
.is-current .adm-onb-stagestrip__state {
  color: var(--adm-accent-hover);
}
.is-done .adm-onb-stagestrip__num {
  background: #e8f8ef;
  border-color: #b7e6c7;
  color: var(--adm-ok);
}
.is-done .adm-onb-stagestrip__state {
  color: var(--adm-ok);
}
.adm-onb-stagestrip__select {
  display: none;
}

.adm-onb-orghead__detail {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: var(--adm-text-muted);
}

.adm-onb-subhead--first {
  margin-top: 0;
}

.adm-onb-subhead--small {
  font-size: var(--edc-fs-body);
  margin-top: 16px;
}

.adm-onb-subhead-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.adm-onb-subhead-row__link {
  font-size: var(--edc-fs-secondary);
  white-space: nowrap;
}

.adm-onb-portallink__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.adm-onb-pillars {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.adm-onb-pillar {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--adm-border-soft);
  border-radius: 12px;
  padding: 20px;
  background: var(--adm-bg);
}
.adm-onb-pillar__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0 0 8px;
}
.adm-onb-pillar__lede {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  line-height: 1.5;
  margin: 0 0 16px;
}
.adm-onb-pillar__status {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin: 0 0 8px;
}
.adm-onb-pillar__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 16px 0 0;
}

.adm-onb-steplist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.adm-onb-steprow {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  min-height: 56px;
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border-soft);
  border-radius: 10px;
}
.adm-onb-steprow__num {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--adm-border);
  color: var(--adm-text-muted);
  font-weight: 700;
  font-size: var(--edc-fs-secondary);
}
.adm-onb-steprow.is-done .adm-onb-steprow__num {
  background: #e8f8ef;
  border-color: #b7e6c7;
  color: var(--adm-ok);
}
.adm-onb-steprow__body {
  flex: 1 1 auto;
  min-width: 0;
}
.adm-onb-steprow__label {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin: 0 0 4px;
}
.adm-onb-steprow__words {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text);
  line-height: 1.5;
  margin: 0;
}
.adm-onb-steprow__meta {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin-top: 4px;
}
.adm-onb-steprow__sub {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  margin: 16px 0 8px;
}
.adm-onb-steprow__btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

.adm-onb-filesum {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.adm-onb-filesum__item {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  padding: 8px 12px;
  border: 1px solid var(--adm-border-soft);
  border-radius: 8px;
}

.adm-onb-filesum__name {
  font-weight: 600;
  margin-right: 8px;
}

.adm-onb-filesum__cat {
  color: var(--adm-text-muted);
}

.adm-onb-filesum__sheets {
  margin: 4px 0 0;
  padding-left: 20px;
  color: var(--adm-text-muted);
}

.adm-onb-filesum__none {
  display: block;
  color: var(--adm-text-muted);
  margin-top: 4px;
}

.adm-onb-reportform {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.adm-onb-reportform .adm-onb-field {
  width: 100%;
}
.adm-onb-reportform input[type=file] {
  font-size: var(--edc-fs-secondary);
}
.adm-onb-reportform textarea {
  width: 100%;
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: var(--edc-fs-body);
  min-height: 96px;
}

.adm-onb-ourwork--tight .adm-onb-ourwork__item {
  padding: 10px 0;
}

.adm-onb-gate {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--adm-border-soft);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.adm-onb-gate__words {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin: 0;
  flex: 1 1 240px;
}
.adm-onb-gate__done {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin: 0;
  color: var(--adm-ok);
  flex: 1 1 240px;
}
.adm-onb-gate__done .fa-solid {
  margin-right: 4px;
}

.adm-onb-pillar .adm-onb-gate {
  margin-top: auto;
}

.adm-onb-sumrows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.adm-onb-sumrow {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  min-height: 64px;
  border: 1px solid var(--adm-border-soft);
  border-radius: 10px;
  background: var(--adm-bg);
}
.adm-onb-sumrow__icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--adm-accent-soft);
  color: var(--adm-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-heading);
}
.adm-onb-sumrow__words {
  flex: 1 1 auto;
  min-width: 0;
}
.adm-onb-sumrow__label {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin: 0 0 2px;
}
.adm-onb-sumrow__line {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin: 0;
  line-height: 1.45;
}

.adm-onb-gatelist {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.adm-onb-gatelist__item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--edc-fs-body);
}
.adm-onb-gatelist__item .fa-solid {
  color: var(--adm-text-muted);
  width: 18px;
  text-align: center;
}
.adm-onb-gatelist__item.is-done .fa-solid {
  color: var(--adm-ok);
}

.adm-onb-ready__item.is-gate .fa-solid {
  color: var(--adm-warn);
}

.adm-onb-finalize-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.adm-onb-finalize-row__why {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
}
.adm-onb-finalize-row__why .fa-solid {
  margin-right: 4px;
}

.adm-onb-viewas-roles__actions {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
}

@media (max-width: 1199px) {
  .adm-onb-pillars {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 991px) {
  .adm-onb-stagestrip__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .adm-onb-stagestrip__list {
    display: none;
  }
  .adm-onb-stagestrip__select {
    display: block;
    width: 100%;
    height: 44px;
    border: 1px solid var(--adm-border);
    border-radius: 8px;
    padding: 0 12px;
    font-size: var(--edc-fs-body);
    background: var(--adm-card-bg);
    color: var(--adm-text);
  }
  .adm-onb-steprow {
    flex-wrap: wrap;
  }
  .adm-onb-steprow__btn {
    width: 100%;
    justify-content: center;
  }
  .adm-onb-sumrow {
    flex-wrap: wrap;
  }
}
.shp-head__for {
  font-weight: 500;
  color: var(--adm-text-muted);
}

.shp-context {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.shp-context__field select {
  min-width: 260px;
  height: 44px;
}

.shp-switchrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}
.shp-switchrow__words {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  flex: 1 1 280px;
  text-align: right;
}

.shp .vgr-switch, .trn .vgr-switch {
  --edc-primary: var(--adm-accent);
  --edc-primary-strong: var(--adm-accent-hover);
  --edc-primary-tint: var(--adm-accent-soft);
}

.shp-people {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.shp-person {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
  border: 1px solid var(--adm-border-soft);
  border-radius: 12px;
  background: var(--adm-card-bg);
  min-width: 0;
}
.shp-person .adm-btn {
  align-self: flex-start;
  margin-top: 8px;
}
.shp-person__suggest {
  color: var(--adm-text);
}
.shp-person__suggest .fa-regular {
  color: var(--adm-warn);
  margin-right: 4px;
}

.shp-answers {
  margin: 0 0 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.shp-answers__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
}
.shp-answers dt {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  margin: 0;
}
.shp-answers dd {
  margin: 0;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}
.shp-answers__prov {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
}

.shp-overrides {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: var(--edc-fs-body);
}
.shp-overrides li {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 12px;
  border: 1px solid var(--adm-border-soft);
  border-radius: 8px;
}
.shp-overrides__from {
  color: var(--adm-text-muted);
}
.shp-overrides .fa-solid {
  color: var(--adm-text-muted);
  font-size: var(--edc-fs-label);
}

.shp-vocab-tools {
  margin: 0 0 12px;
  max-width: 420px;
}
.shp-vocab-tools__input {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  font-size: var(--edc-fs-body);
}

.shp-vocab th[scope=row] {
  font-weight: 600;
}

.shp-bykind th[scope=row] {
  font-weight: 600;
  white-space: nowrap;
}

.shp-panel, .trn-panel {
  position: fixed;
  top: 66px;
  right: 0;
  bottom: 0;
  width: 440px;
  max-width: 100vw;
  z-index: 1040;
  --rail-accent: var(--adm-accent, #2563eb);
  --rail-title: var(--adm-text, #1f2433);
}
.shp-panel__body, .trn-panel__body {
  padding: 16px 18px;
  overflow: auto;
  flex: 1 1 auto;
}
.shp-panel .rail-panel__header, .trn-panel .rail-panel__header {
  flex: 0 0 auto;
}
.shp-panel .rail-panel__footer, .trn-panel .rail-panel__footer {
  flex: 0 0 auto;
}

.shp-panel__body .fxp, .shp-panel__body .voc {
  max-width: 100%;
}

@media (max-width: 991px) {
  .shp-panel, .trn-panel {
    width: 100vw;
    top: 0;
    border-radius: 0;
  }
}
body.shp-panel-open .adm-onb-page, body.trn-panel-open .adm-onb-page {
  padding-right: 0;
}

.trn-orgs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
}

.trn-orgs__card {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 12px 16px;
  border: 1px solid var(--adm-border);
  border-radius: 12px;
  background: var(--adm-card-bg);
  color: var(--adm-text);
  text-decoration: none;
}
.trn-orgs__card:hover {
  border-color: var(--adm-accent);
  color: var(--adm-text);
  text-decoration: none;
}
.trn-orgs__card:focus-visible {
  outline: 2px solid var(--adm-accent);
  outline-offset: 2px;
}

.trn-orgs__name {
  font-weight: 600;
  flex: 1 1 auto;
  min-width: 0;
}

.trn-orgs__stage {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
}

.trn-orgs__go {
  color: var(--adm-text-muted);
}

.trn-pickrow {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: flex-end;
  margin: 0 0 24px;
}
.trn-pickrow__field select {
  min-width: 240px;
  height: 44px;
}

.trn-timeline__head {
  margin-bottom: 8px;
}

.trn-timeline__how {
  margin: 0 0 16px;
}

.trn-timeline__jump {
  display: none;
  width: 100%;
  height: 44px;
  margin: 0 0 12px;
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  padding: 0 12px;
  font-size: var(--edc-fs-body);
  background: var(--adm-card-bg);
}

.trn-track-wrap {
  overflow-x: auto;
  padding: 8px 0 4px;
  margin: 0 -4px;
}
.trn-track-wrap:focus-visible {
  outline: 2px solid var(--adm-accent);
  outline-offset: 2px;
  border-radius: 8px;
}

.trn-track {
  position: relative;
  min-width: 100%;
  padding: 0 24px;
}

.trn-chapters {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  display: flex;
  gap: 4px;
}

.trn-chapter {
  flex: 1 1 0;
  min-width: 0;
}

.trn-chapter__btn {
  display: block;
  width: 100%;
  min-height: 36px;
  padding: 6px 8px;
  border: 0;
  border-bottom: 3px solid var(--adm-border);
  background: transparent;
  color: var(--adm-text);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.25;
  cursor: pointer;
}
.trn-chapter__btn:hover {
  border-bottom-color: var(--adm-accent);
  color: var(--adm-accent);
}
.trn-chapter__btn:focus-visible {
  outline: 2px solid var(--adm-accent);
  outline-offset: 2px;
  border-radius: 4px;
}

.trn-rail {
  position: relative;
  height: 8px;
  margin: 8px 0 12px;
  background: var(--adm-border-soft);
  border-radius: 4px;
  overflow: hidden;
}
.trn-rail__menu {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--adm-accent-soft);
}
.trn-rail__fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--adm-accent);
  opacity: 0.6;
}

.trn-flag {
  position: absolute;
  top: 44px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
  z-index: 2;
}
.trn-flag__mark {
  width: 2px;
  height: 20px;
  background: var(--adm-accent);
  border-radius: 1px;
}
.trn-flag__words {
  margin-top: 2px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: var(--adm-accent-hover);
  background: var(--adm-card-bg);
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--adm-accent-soft);
  white-space: nowrap;
}

.trn-lanes {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 32px;
}

.trn-lane {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 48px;
  border-top: 1px solid var(--adm-border-soft);
}
.trn-lane__label {
  position: sticky;
  left: 0;
  z-index: 1;
  flex: 0 0 auto;
  width: 120px;
  padding-right: 8px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  background: var(--adm-card-bg);
}
.trn-lane__stops {
  position: relative;
  flex: 1 1 auto;
  height: 48px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.trn-stop-item {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.trn-stop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  color: var(--adm-accent);
}
.trn-stop::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid var(--adm-accent);
  background: var(--adm-accent);
  transition: transform 120ms ease;
}
.trn-stop:hover::before {
  transform: scale(1.2);
}
.trn-stop:focus-visible {
  outline: 2px solid var(--adm-accent);
  outline-offset: -2px;
}
.trn-stop.is-open::before {
  box-shadow: 0 0 0 4px var(--adm-accent-soft);
}
.trn-stop .fa-solid {
  position: absolute;
  font-size: 9px;
  color: #fff;
}

.trn-stop--appear::before {
  width: 18px;
  height: 18px;
  border-radius: 6px;
}

.trn-stop--intro {
  color: var(--adm-text-muted);
}
.trn-stop--intro::before {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border-color: var(--adm-text-muted);
  background: var(--adm-text-muted);
}

.trn-stop--ask {
  color: var(--adm-warn);
}
.trn-stop--ask::before {
  border-color: var(--adm-warn);
  background: var(--adm-warn);
}
.trn-stop--ask.is-confirmed {
  color: var(--adm-ok);
}
.trn-stop--ask.is-confirmed::before {
  border-color: var(--adm-ok);
  background: var(--adm-ok);
}
.trn-stop--ask.is-answered::before {
  border-color: var(--adm-info);
  background: var(--adm-info);
}
.trn-stop--ask.is-skipped::before {
  background: linear-gradient(90deg, var(--adm-warn) 50%, var(--adm-card-bg) 50%);
}
.trn-stop--ask.is-ahead::before {
  background: var(--adm-card-bg);
}

.trn-stop--sample {
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.trn-key {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 16px 0 0;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
}
.trn-key > div {
  display: flex;
  align-items: center;
  gap: 4px;
}
.trn-key dt, .trn-key dd {
  margin: 0;
}

.trn-steps {
  margin-top: 16px;
}

.trn-steps__list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.trn-steps__btn {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  text-align: left;
  color: var(--adm-text);
  cursor: pointer;
}
.trn-steps__btn:hover {
  background: var(--adm-bg);
}
.trn-steps__btn:focus-visible {
  outline: 2px solid var(--adm-accent);
  outline-offset: -2px;
}

.trn-steps__n {
  flex: 0 0 28px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: var(--adm-text-muted);
  font-size: var(--edc-fs-secondary);
  padding-top: 2px;
}

.trn-steps__words {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.trn-steps__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.trn-steps__meta {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
}

.trn-timeline__error {
  margin-top: 12px;
}

.trn-panel__nav {
  display: flex;
  gap: 4px;
}

.trn-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.trn-card__kind {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  margin: 0;
}

.trn-card__title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

.trn-card__why {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin: 0;
}

.trn-card__options {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.trn-card__option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--adm-border-soft);
  border-radius: 8px;
  font-size: var(--edc-fs-body);
}
.trn-card__option .fa-solid {
  color: var(--adm-text-muted);
}
.trn-card__option.is-chosen {
  border-color: var(--adm-accent);
  background: var(--adm-accent-soft);
}
.trn-card__option.is-chosen .fa-solid {
  color: var(--adm-accent);
}
.trn-card__option.is-assumed {
  border-style: dashed;
}

.trn-card__tag {
  margin-left: auto;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
}

.trn-card__stops {
  margin: 4px 0 0;
  padding-left: 20px;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}

.trn-answers__filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 8px;
}

.adm-onb-tile--chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--adm-border);
  border-radius: 999px;
  background: var(--adm-card-bg);
  color: var(--adm-text);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  cursor: pointer;
}
.adm-onb-tile--chip:hover {
  border-color: var(--adm-accent);
}
.adm-onb-tile--chip:focus-visible {
  outline: 2px solid var(--adm-accent);
  outline-offset: 2px;
}
.adm-onb-tile--chip.is-current {
  background: var(--adm-accent-soft);
  border-color: var(--adm-accent);
  color: var(--adm-accent-hover);
}

.trn-answers__n {
  font-weight: 500;
  color: var(--adm-text-muted);
}

.trn-answerlist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.trn-answer {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) auto;
  grid-template-areas: "q a s" "q p s";
  gap: 2px 16px;
  align-items: start;
  padding: 12px 16px;
  border: 1px solid var(--adm-border-soft);
  border-radius: 10px;
  background: var(--adm-card-bg);
}
.trn-answer__q {
  grid-area: q;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}
.trn-answer__a {
  grid-area: a;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}
.trn-answer__state {
  grid-area: s;
  justify-self: end;
}
.trn-answer__prov {
  grid-area: p;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
}

@media (max-width: 1199px) {
  .shp-people {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .trn-timeline__jump {
    display: block;
  }
  .trn-track {
    min-width: 960px;
  }
  .shp-switchrow__words {
    text-align: left;
  }
}
@media (max-width: 575px) {
  .shp-people {
    grid-template-columns: minmax(0, 1fr);
  }
  .shp-context__field select, .trn-pickrow__field select {
    min-width: 0;
    width: 100%;
  }
  .shp-context, .shp-context__field, .trn-pickrow__field {
    width: 100%;
  }
  .trn-answer {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "q" "a" "p" "s";
  }
  .trn-answer .trn-answer__state {
    justify-self: start;
  }
}
.adm-shape-viewas {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
}
.adm-shape-viewas__foot, .adm-shape-viewas__setting {
  margin: 12px 0 0;
  color: var(--adm-text-muted);
}
.adm-shape-viewas__setting {
  margin: 0 0 12px;
  color: var(--adm-text);
}
.adm-shape-viewas__area {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--adm-text-muted);
  margin: 12px 0 4px;
}
.adm-shape-viewas__words ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.adm-shape-viewas__words a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--adm-border);
  border-radius: 999px;
  color: var(--adm-text);
  text-decoration: none;
  font-weight: 500;
}
.adm-shape-viewas__words a:hover {
  border-color: var(--adm-accent);
}
.adm-shape-viewas__words a[aria-current] {
  background: var(--adm-accent-soft);
  border-color: var(--adm-accent);
  color: var(--adm-accent-hover);
}
.adm-shape-viewas input, .adm-shape-viewas select, .adm-shape-viewas textarea {
  pointer-events: none;
}
.adm-shape-viewas .fxp-btn, .adm-shape-viewas .voc-pencil, .adm-shape-viewas .voc-restore {
  display: none;
}

.shp-answers--wide {
  max-width: 72ch;
}

.shp-vocab__same {
  color: var(--adm-text-muted);
}

.shp-fields__section th {
  font-weight: 700;
  background: var(--adm-bg);
}

.adm-onb-card-row {
  padding: 0;
}

.adm-onb-card-fold > summary {
  list-style: none;
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  min-height: 44px;
  padding: 12px 16px;
  cursor: pointer;
  border-radius: 12px;
}
.adm-onb-card-fold > summary::-webkit-details-marker {
  display: none;
}
.adm-onb-card-fold > summary::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  margin-right: 4px;
  align-self: center;
  color: var(--adm-text-muted);
  flex: 0 0 auto;
}
.adm-onb-card-fold > summary:hover {
  background: var(--adm-bg);
}
.adm-onb-card-fold > summary:focus-visible {
  outline: 2px solid var(--adm-accent);
  outline-offset: -2px;
}

.adm-onb-card-fold[open] > summary::before {
  transform: rotate(45deg);
}

.adm-onb-card-fold__words {
  font-size: var(--edc-fs-body);
  font-weight: 700;
}

.adm-onb-card-fold__line {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text);
  flex: 1 1 240px;
}

.adm-onb-card-fold__meta {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  margin-left: auto;
  white-space: nowrap;
}

.adm-onb-card-fold > .adm-onb-card-set {
  padding: 0 16px 16px;
}

@media (prefers-reduced-motion: reduce) {
  .adm-onb-card-fold > summary::before {
    transition: none;
  }
}
.adm-onb-page .adm-table select, .shp-panel .rail-panel__context select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 38px;
  min-width: 120px;
  border: 1px solid var(--adm-border, #e2e6ee);
  border-radius: 8px;
  background: #fff;
  padding: 0 32px 0 12px;
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text, #1f2433);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b94a7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11px center;
}
.adm-onb-page .adm-table select:focus-visible, .shp-panel .rail-panel__context select:focus-visible {
  outline: none;
  border-color: var(--adm-accent, #2563eb);
  box-shadow: 0 0 0 3px var(--adm-accent-soft, #eaf1ff);
}

.shp-panel .rail-panel__title:focus-visible, .trn-panel .rail-panel__title:focus-visible {
  outline: 2px solid var(--adm-accent, #2563eb);
  outline-offset: 4px;
  border-radius: 4px;
}

.sdesk-layout--admin {
  display: block;
}

.sdesk-layout--admin .sdesk-content {
  max-width: none;
}

.adm-menu-count {
  margin-left: auto;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 11px;
  background: var(--adm-accent, #2563eb);
  color: #fff;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.adm-onb-closed {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.adm-onb-closed__list {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.adm-onb-closed__item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 8px 16px;
  border: 1px solid var(--adm-border-soft);
  border-radius: 10px;
  background: var(--adm-card-bg);
}

.adm-onb-closed__box {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--adm-accent);
  flex: 0 0 auto;
}

.adm-onb-closed__label {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  cursor: pointer;
  font-size: var(--edc-fs-body);
}

.adm-onb-closed__name {
  font-weight: 600;
}

.adm-onb-closed__state {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
}

.adm-onb-rank-actions--static {
  position: static;
  margin-top: 8px;
}

.adm-onb-modgroup {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  min-width: 0;
}

.adm-onb-modgroup__legend {
  float: none;
  width: auto;
  margin: 0 0 8px;
  padding: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: var(--adm-text);
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.adm-onb-modgroup__count {
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: var(--adm-text-muted);
}

.adm-onb-modgroup__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
}

.adm-onb-modrow {
  display: grid;
  grid-template-columns: 20px 220px minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  min-height: 44px;
  padding: 6px 12px;
  border-radius: 8px;
}
.adm-onb-modrow:hover {
  background: var(--adm-bg);
}

.adm-onb-modrow__box {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--adm-accent);
}

.adm-onb-modrow__name {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  cursor: pointer;
}

.adm-onb-modrow__line {
  font-size: var(--edc-fs-secondary);
  color: var(--adm-text-muted);
  line-height: 1.45;
}

@media (max-width: 767px) {
  .adm-onb-modrow {
    grid-template-columns: 20px minmax(0, 1fr);
    grid-template-areas: "box name" ". line";
    row-gap: 2px;
  }
  .adm-onb-modrow__box {
    grid-area: box;
    align-self: start;
    margin-top: 2px;
  }
  .adm-onb-modrow__name {
    grid-area: name;
  }
  .adm-onb-modrow__line {
    grid-area: line;
  }
}
.trn-flag--start {
  transform: none;
  align-items: flex-start;
}

.trn-flag--start .trn-flag__mark {
  margin-left: 0;
}

.trn-flag--end {
  transform: translateX(-100%);
  align-items: flex-end;
}

.trn-card__caption {
  font-size: var(--edc-fs-body);
  line-height: 1.6;
  margin: 0;
}

.trn-card__told {
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--adm-accent-soft);
  color: var(--adm-accent-hover);
}

/* WHERE PEOPLE START (the Transition stage) and each person's Starts In (the People table). */
.adm-onb-start-pick {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
}

.adm-onb-start-pick[hidden] {
  display: none;
}

.adm-onb-startrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.adm-onb-startrow select {
  font: inherit;
  font-size: var(--edc-fs-secondary, 13px);
  min-height: 32px;
  padding: 0 24px 0 8px;
  border: 1px solid var(--adm-line, #d7dde6);
  border-radius: 6px;
  background: #fff;
  max-width: 200px;
}

.adm-onb-startrow__pick {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.adm-onb-startrow__pick[hidden] {
  display: none;
}

.adm-orgs {
  --adm-bg: #f7f8fb;
  --adm-card-bg: #ffffff;
  --adm-border: #e2e6ee;
  --adm-border-soft: #eef0f5;
  --adm-text: #1f2433;
  --adm-text-muted: #5b6478;
  --adm-text-faint: #8b94a7;
  --adm-accent: #2563eb;
  --adm-accent-hover: #1d4ed8;
  --adm-accent-soft: #eaf1ff;
  --adm-ok: #15803d;
  --adm-warn: #b45309;
  --adm-info: #1d5fa8;
  margin: 0;
  padding: 22px 0 56px;
  color: var(--adm-text);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body:has(.adm-orgs) {
  background: #f7f8fb;
}

.adm-orgs__header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.adm-orgs__heading {
  display: flex;
  align-items: center;
  gap: 14px;
}

.adm-orgs__heading-icon {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: var(--adm-accent-soft);
  color: var(--adm-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-title) * 19 / 18);
}

.adm-orgs__title {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 600;
  margin: 0;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--adm-text);
}

.adm-orgs__subtitle {
  font-size: var(--edc-fs-body);
  color: var(--adm-text-muted);
  margin: 3px 0 0;
  line-height: 1.45;
}

.adm-orgs__toolbar {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.adm-orgs__toolbar-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.adm-orgs__count {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: var(--adm-text-faint);
  margin: 0 0 8px 2px;
}

.adm-orgs__table-card {
  background: var(--adm-card-bg);
  border: 1px solid var(--adm-border);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(20, 28, 56, 0.04);
  overflow: hidden;
}

.adm-orgs .adm-table thead th:nth-child(1) {
  width: auto;
}
.adm-orgs .adm-table thead th:nth-child(2) {
  width: 120px;
}
.adm-orgs .adm-table thead th:nth-child(3) {
  width: 230px;
}
.adm-orgs .adm-table thead th:nth-child(4) {
  width: 130px;
}
.adm-orgs .adm-table thead th:nth-child(5) {
  width: 100px;
}
.adm-orgs .adm-table thead th:nth-child(6) {
  width: 1%;
}

.adm-org-name {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  text-decoration: none;
  color: var(--adm-text);
  min-width: 0;
}
.adm-org-name:hover .adm-org-name__text {
  color: var(--adm-accent);
}
.adm-org-name:focus-visible {
  outline: none;
}
.adm-org-name:focus-visible .adm-org-avatar {
  box-shadow: 0 0 0 3px var(--adm-accent-soft);
}

.adm-org-avatar {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, #dbe7fe, #c5d8fb);
  color: #1d4ed8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.adm-org-name__text {
  font-weight: 600;
  font-size: var(--edc-fs-body);
  color: var(--adm-text);
  transition: color 150ms ease;
}

.adm-orgs__empty {
  padding: 48px 24px;
  text-align: center;
  color: var(--adm-text-muted);
  font-size: var(--edc-fs-body);
}

.adm-orgs__pagination {
  margin-top: 16px;
}
.adm-orgs__pagination .pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin: 0;
  padding: 0;
}
.adm-orgs__pagination a, .adm-orgs__pagination span, .adm-orgs__pagination em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 11px;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  border: 1px solid var(--adm-border);
  border-radius: 8px;
  background: var(--adm-card-bg);
  color: var(--adm-text);
  text-decoration: none;
  transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}
.adm-orgs__pagination a:hover {
  border-color: var(--adm-accent);
  color: var(--adm-accent);
  box-shadow: 0 4px 12px rgba(20, 28, 56, 0.08);
}
.adm-orgs__pagination a:focus-visible {
  outline: none;
  border-color: var(--adm-accent);
  box-shadow: 0 0 0 3px var(--adm-accent-soft);
}
.adm-orgs__pagination .current {
  background: var(--adm-accent);
  border-color: var(--adm-accent);
  color: #fff;
}
.adm-orgs__pagination .disabled, .adm-orgs__pagination .gap {
  color: var(--adm-text-faint);
  background: var(--adm-bg);
  border-color: var(--adm-border-soft);
  cursor: not-allowed;
}

/* Single Sign-On panel (org hub) */
.adm-sso-provider {
  padding: 4px 0;
}

.adm-sso-provider + .adm-sso-provider {
  border-top: 1px solid #eef1f5;
}

.adm-sso-domains {
  color: #475467;
  font-size: var(--edc-fs-label);
  margin-left: 6px;
}

.adm-sso-linked {
  color: #475467;
  font-size: var(--edc-fs-label);
  margin-left: 6px;
}

.adm-sso-entity {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: #475467;
  margin-top: 2px;
  word-break: break-all;
}

.adm-sso-entity code {
  font-size: var(--edc-fs-eyebrow);
  color: #101828;
  background: #f6f8fa;
  padding: 1px 4px;
  border-radius: 4px;
}

.adm-badge--muted {
  background: #f2f4f7;
  color: #475467;
  border-color: #e4e7ec;
}

.adm-c360__op--inline {
  cursor: default;
}

/* An operations row that has to explain itself: control on top, one
   sentence under it. The base row is a hover-highlighting flex line built
   for links, so a stacked one turns both of those off. */
.adm-c360__op--stack {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
}
.adm-c360__op--stack:hover {
  background: transparent;
  color: var(--adm-text);
}
.adm-c360__op--stack:hover i {
  color: var(--adm-text-faint);
}

.adm-c360__op-main {
  display: flex;
  align-items: center;
  gap: 10px;
}

.adm-c360__op-main > span:first-of-type {
  flex: 1;
}

.adm-c360__op-note {
  margin: 0 0 0 28px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  line-height: 1.45;
  color: #475467;
  max-width: 62ch;
}

.adm-c360__op-state {
  display: block;
  margin-top: 2px;
  color: #344054;
}

.adm-posture-form {
  margin-left: auto;
}

/* The Player Bar row in Who Sees What: the choice and Apply on one line at
   the row's own left edge (never pushed right like the Operations rows), the
   sentence under them on the same edge, and the two controls one height. */
.adm-c360__lever-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.adm-c360__lever-form .adm-posture-select {
  width: auto;
  max-width: 100%;
  height: 34px;
}

.adm-c360__lever-note {
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #475467;
  max-width: 62ch;
}

.adm-posture-select {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  padding: 3px 8px;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  background: #fff;
  color: #101828;
}

/* EDO Directory curation (revamp P4) */
.adm-edo-forms {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.adm-edo-add {
  display: flex;
  gap: 8px;
  align-items: center;
}

.adm-edo-bulk {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 560px;
}

.adm-edo-search {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
  max-width: 420px;
}

.adm-input {
  font-size: var(--edc-fs-secondary);
  padding: 6px 10px;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
}

.adm-input--state {
  width: 64px;
}

.adm-label {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #475467;
}

.adm-btn--quiet {
  background: transparent;
  color: #475467;
  border-color: #e4e7ec;
}

.adm-muted {
  color: #667085;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.geo-plane .geo-back {
  margin-bottom: 10px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.geo-plane .geo-back a {
  color: #475569;
  text-decoration: none;
}
.geo-plane .geo-back a:hover {
  color: #1d4ed8;
}

.geo-provider {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  margin-bottom: 18px;
}
.geo-provider i {
  margin-top: 2px;
}
.geo-provider--ok {
  background: #e8f6ef;
  border: 1px solid #b4e2cc;
  color: #1c5a3d;
}
.geo-provider--ok i {
  color: #1c7a4f;
}
.geo-provider--warn {
  background: #fff6e6;
  border: 1px solid #f3d79a;
  color: #7a4b09;
}
.geo-provider--warn i {
  color: #b45309;
}

.geo-fleet__check {
  width: 36px;
}
.geo-fleet__check input {
  width: 16px;
  height: 16px;
}
.geo-fleet__org {
  font-weight: 600;
  text-decoration: none;
}
.geo-fleet__org:hover {
  text-decoration: underline;
}
.geo-fleet__quota {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.geo-fleet__last {
  white-space: nowrap;
}
.geo-fleet__last-date {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #64748b;
  margin-left: 4px;
}
.geo-fleet__open {
  white-space: nowrap;
}
.geo-fleet td.num, .geo-fleet th.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.geo-badge {
  display: inline-block;
  padding: 2px 9px 3px;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.geo-badge--todo {
  background: #fdeceb;
  color: #b42318;
}
.geo-badge--done {
  background: #e8f6ef;
  color: #1c7a4f;
}
.geo-badge--completed {
  background: #e8f6ef;
  color: #1c7a4f;
}
.geo-badge--running {
  background: #e7f0fe;
  color: #1d4ed8;
}
.geo-badge--pending {
  background: #f1f4f8;
  color: #475569;
}
.geo-badge--failed {
  background: #fdeceb;
  color: #b42318;
}
.geo-badge--conf-high {
  background: #e8f6ef;
  color: #1c7a4f;
}
.geo-badge--conf-medium {
  background: #fff6e6;
  color: #95590a;
}
.geo-badge--conf-low {
  background: #fdeceb;
  color: #b42318;
}

.geo-batch {
  margin-top: 14px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
}
.geo-batch__title {
  font-weight: 700;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin-bottom: 8px;
}
.geo-batch__hint {
  font-weight: 400;
  color: #64748b;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.geo-batch__controls {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.geo-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  margin: 0;
}
.geo-inline input[type=checkbox] {
  width: 15px;
  height: 15px;
}
.geo-inline--num input, .geo-inline--num select {
  border: 1px solid #c7d2e0;
  border-radius: 7px;
  padding: 4px 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  width: 130px;
}
.geo-inline--num input[type=date] {
  width: 160px;
}
.geo-inline--num select {
  width: auto;
}

.geo-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .geo-cards {
    grid-template-columns: 1fr;
  }
}

.geo-card {
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  padding: 16px 18px;
  margin-bottom: 14px;
}
.geo-cards .geo-card {
  margin-bottom: 0;
}
.geo-card--warn {
  border-color: #f3d79a;
  background: #fffdf7;
}
.geo-card__title {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.geo-card__when {
  font-weight: 400;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.64 / 11);
  color: #64748b;
}
.geo-card__foot {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #64748b;
  margin: 10px 0 0;
}
.geo-card__subhead {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
  margin: 18px 0 8px;
}

.geo-stats {
  margin: 0;
  display: grid;
  gap: 8px;
}
.geo-stats > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}
.geo-stats dt {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #475569;
  margin: 0;
}
.geo-stats dd {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  margin: 0;
}
.geo-stats--row {
  grid-template-columns: repeat(6, auto);
  justify-content: start;
  gap: 26px;
}
.geo-stats--row > div {
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
}
.geo-stats--row dd {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
}
@media (max-width: 991px) {
  .geo-stats--row {
    grid-template-columns: repeat(3, auto);
  }
}

.geo-quota__nums {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin-bottom: 6px;
}

.geo-meterbar {
  height: 8px;
  border-radius: 4px;
  background: #eef1f4;
  overflow: hidden;
  margin-bottom: 10px;
}
.geo-meterbar__fill {
  height: 100%;
  background: #1d4ed8;
  border-radius: 4px;
}

.geo-quota__form {
  display: flex;
  gap: 8px;
  align-items: center;
}
.geo-quota__form input {
  border: 1px solid #c7d2e0;
  border-radius: 7px;
  padding: 4px 8px;
  width: 110px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.geo-run__form {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.geo-run__actions {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.geo-confbar {
  display: flex;
  height: 14px;
  border-radius: 7px;
  overflow: hidden;
  margin-top: 12px;
  background: #eef1f4;
}
.geo-confbar__seg--high {
  background: #2e9e6b;
}
.geo-confbar__seg--medium {
  background: #e08600;
}
.geo-confbar__seg--low {
  background: #e5484d;
}

.geo-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  vertical-align: baseline;
  margin-right: 2px;
}
.geo-dot--high {
  background: #2e9e6b;
}
.geo-dot--medium {
  background: #e08600;
}
.geo-dot--low {
  background: #e5484d;
}

.geo-samples__was {
  color: #94a3b8;
}
.geo-samples__now {
  font-weight: 600;
}

.geo-apply {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
  flex-wrap: wrap;
}
.geo-apply__form {
  display: flex;
  align-items: center;
  gap: 10px;
}

.geo-history__notes {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #64748b;
}

.geo-bulk__filters {
  margin: 4px 0 14px;
}
.geo-bulk__filterset {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  border: 0;
  margin: 0;
  padding: 0;
}
.geo-bulk__filternote {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #334155;
}
.geo-bulk__filternote--muted {
  color: #64748b;
}
.geo-bulk__reset {
  color: #1d4ed8;
  text-decoration: none;
}
.geo-bulk__reset:hover {
  text-decoration: underline;
}
.geo-bulk__sort {
  color: inherit;
  text-decoration: none;
}
.geo-bulk__sort:hover {
  text-decoration: underline;
}
.geo-bulk__empty {
  text-align: center;
  color: #64748b;
  padding: 22px;
}
.geo-bulk__launch {
  margin-top: 14px;
}
.geo-bulk__radius {
  margin: 10px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #1c5a3d;
}
.geo-bulk__progress {
  margin-bottom: 18px;
  padding: 4px 0 0;
}
.geo-bulk__progress-head {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 12px 16px 6px;
  flex-wrap: wrap;
}
.geo-bulk__progress-title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  margin: 0;
}
.geo-bulk__progress-title i {
  margin-right: 6px;
}
.geo-bulk__progress-sub {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
  margin: 0;
}
.geo-bulk__progress-table {
  margin-top: 4px;
}
.geo-bulk__retry {
  display: inline;
  margin: 0;
}
.geo-bulk__err {
  display: inline-block;
  margin-left: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #b42318;
  vertical-align: middle;
}

.geo-readiness {
  margin-bottom: 18px;
}

.geo-readiness__steps {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.geo-readiness__steps li {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 6px 14px;
  align-items: baseline;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: var(--edc-fs-secondary);
  color: #374151;
  background: #f9fafb;
  border-left: 3px solid #d1d5db;
}
.geo-readiness__steps li.is-done {
  border-left-color: #0f8a4b;
}
.geo-readiness__steps li.is-open {
  border-left-color: #c2620e;
}
.geo-readiness__steps li strong {
  color: #111827;
}
.geo-readiness__steps li code {
  grid-column: 2;
  font-size: var(--edc-fs-label);
  color: #1f2937;
  background: #eef2f7;
  padding: 2px 6px;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
}

:where(.bre) a {
  color: #1d4ed8;
}

:where(.bre) a:hover {
  color: #1e40af;
}

.bre {
  padding-top: 8px;
  color: #1f2933;
}
.bre__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}
.bre__title {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0 0 2px;
}
.bre__subtitle {
  color: #475569;
  margin: 0;
  max-width: 56ch;
}
.bre__head-row {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 16px;
}
.bre__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bre__section-title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #475569;
  margin: 0 0 12px;
}

.bre-beta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fff4d6;
  color: #8a6100;
  border: 1px solid #f3df9f;
  white-space: nowrap;
}

.bre-nav {
  display: inline-flex;
  padding: 3px;
  background: #eef1f4;
  border-radius: 10px;
  gap: 2px;
}
.bre-nav__link {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  color: #495565;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
}
.bre-nav__link:hover {
  color: #1f2933;
}
.bre-nav__link.is-active {
  background: #fff;
  color: #1f2933;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.12);
}
.bre-nav__link:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.bre-tiles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 22px;
}
@media (max-width: 992px) {
  .bre-tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 540px) {
  .bre-tiles {
    grid-template-columns: 1fr;
  }
}

.bre-tile {
  position: relative;
  display: block;
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 12px;
  padding: 16px 16px 14px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.14s ease, transform 0.14s ease, border-color 0.14s ease;
}
.bre-tile::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 16px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--bre-dot, #cbd2db);
}
.bre-tile__count {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
}
.bre-tile__label {
  margin-top: 6px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
}
.bre-tile__hint {
  margin-top: 2px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #6c757d;
}
.bre-tile.is-clickable:hover {
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.08);
  transform: translateY(-1px);
}

.bre-tile--urgent_intervention {
  --bre-dot: #e5484d;
}
.bre-tile--urgent_intervention .bre-tile__count {
  color: #b42318;
}

.bre-tile--monitor {
  --bre-dot: #e08600;
}
.bre-tile--monitor .bre-tile__count {
  color: #95590a;
}

.bre-tile--retain_grow {
  --bre-dot: #2e9e6b;
}
.bre-tile--retain_grow .bre-tile__count {
  color: #1c7a4f;
}

.bre-tile--assess_accept {
  --bre-dot: #6b7a90;
}
.bre-tile--assess_accept .bre-tile__count {
  color: #475569;
}

.bre-tile--insufficient {
  background: #f7f8fa;
  border-style: dashed;
  --bre-dot: #c4ccd6;
}
.bre-tile--insufficient .bre-tile__count {
  color: #6b7a90;
}

.bre-matrix {
  display: grid;
  grid-template-columns: 22px 1fr;
  grid-template-rows: 1fr 22px;
  gap: 8px;
  max-width: 480px;
  margin-inline: auto;
}

.bre-matrix__yaxis,
.bre-matrix__xaxis {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6c757d;
}

.bre-matrix__yaxis {
  grid-row: 1;
  grid-column: 1;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.bre-matrix__xaxis {
  grid-row: 2;
  grid-column: 2;
}

.bre-matrix__plot {
  grid-row: 1;
  grid-column: 2;
  position: relative;
  aspect-ratio: 1/1;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  overflow: hidden;
}

.bre-matrix__grid {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

.bre-matrix__quad {
  position: relative;
  padding: 8px 10px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.52 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.bre-matrix__quad--tl {
  color: #95590a;
  background: #fff6e6;
}
.bre-matrix__quad--tr {
  color: #b42318;
  background: #fdeceb;
  text-align: right;
}
.bre-matrix__quad--bl {
  color: #475569;
  background: #f1f4f8;
  display: flex;
  align-items: flex-end;
}
.bre-matrix__quad--br {
  color: #1c7a4f;
  background: #e8f6ef;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
}

.bre-matrix__midline {
  position: absolute;
  background: rgba(31, 41, 51, 0.12);
}
.bre-matrix__midline--v {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
}
.bre-matrix__midline--h {
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
}

.bre-matrix__dots {
  position: absolute;
  inset: 18px;
}

.bre-dot {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #fff;
  transform: translate(-50%, 50%);
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.3);
  cursor: pointer;
  z-index: 1;
}
.bre-dot:hover, .bre-dot:focus-visible {
  z-index: 5;
  outline: none;
}
.bre-dot:hover .bre-dot__label, .bre-dot:focus-visible .bre-dot__label {
  opacity: 1;
  transform: translate(-50%, -6px);
}
.bre-dot__label {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, -2px);
  white-space: nowrap;
  background: #1f2933;
  color: #fff;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 600;
  padding: 3px 7px;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s ease, transform 0.12s ease;
}

.bre-dot--urgent_intervention {
  background: #e5484d;
}

.bre-dot--monitor {
  background: #e08600;
}

.bre-dot--retain_grow {
  background: #2e9e6b;
}

.bre-dot--assess_accept {
  background: #6b7a90;
}

.bre-matrix-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.bre-edge-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #51607a;
}
.bre-edge-switch__cb {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.bre-edge-switch__track {
  position: relative;
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background: #cbd2db;
  transition: background 0.2s ease;
}
.bre-edge-switch__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.3);
  transition: transform 0.2s ease;
}
.bre-edge-switch__cb:checked + .bre-edge-switch__track {
  background: #2563eb;
}
.bre-edge-switch__cb:checked + .bre-edge-switch__track .bre-edge-switch__thumb {
  transform: translateX(14px);
}
.bre-edge-switch__cb:focus-visible + .bre-edge-switch__track {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.bre-matrix__edge-key {
  margin: 12px 0 0;
  text-align: center;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.45;
  color: #4b5563;
}

.bre-matrix__motion-summary {
  margin: 4px 0 0;
  text-align: center;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #1f2933;
}

.bre-mx__halo-key {
  color: #b42318;
  font-weight: 600;
}

.bre-mx__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.bre-mx__lens {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
}

.bre-mx__switches {
  display: inline-flex;
  gap: 16px;
  margin-left: auto;
  flex: 0 0 auto;
}

.bre-lens-chip {
  border: 1px solid #d9dee5;
  background: #fff;
  color: #51607a;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.64 / 11);
  font-weight: 600;
  padding: 4px 11px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.bre-lens-chip:hover {
  border-color: #b9c3d0;
}
.bre-lens-chip.is-on {
  background: #1f2933;
  border-color: #1f2933;
  color: #fff;
}
.bre-lens-chip:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.bre-matrix__layer {
  position: absolute;
  inset: 18px;
  overflow: visible;
}

.bre-inspect {
  position: absolute;
  inset: 0;
  z-index: 6;
  background: rgba(255, 255, 255, 0.975);
  border-radius: 10px;
  box-shadow: 0 10px 34px rgba(16, 24, 40, 0.16);
  animation: bre-inspect-in 0.18s ease;
}

@keyframes bre-inspect-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.bre-inspect__scroll {
  position: absolute;
  inset: 0;
  overflow-y: auto;
  padding: 16px 18px 18px;
}

.bre-inspect__close {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 1;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 0;
  background: #f1f3f5;
  color: #51607a;
  cursor: pointer;
}
.bre-inspect__close:hover {
  background: #e6e9ee;
}

.bre-inspect__name {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  margin: 8px 0 2px;
}

.bre-inspect__meta {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #6c757d;
  margin: 0 0 12px;
}

.bre-inspect__scores {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 0 0 12px;
}
.bre-inspect__scores > div {
  background: #f7f8fa;
  border: 1px solid #eef1f4;
  border-radius: 8px;
  padding: 6px 4px;
  text-align: center;
}
.bre-inspect__scores dt {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.96 / 10);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #6c757d;
  margin: 0;
}
.bre-inspect__scores dd {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  margin: 1px 0 0;
  font-variant-numeric: tabular-nums;
}

.bre-inspect__traj {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  margin: 0 0 4px;
}
.bre-inspect__traj.is-up {
  color: #b42318;
}
.bre-inspect__traj.is-down {
  color: #1c7a4f;
}

.bre-inspect__h {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  font-weight: 700;
  margin: 16px 0 8px;
}

.bre-inspect__none {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #6c757d;
  margin: 0;
}

.bre-inspect__signals {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bre-sig {
  border: 1px solid #e3e7ec;
  border-radius: 8px;
  padding: 8px 10px;
}
.bre-sig__tag {
  display: inline-block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.68 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 3px;
}
.bre-sig--threat .bre-sig__tag {
  color: #b42318;
}
.bre-sig--watch .bre-sig__tag {
  color: #95590a;
}
.bre-sig--opportunity .bre-sig__tag {
  color: #1c7a4f;
}
.bre-sig__head {
  display: block;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  font-weight: 500;
  color: #1f2933;
  line-height: 1.35;
}
.bre-sig__src {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  color: #6c757d;
  margin-top: 3px;
}

.bre-uperf {
  width: 100%;
  height: 56px;
  display: block;
}

.bre-inspect__link {
  display: inline-block;
  margin-top: 16px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
}

.bre-focus {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bre-focus__item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 14px;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.12s ease, border-color 0.12s ease;
}
.bre-focus__item:hover {
  box-shadow: 0 4px 14px rgba(16, 24, 40, 0.07);
  border-color: #d3dae3;
}
.bre-focus__rank {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  background: #f1f4f8;
  color: #475569;
}
.bre-focus__name {
  font-weight: 600;
}
.bre-focus__meta {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6c757d;
}
.bre-focus__why {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  margin-top: 2px;
}

.bre-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.64 / 11);
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  white-space: nowrap;
}
.bre-pill::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.85;
}

.bre-pill--urgent_intervention {
  color: #b42318;
  background: #fdeceb;
  border-color: #f3c0bd;
}

.bre-pill--monitor {
  color: #95590a;
  background: #fff6e6;
  border-color: #f3d79a;
}

.bre-pill--retain_grow {
  color: #1c7a4f;
  background: #e8f6ef;
  border-color: #b4e2cc;
}

.bre-pill--assess_accept {
  color: #475569;
  background: #f1f4f8;
  border-color: #d4dbe5;
}

.bre-pill--insufficient {
  color: #5b6573;
  background: #eef1f4;
  border-color: #dde2e8;
}
.bre-pill--insufficient::before {
  background: #9aa4b2;
}

.bre-flag {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.52 / 10);
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 999px;
  margin-left: 6px;
  vertical-align: middle;
  white-space: nowrap;
}
.bre-flag i {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.4 / 10);
}
.bre-flag--threat {
  color: #b42318;
  background: #fdeceb;
}
.bre-flag--watch {
  color: #95590a;
  background: #fff6e6;
}
.bre-flag--opportunity {
  color: #1c7a4f;
  background: #e8f6ef;
}

.bre-queue-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-bottom: 12px;
}

.bre-queue-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}

.bre-queue-filters {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
}

.bre-queue-sort {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.bre-queue-sort__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
}

.bre-sort-link {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #51607a;
  text-decoration: none;
}
.bre-sort-link:hover {
  color: #1f2933;
}
.bre-sort-link.is-on {
  color: #2563eb;
  text-decoration: underline;
}

.bre-rank--none {
  background: transparent;
  color: #aeb6c1;
}

.bre-queue {
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 12px;
  overflow-x: auto;
}
.bre-queue table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}
@media (max-width: 768px) {
  .bre-queue table {
    min-width: 660px;
  }
}
.bre-queue thead th {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  background: #fafbfc;
  padding: 10px 14px;
  white-space: nowrap;
}
.bre-queue tbody td, .bre-queue tbody th {
  padding: 12px 14px;
  vertical-align: middle;
}
.bre-queue thead th {
  border-bottom: 1.5px solid #94a3b8;
}
.bre-queue tbody th, .bre-queue tbody td {
  border-bottom: 1px solid #e2e8f0;
}
.bre-queue tbody th {
  text-align: left;
}
.bre-queue tbody tr:last-child th, .bre-queue tbody tr:last-child td {
  border-bottom: 0;
}
.bre-queue tbody tr {
  transition: background 0.1s ease;
}
.bre-queue tbody tr:hover {
  background: #f7f9fc;
}
.bre-queue tbody tr.is-uncertain {
  background: #fbfcfd;
}
.bre-queue .num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.bre-rank {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  background: #f1f4f8;
  color: #51607a;
}
.bre-rank--top {
  background: #fdeceb;
  color: #b42318;
}

.bre-co__name {
  font-weight: 600;
  color: #1f2933;
  text-decoration: none;
}
.bre-co__name:hover {
  text-decoration: underline;
}
.bre-co__meta {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #6c757d;
  margin-top: 1px;
}

.bre-score {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.bre-score--priority {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
}

.bre-meter {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 110px;
}
.bre-meter__track {
  flex: 1;
  height: 6px;
  border-radius: 999px;
  background: #eceff3;
  overflow: hidden;
}
.bre-meter__fill {
  height: 100%;
  border-radius: 999px;
  background: #2e9e6b;
}
.bre-meter__fill--low {
  background: #e08600;
}
.bre-meter__fill--vlow {
  background: #c4ccd6;
}
.bre-meter__val {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #6c757d;
  font-variant-numeric: tabular-nums;
}

.bre-curate__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bre-curate__filter {
  margin: 0 0 10px;
}
.bre-curate__filter-label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #334155;
  margin-bottom: 4px;
}
.bre-curate__filter-status {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  min-height: 1.2em;
}
.bre-curate__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 2px;
  border-bottom: 1px solid #e3e7ec;
}
.bre-curate__row:last-child {
  border-bottom: 0;
}
.bre-curate__name {
  display: block;
  font-weight: 600;
  color: #1f2937;
}
.bre-curate__meta {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #475569;
}

.bre-coverage {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
}
.bre-coverage__count {
  margin-top: 3px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
  font-variant-numeric: tabular-nums;
  cursor: help;
}
.bre-coverage__count--gap {
  display: inline-block;
  cursor: pointer;
  color: #1d4ed8;
  text-decoration: none;
  border-bottom: 1px solid rgba(29, 78, 216, 0.35);
}
.bre-coverage__count--gap i {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.68 / 10);
  margin-left: 2px;
}
.bre-coverage__count--gap:hover, .bre-coverage__count--gap:focus-visible {
  color: #1e3a8a;
  border-bottom-color: #1e3a8a;
}
.bre-coverage__count--gap:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
  border-radius: 3px;
}

.bre-gaps {
  margin: 14px 0 18px;
  padding: 12px 14px;
  background: #f8fafc;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
}
.bre-gaps__lead {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 600;
  color: #334155;
}
.bre-gaps__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bre-gap {
  padding: 7px 0;
}
.bre-gap + .bre-gap {
  border-top: 1px solid #eaeef3;
}
.bre-gap__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
}
.bre-gap__what {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  line-height: 1.45;
  color: #1f2937;
}
.bre-gap__dims {
  display: block;
  margin-top: 1px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
}
.bre-gap__link {
  flex: none;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #1d4ed8;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  border-bottom: 1px solid rgba(29, 78, 216, 0.35);
}
.bre-gap__link:hover, .bre-gap__link:focus-visible {
  color: #1e3a8a;
  border-bottom-color: #1e3a8a;
}
.bre-gap__link:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
  border-radius: 3px;
}

.bre-gaps__filled {
  margin: 9px 0 0;
  padding-top: 8px;
  border-top: 1px solid #eaeef3;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  line-height: 1.5;
  color: #1c7a4f;
}

.bre-profile__back {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.bre-profile__header {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 22px;
  border: 1px solid #e3e7ec;
  border-radius: 14px;
  background: #fff;
  margin-bottom: 22px;
}
.bre-profile__name {
  font-size: calc(var(--edc-fs-title) * 19.6 / 18);
  font-weight: 700;
  margin: 0 0 4px;
}
.bre-profile__meta {
  color: #6c757d;
  margin: 0 0 10px;
}

.bre-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}

.bre-stat {
  min-width: 84px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #f7f8fa;
  border: 1px solid #eef1f4;
  text-align: center;
}
.bre-stat__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
  margin: 0;
}
.bre-stat__value {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  line-height: 1.1;
  margin: 2px 0 0;
  font-variant-numeric: tabular-nums;
}
.bre-stat--accent {
  background: #fdeceb;
  border-color: #f3c0bd;
}
.bre-stat--accent .bre-stat__value {
  color: #b42318;
}
.bre-stat--good {
  background: #e8f6ef;
  border-color: #b4e2cc;
}
.bre-stat--good .bre-stat__value {
  color: #1c7a4f;
}
.bre-stat--muted .bre-stat__value {
  color: #aeb6c1;
}

.bre-card {
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 20px;
}
.bre-card__title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  margin: 0 0 4px;
}
.bre-card__sub {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #6c757d;
  margin: 0 0 14px;
}

.bre-dims {
  list-style: none;
  margin: 0 0 4px;
  padding: 0;
}
.bre-dims__axis {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  margin: 16px 0 2px;
}
.bre-dims__note {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #4b5563;
  margin: 0 0 6px;
}

.bre-dim {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 4px 12px;
  padding: 9px 0;
  border-top: 1px solid #eef1f4;
}
.bre-dim:first-of-type {
  border-top: 0;
}
.bre-dim__name {
  font-weight: 500;
}
.bre-dim__val {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: #1f2933;
}
.bre-dim__bar {
  grid-column: 1/-1;
  height: 6px;
  border-radius: 999px;
  background: #eceff3;
  overflow: hidden;
}
.bre-dim__fill {
  height: 100%;
  border-radius: 999px;
}
.bre-dim__how {
  grid-column: 1/-1;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.45;
  color: #4b5563;
}
.bre-dim__evidence {
  grid-column: 1/-1;
  margin-top: 4px;
  padding: 8px 12px;
  background: #fdf3f3;
  border: 1px solid #f3d4d5;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.45;
  color: #374151;
}
.bre-dim__evidence-lead {
  display: block;
  font-weight: 600;
  color: #8f1d22;
}
.bre-dim__evidence-list {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: grid;
  gap: 4px;
}
.bre-dim__evidence-q {
  display: block;
  color: #4b5563;
}
.bre-dim__evidence-on {
  color: #4b5563;
}
.bre-dim--inactive .bre-dim__name {
  color: #6c757d;
}

.bre-nodata {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #475569;
  background: #eef1f4;
  border: 1px solid #dde2e8;
  border-radius: 999px;
  padding: 2px 9px;
}

.bre-fill--good {
  background: #2e9e6b;
}

.bre-fill--mid {
  background: #e08600;
}

.bre-fill--bad {
  background: #e5484d;
}

.bre-edge {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 14px;
}
.bre-edge__row {
  display: grid;
  grid-template-columns: 130px 1fr 40px;
  align-items: center;
  gap: 10px;
}
.bre-edge__lbl {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #475569;
}
.bre-edge__track {
  height: 10px;
  border-radius: 999px;
  background: #eceff3;
  overflow: hidden;
}
.bre-edge__fill {
  height: 100%;
  border-radius: 999px;
}
.bre-edge__fill--adaptive {
  background: #e5484d;
}
.bre-edge__fill--flat {
  background: #9aa4b2;
}
.bre-edge__num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.bre-edge-note {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  padding: 10px 12px;
  border-radius: 8px;
  background: #f7f8fa;
}
.bre-edge-note--earlier {
  background: #fdeceb;
  color: #b42318;
}
.bre-edge-note--calmer {
  background: #e8f6ef;
  color: #1c7a4f;
}

.bre-spark {
  width: 100%;
  height: 56px;
  display: block;
  margin-bottom: 8px;
}

.bre-history {
  width: 100%;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  border-collapse: collapse;
}
.bre-history th, .bre-history td {
  padding: 6px 8px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.bre-history th:first-child, .bre-history td:first-child {
  text-align: left;
}
.bre-history thead th {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
}
.bre-history thead th {
  border-bottom: 1.5px solid #94a3b8;
}
.bre-history tbody th, .bre-history tbody td {
  border-bottom: 1px solid #e2e8f0;
}
.bre-history tbody th {
  text-align: left;
}
.bre-history tbody tr:last-child th, .bre-history tbody tr:last-child td {
  border-bottom: 1px solid #cbd5e1;
}

.bre-preview-banner {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  padding: 10px 14px;
  border-radius: 10px;
  background: #eef4ff;
  border: 1px solid #d4e2fb;
  color: #1e40af;
  margin-bottom: 20px;
}

.bre-kpis {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-bottom: 22px;
}
@media (max-width: 992px) {
  .bre-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 540px) {
  .bre-kpis {
    grid-template-columns: 1fr;
  }
}

.bre-kpi {
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 12px;
  padding: 16px;
}
.bre-kpi__value {
  font-size: calc(var(--edc-fs-display) * 23.8 / 24);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.bre-kpi__label {
  margin-top: 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #6c757d;
}

.bre-headline {
  background: linear-gradient(135deg, #1d7a4f 0%, #2e9e6b 100%);
  color: #fff;
  border-radius: 14px;
  padding: 22px 24px;
  margin-bottom: 22px;
}
.bre-headline__eyebrow {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.85;
  margin: 0 0 6px;
}
.bre-headline__lead {
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  font-weight: 600;
  margin: 0 0 6px;
}
.bre-headline__sub {
  margin: 0;
  opacity: 0.9;
}

.bre-source {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  color: #8a94a3;
  margin: 0 0 10px;
}

.bre-panel.insight-stamped .insights-hub__card-head {
  padding-right: 32px;
}

.bre-panel {
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 16px;
}
.bre-panel__title {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  margin: 0 0 2px;
}
.bre-panel__hint {
  color: #475569;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  line-height: 1.4;
  margin: 0 0 10px;
}
.bre-panel--insight {
  display: flex;
  flex-direction: column;
  height: 100%;
  container-type: inline-size;
}
@container (max-width: 420px) {
  .bre-panel--insight .insight-size-medium .insight-score-ring, .bre-panel--insight .insight-size-large .insight-score-ring {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .bre-panel--insight .insight-size-medium .insight-score-ring .insight-score-ring__caveats, .bre-panel--insight .insight-size-large .insight-score-ring .insight-score-ring__caveats {
    max-width: 100%;
    text-align: center;
  }
}
.bre-panel--insight .bre-panel__title {
  margin-bottom: 6px;
}
.bre-panel--insight .insight-mount {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 0;
}
.bre-panel--insight .insight-metric-tile {
  border: none;
  background: none;
  padding: 0;
  align-items: center;
  text-align: center;
}
.bre-panel--insight .insight-metric-tile:hover {
  box-shadow: none;
  transform: none;
  border-color: transparent;
}
.bre-panel .insight-size-medium::before,
.bre-panel .insight-size-large::before,
.bre-panel .insight-size-full::before {
  content: none;
}
.bre-panel .insight-score-ring__caveats {
  font-size: var(--edc-fs-secondary);
  line-height: 1.4;
  max-width: 240px;
  margin-top: 6px;
}

.bre-section__title {
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 800;
  letter-spacing: -0.01em;
  margin: 18px 0 2px;
}

.bre-section__lead {
  color: #475569;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  margin: 0 0 10px;
}

.bre-section--preview {
  margin-top: 20px;
}

.bre-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.bre-table th, .bre-table td {
  padding: 9px 10px;
}
.bre-table thead th {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
  text-align: left;
}
.bre-table thead th.num, .bre-table tbody td.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.bre-table tbody th {
  font-weight: 600;
  color: #0f172a;
}
.bre-table tbody tr:hover {
  background: #f7f9fc;
}
.bre-table thead th {
  border-bottom: 1.5px solid #94a3b8;
}
.bre-table tbody th, .bre-table tbody td {
  border-bottom: 1px solid #e2e8f0;
}
.bre-table tbody th {
  text-align: left;
}
.bre-table tbody tr:last-child th, .bre-table tbody tr:last-child td {
  border-bottom: 1px solid #cbd5e1;
}

.bre-tier__head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 16px 0 8px;
}
.bre-tier__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.bre-tier__dot--most_serious {
  background: #e5484d;
}
.bre-tier__dot--emerging {
  background: #e08600;
}
.bre-tier__dot--on_radar {
  background: #6b7a90;
}

.bre-signal {
  list-style: none;
  margin: 0 0 6px;
  padding: 0;
}
.bre-signal__item {
  padding: 11px 0;
  border-top: 1px solid #eef1f4;
}
.bre-signal__item:first-child {
  border-top: 0;
}
.bre-signal__co {
  font-weight: 600;
}
.bre-signal__txt {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.bre-signal__src {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.64 / 11);
  color: #6c757d;
  margin-top: 2px;
}

.bre-opp .bre-signal__item {
  border-color: #eef1f4;
}

.bre-trend {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 600;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
}
.bre-trend__icon {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  line-height: 1;
}
.bre-trend--up {
  color: #b42318;
}
.bre-trend--down {
  color: #1c7a4f;
}
.bre-trend--flat {
  color: #6b7a90;
}

.bre-empty {
  text-align: center;
  padding: 48px 24px;
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 12px;
}
.bre-empty__icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin: 0 auto 14px;
  background: #eef4ff;
  color: #2563eb;
  font-size: calc(var(--edc-fs-title) * 19.6 / 18);
}
.bre-empty__title {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  margin: 0 0 4px;
}
.bre-empty__body {
  color: #6c757d;
  margin: 0 auto;
  max-width: 46ch;
}

.bre-ops {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 22px;
}
@media (max-width: 991px) {
  .bre-ops {
    grid-template-columns: repeat(2, 1fr);
  }
}
.bre-ops__card {
  display: block;
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  padding: 14px 16px;
  color: inherit;
  text-decoration: none;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.bre-ops a.bre-ops__card:hover {
  border-color: #b9c4d4;
  box-shadow: 0 2px 10px rgba(31, 41, 51, 0.06);
  color: inherit;
  text-decoration: none;
}
.bre-ops__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}
.bre-ops__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6c757d;
}
.bre-ops__big {
  font-size: calc(var(--edc-fs-display) * 23.1 / 24);
  font-weight: 700;
  line-height: 1.1;
  color: #1f2933;
  font-variant-numeric: tabular-nums;
}
.bre-ops__of {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 500;
  color: #6c757d;
}
.bre-ops__bar {
  height: 6px;
  border-radius: 3px;
  background: #eef1f4;
  margin: 8px 0 6px;
  overflow: hidden;
}
.bre-ops__bar-fill {
  height: 100%;
  border-radius: 3px;
  background: #2e9e6b;
}
.bre-ops__foot {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.64 / 11);
  color: #6c757d;
}
.bre-ops__list {
  list-style: none;
  margin: 0 0 4px;
  padding: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
}
.bre-ops__list li {
  padding: 2px 0;
}
.bre-ops__list i {
  color: #6c757d;
  margin-right: 4px;
}
.bre-ops__empty {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
  color: #6c757d;
  margin: 6px 0;
}

.bre-chip {
  display: inline-block;
  padding: 1px 8px 2px;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.24 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.bre-chip--preview {
  background: #eef2ff;
  color: #4f46e5;
}
.bre-chip--active {
  background: #e8f6ef;
  color: #1c7a4f;
}
.bre-chip--category {
  background: #f1f4f8;
  color: #475569;
  text-transform: none;
  letter-spacing: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 600;
}

.bre-cycle-chip {
  display: inline-block;
  padding: 2px 9px 3px;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  white-space: nowrap;
}
.bre-cycle-chip--idle {
  background: #f1f4f8;
  color: #475569;
}
.bre-cycle-chip--scheduled {
  background: #e7f0fe;
  color: #1d4ed8;
}
.bre-cycle-chip--visited {
  background: #fff6e6;
  color: #95590a;
}
.bre-cycle-chip--done {
  background: #e8f6ef;
  color: #1c7a4f;
}
.bre-cycle-chip--followup {
  background: #fdeceb;
  color: #b42318;
}

.bre-actions {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bre-actions__more {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #6c757d;
  margin: 10px 0 0;
}

.bre-action {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 4px;
  border-bottom: 1px solid #eef1f4;
}
.bre-action:last-child {
  border-bottom: 0;
}
.bre-action__dot {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-top: 6px;
}
.bre-action__dot--urgent {
  background: #e5484d;
}
.bre-action__dot--soon {
  background: #e08600;
}
.bre-action__dot--routine {
  background: #94a3b8;
}
.bre-action__body {
  flex: 1;
  min-width: 0;
}
.bre-action__title {
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #1f2933;
}
.bre-action__co {
  font-weight: 600;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  margin-left: 6px;
  white-space: nowrap;
}
.bre-action__why {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #475569;
  margin-top: 1px;
}
.bre-action__meta {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  color: #6c757d;
  margin-top: 2px;
}
.bre-action__sev {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.96 / 10);
}
.bre-action__sev--urgent {
  color: #b42318;
}
.bre-action__sev--soon {
  color: #95590a;
}
.bre-action__sev--routine {
  color: #64748b;
}
.bre-action__btn {
  flex: 0 0 auto;
  border: 1px solid #c7d2e0;
  background: #fff;
  border-radius: 7px;
  padding: 5px 11px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 600;
  color: #1f2933;
  white-space: nowrap;
  transition: border-color 120ms ease, background 120ms ease;
}
.bre-action__btn:hover:not(:disabled) {
  border-color: #1d4ed8;
  color: #1d4ed8;
}
.bre-action__btn:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.bre-action__btn.is-done {
  border-color: #b4e2cc;
  background: #e8f6ef;
  color: #1c7a4f;
}
.bre-action__btn:disabled {
  opacity: 0.85;
}

.bre-card__count {
  display: inline-block;
  min-width: 22px;
  text-align: center;
  background: #f1f4f8;
  color: #475569;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  padding: 2px 7px;
  vertical-align: 2px;
  margin-left: 4px;
}

.bre-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  border: 1px solid #1d4ed8;
  background: #1d4ed8;
  color: #fff;
  border-radius: 7px;
  padding: 5px 12px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}
.bre-btn:hover, .bre-btn:focus {
  text-decoration: none;
}
.bre-btn:hover:not(:disabled) {
  background: #1741ae;
  border-color: #1741ae;
  color: #fff;
}
.bre-btn:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.bre-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.bre-btn--ghost {
  background: #fff;
  color: #334155;
  border-color: #c7d2e0;
}
.bre-btn--ghost:hover:not(:disabled) {
  background: #f7f9fc;
  color: #1f2933;
  border-color: #b9c4d4;
}

.bre-campaign {
  display: flex;
  align-items: center;
  gap: 26px;
  flex-wrap: wrap;
}
.bre-campaign__main {
  flex: 1 1 260px;
}
.bre-campaign__name {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bre-campaign__name i {
  color: #6c757d;
}
.bre-campaign__window {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6c757d;
  margin-top: 2px;
}
.bre-campaign__progress {
  flex: 1 1 300px;
}
.bre-campaign__nums {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  margin-bottom: 4px;
}
.bre-campaign__tools {
  flex: 0 0 auto;
}

.bre-roster__date {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
  white-space: nowrap;
}

.bre-roster__upcoming {
  color: #1d4ed8;
  font-weight: 600;
}
.bre-roster__upcoming i {
  margin-right: 3px;
}

.bre-roster__owner {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
}

.bre-roster td.bre-roster__actions {
  vertical-align: middle;
}

@media (min-width: 1200px) {
  .bre-roster td.bre-roster__actions {
    min-width: 330px;
  }
}
.bre-roster__acts {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
  min-height: 30px;
}
.bre-roster__acts > form {
  margin: 0;
}
.bre-roster__acts .text-muted.small {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
}

@media (max-width: 575.98px) {
  .bre-queue table.bre-roster {
    min-width: 0;
    display: block;
  }
  .bre-queue table.bre-roster tbody {
    display: block;
  }
  .bre-queue table.bre-roster thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .bre-queue table.bre-roster tbody tr {
    display: block;
    padding: 12px 14px;
    border-bottom: 1px solid #eef1f4;
  }
  .bre-queue table.bre-roster tbody tr:last-child {
    border-bottom: 0;
  }
  .bre-queue table.bre-roster tbody td {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 3px 0;
    border: 0;
  }
  .bre-queue table.bre-roster tbody td[data-label]::before {
    content: attr(data-label);
    flex: 0 0 84px;
    font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
    font-weight: 600;
    color: #475569;
  }
  .bre-queue table.bre-roster tbody td:first-child {
    display: block;
    padding-bottom: 6px;
  }
  .bre-queue table.bre-roster tbody td.bre-roster__actions {
    display: block;
    min-width: 0;
    padding-top: 8px;
  }
}
.bre-changes summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.bre-changes summary::-webkit-details-marker {
  display: none;
}
.bre-changes__list {
  list-style: none;
  margin: 8px 0 0;
  padding: 10px 12px;
  background: #f7f8fa;
  border: 1px solid #e3e7ec;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.bre-changes__list li {
  padding: 2px 0;
}
.bre-changes__list--flat {
  margin-top: 2px;
}
.bre-changes__was {
  color: #94a3b8;
  text-decoration: line-through;
}
.bre-changes__now {
  color: #1c7a4f;
  font-weight: 600;
}

.bre-review__title {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
}
.bre-review__sub {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6c757d;
  margin: 2px 0 0;
}
.bre-review__row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #eef1f4;
}
.bre-review__row:last-child {
  border-bottom: 0;
}
.bre-review__q {
  flex: 0 0 240px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  padding-top: 7px;
}
.bre-review__a {
  flex: 1;
}
.bre-review__a input {
  font-size: calc(var(--edc-fs-label) * 12.18 / 12);
}
.bre-review__src {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  color: #6c757d;
  margin-top: 3px;
}

.bre-tiles--three {
  grid-template-columns: repeat(3, 1fr);
}

.bre-tile--assist-open {
  --bre-dot: #e5484d;
}

.bre-tile--assist-progress {
  --bre-dot: #e08600;
}

.bre-tile--assist-resolved {
  --bre-dot: #2e9e6b;
}

.bre-assist {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bre-assist__item {
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  padding: 14px 16px;
}
.bre-assist__item--resolved {
  background: #fbfdfc;
}
.bre-assist__head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
.bre-assist__status {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.24 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 2px 8px;
  border-radius: 999px;
}
.bre-assist__status--open {
  background: #fdeceb;
  color: #b42318;
}
.bre-assist__status--in_progress {
  background: #fff6e6;
  color: #95590a;
}
.bre-assist__status--resolved {
  background: #e8f6ef;
  color: #1c7a4f;
}
.bre-assist__co {
  font-weight: 700;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.bre-assist__request {
  font-size: calc(var(--edc-fs-label) * 12.18 / 12);
  margin: 0 0 4px;
  color: #334155;
}
.bre-assist__resolution {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
  margin: 0 0 4px;
  color: #1c7a4f;
}
.bre-assist__resolution i {
  margin-right: 4px;
}
.bre-assist__meta {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  color: #6c757d;
}

.bre-profile-assist {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
}
.bre-profile-assist li {
  padding: 5px 0;
  border-bottom: 1px solid #eef1f4;
}
.bre-profile-assist li:last-child {
  border-bottom: 0;
}

.bre-brief {
  margin-top: 12px;
}
.bre-brief summary {
  cursor: pointer;
  font-weight: 600;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #1d4ed8;
  list-style: none;
}
.bre-brief summary::-webkit-details-marker {
  display: none;
}
.bre-brief summary i {
  margin-right: 5px;
}
.bre-brief__body {
  margin-top: 8px;
  background: #f7f8fa;
  border: 1px solid #e3e7ec;
  border-radius: 8px;
  padding: 12px 14px;
}
.bre-brief__line {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
  margin: 0 0 6px;
}
.bre-brief__line:last-child {
  margin-bottom: 0;
}

/* ── Visit scheduling (Phase 2.5 — the roster's live forms) ────────── */
/* A <details> disclosure per row: the summary renders as the task
   button; the open panel is a compact anchored card. Text ≥0.9rem. */
.bre-schedule {
  display: inline-block;
  position: relative;
}
.bre-schedule > summary {
  list-style: none;
  cursor: pointer;
}
.bre-schedule > summary::-webkit-details-marker {
  display: none;
}
.bre-schedule > summary:focus-visible {
  outline: 2px solid #4c6ef5;
  outline-offset: 2px;
}
.bre-schedule[open] > summary {
  background: #edf2ff;
}

.bre-schedule__form {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  right: 0;
  min-width: 280px;
  padding: 14px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
  text-align: left;
}

.bre-schedule__field {
  display: block;
  margin-bottom: 10px;
}
.bre-schedule__field > span {
  display: block;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #495057;
  margin-bottom: 4px;
}

.bre-schedule__note {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #667085;
  margin: 8px 0 10px;
}

.bre-rsvp--accepted {
  background: #ebfbee;
  color: #2b8a3e;
}
.bre-rsvp--declined {
  background: #fff5f5;
  color: #c92a2a;
}
.bre-rsvp--tentative {
  background: #fff9db;
  color: #997404;
}

.bre-cyc__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.bre-cyc__name {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  font-weight: 700;
  margin: 0 0 4px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.bre-cyc__window {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
  margin: 0;
}
.bre-cyc__tools {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.bre-cyc__lede {
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #1f2933;
  margin: 16px 0 4px;
  max-width: 72ch;
}
.bre-cyc__lede strong {
  font-weight: 700;
}
.bre-cyc__doctrine {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
  margin: 0 0 14px;
  max-width: 72ch;
}
.bre-cyc__note {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
  margin: 10px 0 8px;
}
.bre-cyc__link {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
}
.bre-cyc__group {
  margin-bottom: 26px;
}
.bre-cyc__group-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  margin: 0 0 2px;
}
.bre-cyc__group-count {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  color: #475569;
  background: #eef1f5;
  border-radius: 999px;
  padding: 1px 9px;
}
.bre-cyc__group-hint {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
  color: #475569;
  margin: 0 0 10px;
}
.bre-cyc__group-empty {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #1c7a4f;
  background: #e8f6ef;
  border: 1px solid #b4e2cc;
  border-radius: 8px;
  padding: 10px 14px;
  margin: 0;
}

.bre-cov {
  display: flex;
  height: 14px;
  border-radius: 999px;
  overflow: hidden;
  background: #eef1f5;
  gap: 2px;
}
.bre-cov__seg {
  flex-basis: 0;
  min-width: 3px;
}
.bre-cov__seg--in_person {
  background: #2f5cc4;
}
.bre-cov__seg--by_email {
  background: #c2620e;
}
.bre-cov__seg--other_channel {
  background: repeating-linear-gradient(45deg, #64748b, #64748b 3px, #fff 3px, #fff 6px);
}
.bre-cov__seg--not_reached {
  background: #c3ccd8;
}
.bre-cov__key {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 22px;
  margin: 10px 0 0;
  padding: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
}
.bre-cov__key li {
  display: flex;
  align-items: center;
  gap: 7px;
}
.bre-cov__key strong {
  color: #1f2933;
  font-weight: 700;
}
.bre-cov__dot {
  width: 11px;
  height: 11px;
  border-radius: 3px;
  flex: 0 0 auto;
}
.bre-cov__dot--in_person {
  background: #2f5cc4;
}
.bre-cov__dot--by_email {
  background: #c2620e;
}
.bre-cov__dot--other_channel {
  background: repeating-linear-gradient(45deg, #64748b, #64748b 2px, #fff 2px, #fff 4px);
  box-shadow: inset 0 0 0 1px #64748b;
}
.bre-cov__dot--not_reached {
  background: #fff;
  box-shadow: inset 0 0 0 2px #64748b;
}

.bre-story {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
@media (max-width: 900px) {
  .bre-story {
    grid-template-columns: repeat(2, 1fr);
  }
}
.bre-story__step {
  position: relative;
  background: #f7f8fa;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  padding: 12px 14px;
}
.bre-story__step::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 14px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--bre-dot, #c8d2e0);
}
.bre-story__step--visited {
  --bre-dot: #2f5cc4;
}
.bre-story__step--responded {
  --bre-dot: #c2620e;
}
.bre-story__step--flagged {
  --bre-dot: #e5484d;
}
.bre-story__step--resolved {
  --bre-dot: #2e9e6b;
}
.bre-story__label {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #475569;
  margin-bottom: 4px;
}
.bre-story__value {
  display: block;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  line-height: 1.1;
  color: #1f2933;
}
.bre-story__value--unknown {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
  color: #475569;
  padding: 5px 0 6px;
}
.bre-story__unit {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #475569;
  margin-top: 2px;
}
.bre-story__when {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
  margin-top: 6px;
}
.bre-story--compact .bre-story__step {
  padding: 10px 12px;
}
.bre-story--compact .bre-story__value {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
}
.bre-story--compact .bre-story__when {
  display: none;
}

.bre-legend {
  list-style: none;
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin: 0 0 6px;
  padding: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #475569;
}
.bre-legend li {
  display: flex;
  align-items: center;
  gap: 7px;
}
.bre-legend__mark {
  width: 14px;
  height: 3px;
  border-radius: 2px;
  flex: 0 0 auto;
}

.bre-chart {
  width: 100%;
  max-width: 790px;
  height: auto;
  display: block;
  overflow: visible;
}

.bre-datatable {
  margin-top: 10px;
}
.bre-datatable summary {
  cursor: pointer;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 600;
  color: #1d4ed8;
}
.bre-datatable summary:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.bre-datatable table {
  width: 100%;
  margin-top: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
}
.bre-datatable table thead th {
  border-bottom: 1.5px solid #94a3b8;
}
.bre-datatable table tbody th, .bre-datatable table tbody td {
  border-bottom: 1px solid #e2e8f0;
}
.bre-datatable table tbody th {
  text-align: left;
}
.bre-datatable table tbody tr:last-child th, .bre-datatable table tbody tr:last-child td {
  border-bottom: 1px solid #cbd5e1;
}
.bre-datatable th, .bre-datatable td {
  padding: 4px 8px;
  text-align: left;
}
.bre-datatable .num {
  text-align: right;
}
.bre-datatable thead th {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
}

.bre-stats--stack {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.bre-stats--stack .bre-stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  padding: 10px 8px;
}
.bre-stats--stack .bre-stat__label {
  line-height: 1.25;
}

.bre-prior__note {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
  margin: 0 0 12px;
  max-width: 80ch;
}
.bre-prior__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.bre-prior__name {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  margin: 0 0 3px;
}
.bre-prior__meta {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #475569;
  margin: 0;
}

.bre-prep__crumbs {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
  margin-bottom: 10px;
}
.bre-prep__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding-bottom: 16px;
  border-bottom: 2px solid #e3e7ec;
  margin-bottom: 16px;
}
.bre-prep__kicker {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #475569;
  margin: 0 0 4px;
}
.bre-prep__name {
  font-size: calc(var(--edc-fs-display) * 23.8 / 24);
  font-weight: 700;
  margin: 0 0 4px;
  line-height: 1.15;
}
.bre-prep__meta {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
  margin: 0 0 10px;
}
.bre-prep__badges {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.bre-prep__score {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
}
.bre-prep__score strong {
  color: #1f2933;
}
.bre-prep__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.bre-prep__lede {
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  color: #1f2933;
  max-width: 78ch;
  margin: 0 0 20px;
}
.bre-prep__empty {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
  background: #f7f8fa;
  border: 1px solid #e3e7ec;
  border-radius: 8px;
  padding: 12px 14px;
  max-width: 70ch;
}
.bre-prep__note {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #475569;
  margin-top: 10px;
  max-width: 70ch;
}
.bre-prep__q {
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  width: 42%;
}
.bre-prep__a {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.bre-prep__was {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.bre-prep__flagvalue {
  font-weight: 700;
  color: #b42318;
}
.bre-prep__flag {
  display: inline-block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.52 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #b42318;
  background: #fdeceb;
  border-radius: 999px;
  padding: 1px 8px;
  margin-left: 6px;
}
.bre-prep__flag i {
  margin-right: 3px;
}
.bre-prep__when {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
  margin-top: 2px;
}
.bre-prep__moved {
  display: inline-block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.52 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #95590a;
  background: #fff6e6;
  border-radius: 999px;
  padding: 1px 8px;
  margin-left: 6px;
}
.bre-prep__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bre-prep__item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  border: 1px solid #e3e7ec;
  border-radius: 8px;
  padding: 10px 14px;
  background: #fff;
}
.bre-prep__item--done {
  background: #fbfdfc;
}
.bre-prep__item-tag {
  flex: 0 0 84px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.52 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
  padding-top: 2px;
}
.bre-prep__item--flag .bre-prep__item-tag {
  color: #b42318;
}
.bre-prep__item--followup .bre-prep__item-tag {
  color: #95590a;
}
.bre-prep__item--need .bre-prep__item-tag {
  color: #24479b;
}
.bre-prep__item--date .bre-prep__item-tag {
  color: #5b3fa8;
}
.bre-prep__item--done .bre-prep__item-tag {
  color: #1c7a4f;
}
.bre-prep__item-body {
  flex: 1;
  min-width: 0;
}
.bre-prep__item-body strong {
  display: block;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  font-weight: 600;
  line-height: 1.35;
}
.bre-prep__item-src {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #475569;
  margin-top: 2px;
}
.bre-prep__source {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
}
.bre-prep__source li {
  padding: 5px 0;
  border-bottom: 1px solid #eef1f4;
}
.bre-prep__source li:last-child {
  border-bottom: 0;
}
.bre-prep__source strong {
  color: #1f2933;
}
.bre-prep .bre-queue tr.is-flagged {
  background: #fffaf9;
}

@media print {
  body:has(.bre-prep) {
    background: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body:has(.bre-prep) .site-navbar, body:has(.bre-prep) .site-menubar, body:has(.bre-prep) .site-menubar-footer, body:has(.bre-prep) nav.navbar, body:has(.bre-prep) .page-tabs,
  body:has(.bre-prep) .breadcrumb, body:has(.bre-prep) .breadcrumbs, body:has(.bre-prep) .quick_create_container, body:has(.bre-prep) .skip-to-content,
  body:has(.bre-prep) .flashMessages, body:has(.bre-prep) #flash-messages, body:has(.bre-prep) .site-footer, body:has(.bre-prep) footer,
  body:has(.bre-prep) .announcement-modal, body:has(.bre-prep) .quota-banner, body:has(.bre-prep) #bullet-warnings, body:has(.bre-prep) #quick-message-modal,
  body:has(.bre-prep) .navbar, body:has(.bre-prep) #flash_messages, body:has(.bre-prep) .custom-spinner {
    display: none !important;
  }
  body:has(.bre-prep) .page, body:has(.bre-prep) .page-content, body:has(.bre-prep) .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    background: #fff !important;
    background-color: #fff !important;
  }
  .bre-prep {
    padding: 0;
    color: #000;
  }
  .bre-prep__crumbs, .bre-prep__actions {
    display: none !important;
  }
  .bre-prep__header {
    border-bottom: 2px solid #000;
    page-break-after: avoid;
  }
  .bre-prep__name {
    font-size: 20pt;
  }
  .bre-prep__meta, .bre-prep__kicker, .bre-prep__score {
    color: #000;
  }
  .bre-prep__lede {
    font-size: 11pt;
    margin-bottom: 14pt;
  }
  .bre-prep__note, .bre-prep__item-src, .bre-prep__when {
    color: #333;
  }
  .bre-prep .row {
    display: block !important;
  }
  .bre-prep .col-lg-7, .bre-prep .col-lg-5 {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
  }
  .bre-prep .bre-card {
    border: 1px solid #999;
    border-radius: 0;
    padding: 10pt 12pt;
    margin-bottom: 10pt;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }
  .bre-prep .bre-card__title {
    font-size: 12pt;
  }
  .bre-prep .bre-card__sub {
    color: #333;
    font-size: 9pt;
  }
  .bre-prep .bre-queue {
    overflow: visible !important;
  }
  .bre-prep .bre-queue table {
    font-size: 9pt;
    width: 100%;
  }
  .bre-prep .bre-queue th, .bre-prep .bre-queue td {
    border-color: #ccc;
  }
  .bre-prep__item {
    border-color: #999;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }
  .bre-prep__flag, .bre-prep__moved {
    border: 1px solid #999;
    background: none !important;
  }
  .bre-prep .bre-stats--stack {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .bre-prep .bre-stat {
    border: 1px solid #ccc;
    background: none;
  }
  .bre-prep .bre-pill, .bre-prep .bre-cycle-chip {
    border: 1px solid #666;
  }
}
.bre-prep__unit {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 400;
  color: #475569;
}

.bre-tile--assist-referred {
  --bre-dot: #2f5cc4;
}

.bre-tile__link {
  color: #1d4ed8;
  font-weight: 600;
}
.bre-tile__link:hover {
  color: #1741ae;
  text-decoration: underline;
}
.bre-tile__link:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
  border-radius: 3px;
}

.bre__section-note {
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  font-weight: 400;
  color: #475569;
}

.bre-filters {
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 16px;
}
.bre-filters__form {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  flex-wrap: wrap;
}
.bre-filters__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 170px;
}
.bre-filters__field label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 600;
  color: #475569;
  margin: 0;
}
.bre-filters__field select {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  padding: 6px 9px;
  border: 1px solid #c7d2e0;
  border-radius: 7px;
  background: #fff;
  color: #1f2933;
}
.bre-filters__field select:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.bre-filters__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 1px;
}

.bre-outcome {
  border-radius: 8px;
  padding: 10px 12px;
  margin: 0 0 8px;
  border: 1px solid #d7e6de;
  background: #f2faf6;
}
.bre-outcome--closed {
  border-color: #dbe2ea;
  background: #f6f8fa;
}
.bre-outcome__head {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  color: #14563a;
}
.bre-outcome__head i {
  margin-right: 5px;
}
.bre-outcome__head strong {
  font-weight: 700;
}
.bre-outcome--closed .bre-outcome__head {
  color: #334155;
}
.bre-outcome__by {
  color: #475569;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  margin-left: 6px;
}
.bre-outcome__note-text {
  margin: 5px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  line-height: 1.45;
  color: #1f2933;
}

.bre-outcome__set {
  border: 0;
  margin: 0 0 10px;
  padding: 0;
}

.bre-outcome__legend {
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  font-weight: 700;
  color: #1f2933;
  margin-bottom: 7px;
  float: none;
  width: auto;
}

.bre-outcome__choice {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
}
.bre-outcome__choice input[type=radio] {
  margin-top: 3px;
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  accent-color: #1d4ed8;
}
.bre-outcome__choice input[type=radio]:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.bre-outcome__choice label {
  margin: 0;
  cursor: pointer;
}

.bre-outcome__choice-label {
  display: block;
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  font-weight: 600;
  color: #1f2933;
}

.bre-outcome__choice-hint {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  color: #475569;
  line-height: 1.35;
}

.bre-outcome__note {
  margin-bottom: 10px;
}
.bre-outcome__note label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #475569;
  margin-bottom: 4px;
}
.bre-outcome__note textarea {
  width: 100%;
  font-size: calc(var(--edc-fs-label) * 12.18 / 12);
  padding: 7px 9px;
  border: 1px solid #c7d2e0;
  border-radius: 7px;
  color: #1f2933;
}
.bre-outcome__note textarea:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.bre-outcome__note small {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  color: #475569;
  margin-top: 4px;
  line-height: 1.4;
}

.bre-refs {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
}
.bre-refs__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 10px;
  background: #f8fafc;
  border: 1px solid #e3e7ec;
  border-radius: 7px;
  flex-wrap: wrap;
}
.bre-refs__item + .bre-refs__item {
  margin-top: 6px;
}
.bre-refs__state {
  flex: 0 0 auto;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.24 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 2px 8px;
  border-radius: 999px;
  margin-top: 1px;
}
.bre-refs__state--open {
  background: #e8effb;
  color: #24479b;
}
.bre-refs__state--closed {
  background: #e8f6ef;
  color: #1c7a4f;
}
.bre-refs__body {
  flex: 1 1 260px;
  min-width: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  color: #1f2933;
}
.bre-refs__meta {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  color: #475569;
  margin-top: 2px;
  line-height: 1.4;
}
.bre-refs__outcome {
  display: block;
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  color: #14563a;
  margin-top: 3px;
  font-weight: 600;
}

.bre-assist__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eef1f4;
}

.bre-assist__resolution--bare {
  color: #475569;
}

.bre-do {
  flex: 0 0 auto;
}
.bre-do > summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  list-style: none;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #1d4ed8;
  border: 1px solid #c7d2e0;
  border-radius: 7px;
  padding: 5px 11px;
  background: #fff;
}
.bre-do > summary::-webkit-details-marker {
  display: none;
}
.bre-do > summary:hover {
  border-color: #1d4ed8;
  background: #f7f9fc;
}
.bre-do > summary:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.bre-do[open] > summary {
  border-color: #1d4ed8;
  background: #f2f6fd;
}
.bre-do__body {
  margin-top: 8px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 8px;
  max-width: 520px;
}
.bre-do__field {
  margin-bottom: 10px;
}
.bre-do__field label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #475569;
  margin-bottom: 4px;
}
.bre-do__field input[type=text], .bre-do__field input[type=email], .bre-do__field input[type=tel], .bre-do__field select {
  width: 100%;
  font-size: calc(var(--edc-fs-label) * 12.18 / 12);
  padding: 7px 9px;
  border: 1px solid #c7d2e0;
  border-radius: 7px;
  color: #1f2933;
  background: #fff;
}
.bre-do__field input[type=text]:focus-visible, .bre-do__field input[type=email]:focus-visible, .bre-do__field input[type=tel]:focus-visible, .bre-do__field select:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.bre-do__field small {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  color: #475569;
  margin-top: 4px;
  line-height: 1.4;
}
.bre-do__aside {
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  color: #475569;
  margin-left: 8px;
}
.bre-do__empty {
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  color: #1f2933;
  margin: 0;
  line-height: 1.5;
}
.bre-do__link {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #1d4ed8;
  margin-left: 8px;
}
.bre-do__link:hover {
  color: #1741ae;
  text-decoration: underline;
}
.bre-do__link:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
  border-radius: 3px;
}

.bre-refs__item .bre-do {
  flex: 0 0 auto;
  margin-left: auto;
}

.bre-refs__item .bre-do__body {
  margin-top: 8px;
  flex-basis: 100%;
}

.bre-partners {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bre-partner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  padding: 13px 15px;
}
.bre-partner + .bre-partner {
  margin-top: 10px;
}
.bre-partner__main {
  flex: 1 1 280px;
  min-width: 0;
}
.bre-partner__name {
  margin: 0 0 3px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #1f2933;
}
.bre-partner__name .bre-chip {
  margin-left: 7px;
  vertical-align: 1px;
}
.bre-partner__contact {
  margin: 0 0 2px;
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  color: #1f2933;
}
.bre-partner__contact--none {
  color: #475569;
  font-style: italic;
}
.bre-partner__notes {
  margin: 3px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #475569;
  line-height: 1.45;
}
.bre-partner__stats {
  margin: 5px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  color: #475569;
}
.bre-partner__actions {
  display: flex;
  gap: 7px;
  align-items: center;
  flex: 0 0 auto;
}

.bre-form__field {
  margin-bottom: 11px;
  flex: 1 1 140px;
}
.bre-form__field label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #475569;
  margin-bottom: 4px;
}
.bre-form__field input[type=text], .bre-form__field input[type=email], .bre-form__field input[type=tel], .bre-form__field select, .bre-form__field textarea {
  width: 100%;
  font-size: calc(var(--edc-fs-label) * 12.18 / 12);
  padding: 7px 9px;
  border: 1px solid #c7d2e0;
  border-radius: 7px;
  color: #1f2933;
  background: #fff;
}
.bre-form__field input[type=text]:focus-visible, .bre-form__field input[type=email]:focus-visible, .bre-form__field input[type=tel]:focus-visible, .bre-form__field select:focus-visible, .bre-form__field textarea:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.bre-form__row {
  display: flex;
  gap: 11px;
  flex-wrap: wrap;
}
.bre-form__actions {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 3px;
}

.bre-loop {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bre-loop__item {
  padding: 9px 0;
  border-bottom: 1px solid #eef1f4;
}
.bre-loop__item:last-child {
  border-bottom: 0;
}
.bre-loop__asked {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  color: #1f2933;
  font-weight: 600;
}
.bre-loop__did {
  margin: 3px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  color: #14563a;
  padding-left: 14px;
  border-left: 2px solid #b4e2cc;
  line-height: 1.45;
}
.bre-loop__did strong {
  font-weight: 700;
}
.bre-loop__did--pending {
  color: #475569;
  border-left-color: #dbe2ea;
}
.bre-loop__meta {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  color: #475569;
  margin-top: 2px;
}

.bre-prep__outcome {
  display: block;
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  color: #14563a;
  font-weight: 400;
  margin-top: 2px;
  line-height: 1.45;
}
.bre-prep__outcome strong {
  font-weight: 700;
}
.bre-prep__outcome--none {
  color: #475569;
  font-style: italic;
}

.bre-plan__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.bre-plan__tally {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #475569;
  white-space: nowrap;
}
.bre-plan__tally strong {
  color: #1f2933;
  font-size: var(--edc-fs-body);
}
.bre-plan__subhead {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
  margin: 18px 0 8px;
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.bre-plan__range {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.bre-plan__later {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #475569;
  margin: 0 0 4px;
}
.bre-plan__later a {
  color: #1d4ed8;
}
.bre-plan__form-wrap {
  border-top: 1px solid #e3e7ec;
  margin-top: 6px;
}
.bre-plan__form {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.bre-plan__field {
  flex: 1 1 230px;
  min-width: 190px;
}
.bre-plan__field--date {
  flex: 0 1 220px;
}
.bre-plan__field--submit {
  flex: 0 0 auto;
  padding-top: 23px;
}
.bre-plan__label {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
  margin-bottom: 4px;
}
.bre-plan__help {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #475569;
  line-height: 1.45;
  margin-top: 5px;
}
.bre-plan__none {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #475569;
  margin: 0;
  max-width: 62ch;
}
.bre-plan__cancel {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed #e3e7ec;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.bre-plan__cancel .bre-plan__help {
  margin-top: 0;
  max-width: 52ch;
}

.bre-week {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: start;
  gap: 8px;
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
}
.bre-week__day {
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  background: #fff;
  padding: 9px 10px 10px;
  min-height: 116px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.bre-week__day.is-open {
  background: #f7f8fa;
}
.bre-week__day.is-today {
  border-color: #1d4ed8;
  box-shadow: inset 0 0 0 1px #1d4ed8;
}
.bre-week__date {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}
.bre-week__dow {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 700;
  color: #1f2933;
}
.bre-week__dom {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #475569;
}
.bre-week__empty {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #475569;
  margin: 0;
}
.bre-week__stops {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bre-week__stop {
  border-top: 1px solid #eef1f4;
  padding-top: 7px;
}
.bre-week__stop:first-child {
  border-top: 0;
  padding-top: 0;
}
.bre-week__co {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #1f2933;
  line-height: 1.3;
  text-decoration: none;
}
.bre-week__co:hover {
  text-decoration: underline;
}
.bre-week__who {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #475569;
  margin-top: 1px;
}
.bre-week__row-links {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 4px;
  align-items: flex-start;
}
.bre-week__link {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #1d4ed8;
}
.bre-week__route {
  margin-top: auto;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 600;
  color: #1d4ed8;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.bre-week__route:hover {
  text-decoration: underline;
}

@media (max-width: 1400px) {
  .bre-week {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .bre-week {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.bre-alerts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #e3e7ec;
}
.bre-alerts__text {
  flex: 1 1 320px;
}
.bre-alerts__title {
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  font-weight: 700;
  margin: 0 0 4px;
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.bre-alerts__state {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-radius: 999px;
  padding: 2px 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.bre-alerts__state--on {
  background: #e8f6ef;
  color: #1c7a4f;
  border: 1px solid #b4e2cc;
}
.bre-alerts__state--off {
  background: #f1f4f8;
  color: #475569;
  border: 1px solid #d4dbe5;
}
.bre-alerts__body {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #475569;
  margin: 0;
  max-width: 64ch;
  line-height: 1.5;
}
.bre-alerts__form {
  flex: 0 0 auto;
  margin: 0;
}

.bre-insights-section {
  margin-bottom: 26px;
}
.bre-insights-section:last-child {
  margin-bottom: 0;
}
.bre-insights-section .bre-panel {
  height: 100%;
  margin-bottom: 0;
}
.bre-insights-section--dark {
  border-top: 1px solid #dee2e6;
  padding-top: 18px;
  margin-top: 30px;
}

.bre-card--dark {
  background: #f8fafc;
  border-style: dashed;
  border-color: #cbd5e1;
}
.bre-card--dark .bre-card__title {
  color: #334155;
}
.bre-card--dark .bre-card__dark-note {
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  line-height: 1.5;
  color: #475569;
  max-width: 62ch;
}

.bre-panel--dark {
  background: #f8fafc;
  border-style: dashed;
  border-color: #cbd5e1;
  height: 100%;
}
.bre-panel--dark .bre-panel__title {
  color: #334155;
}
.bre-panel--dark .bre-panel__dark-note {
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  line-height: 1.5;
  color: #475569;
  max-width: 62ch;
}

.bre-annual {
  max-width: 1120px;
  counter-reset: bre-annual-section;
}
.bre-annual__sheet {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 30px rgba(15, 23, 42, 0.06);
  padding: 44px 52px 48px;
  margin: 6px 0 40px;
}
@media (max-width: 1100px) {
  .bre-annual__sheet {
    padding: 32px 30px 36px;
  }
}
@media (max-width: 600px) {
  .bre-annual__sheet {
    padding: 22px 16px 26px;
    border-radius: 10px;
  }
}
.bre-annual__crumbs {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
  color: #475569;
  margin: 0 0 10px;
}
.bre-annual__masthead {
  border-bottom: 3px solid #0f172a;
  padding-bottom: 16px;
  margin-bottom: 4px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.bre-annual__eyebrow {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #2f5cc4;
  margin: 0 0 6px;
}
.bre-annual__title {
  font-size: calc(var(--edc-fs-display) * 30.1 / 24);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin: 0;
  color: #0f172a;
  text-shadow: none;
}
.bre-annual__period {
  font-size: var(--edc-fs-body);
  color: #475569;
  margin: 6px 0 0;
}
.bre-annual__actions {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}
.bre-annual__generated {
  font-size: calc(var(--edc-fs-eyebrow) * 11.34 / 11);
  color: #475569;
  margin: 10px 0 26px;
}
.bre-annual__lede {
  font-size: calc(var(--edc-fs-heading) * 15.96 / 16);
  line-height: 1.6;
  color: #0f172a;
  margin: 0 0 8px;
  max-width: 68ch;
}
.bre-annual__lede strong {
  font-weight: 800;
}
.bre-annual__section {
  counter-increment: bre-annual-section;
  margin-top: 38px;
}
.bre-annual__h2 {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: calc(var(--edc-fs-title) * 17.08 / 18);
  font-weight: 800;
  letter-spacing: -0.015em;
  color: #0f172a;
  margin: 0 0 4px;
  padding-top: 14px;
  border-top: 1px solid #cbd5e1;
  text-shadow: none;
}
.bre-annual__h2::before {
  content: counter(bre-annual-section, decimal-leading-zero);
  content: counter(bre-annual-section, decimal-leading-zero)/"";
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #2f5cc4;
  font-variant-numeric: tabular-nums;
  flex: 0 0 auto;
}
.bre-annual__h3 {
  font-size: calc(var(--edc-fs-body) * 13.72 / 14);
  font-weight: 700;
  color: #0f172a;
  margin: 26px 0 0;
  text-shadow: none;
}
.bre-annual__note {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
  margin: 6px 0 0;
  line-height: 1.55;
  max-width: 72ch;
}
.bre-annual__body {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #0f172a;
  margin: 14px 0 0;
  line-height: 1.6;
  max-width: 72ch;
}
.bre-annual__muted {
  color: #475569;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  margin-left: 4px;
}
.bre-annual__yes {
  font-weight: 600;
  color: #0b7a55;
}
.bre-annual__yes i {
  margin-right: 3px;
}
.bre-annual__empty {
  margin-top: 26px;
}
.bre-annual .bre-legend {
  margin: 12px 0 2px;
}
.bre-annual .bre-table {
  margin-top: 14px;
  max-width: 860px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.bre-annual .bre-table thead th {
  padding-top: 6px;
  padding-bottom: 7px;
}
.bre-annual .bre-table thead th.num, .bre-annual .bre-table tbody td.num {
  width: 1%;
  white-space: nowrap;
  padding-left: 34px;
}
.bre-annual .bre-table tbody tr:hover {
  background: transparent;
}

.bre-annual-figures {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0 4px;
}
@media (max-width: 1200px) {
  .bre-annual-figures {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.bre-annual-figures--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 760px;
}

.bre-annual-figure {
  border: 1px solid #dbe1ea;
  border-radius: 12px;
  padding: 18px 18px 16px;
  background: #fff;
}
.bre-annual-figure__value {
  font-size: calc(var(--edc-fs-display) * 33.6 / 24);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
}
.bre-annual-figure__value--absent {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  color: #475569;
}
.bre-annual-figure__label {
  margin-top: 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  font-weight: 700;
  color: #0f172a;
}
.bre-annual-figure__sub {
  margin-top: 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #475569;
  line-height: 1.45;
}

.bre-annual-cov__bar {
  display: flex;
  height: 30px;
  border-radius: 7px;
  overflow: hidden;
  background: repeating-linear-gradient(135deg, #f8fafc 0 6px, #e8edf3 6px 8px);
  border: 1px solid #cbd5e1;
  margin: 16px 0 12px;
}
.bre-annual-cov__seg {
  border-right: 2px solid #fff;
}
.bre-annual-cov__key {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bre-annual-cov__key-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #0f172a;
}
.bre-annual-cov__swatch {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  flex: 0 0 auto;
}
.bre-annual-cov__swatch--open {
  background: repeating-linear-gradient(135deg, #f8fafc 0 3px, #cbd5e1 3px 4px);
  border: 1px solid #94a3b8;
}
.bre-annual-cov__count {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}
.bre-annual-cov__of {
  color: #475569;
}

.bre-annual-rank {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  max-width: 860px;
}
.bre-annual-rank__row {
  display: grid;
  grid-template-columns: minmax(200px, 2fr) minmax(90px, 2.4fr) 3em;
  align-items: center;
  gap: 16px;
  padding: 10px 0;
  border-top: 1px solid #e2e8f0;
}
.bre-annual-rank__row:first-child {
  border-top: 0;
}
.bre-annual-rank__label {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #0f172a;
  font-weight: 700;
}
.bre-annual-rank__question {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 400;
  color: #334155;
  margin-top: 2px;
}
.bre-annual-rank__sub {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 400;
  color: #475569;
  margin-top: 2px;
}
.bre-annual-rank__track {
  height: 12px;
  border-radius: 6px;
  background: #eef2f7;
  overflow: hidden;
}
.bre-annual-rank__fill {
  display: block;
  height: 100%;
  border-radius: 6px;
}
.bre-annual-rank__value {
  font-size: var(--edc-fs-body);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
  text-align: right;
}

.bre-annual-move {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0 0;
}
@media (max-width: 720px) {
  .bre-annual-move {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bre-annual-move__cell {
  border: 1px solid #dbe1ea;
  border-radius: 12px;
  padding: 16px 18px;
  background: #fff;
}
.bre-annual-move__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: var(--bre-move-ink, #475569);
  background: var(--bre-move-tint, #f1f5f9);
  margin-right: 6px;
  vertical-align: 4px;
}
.bre-annual-move__cell--better {
  --bre-move-ink: #0b7a55;
  --bre-move-tint: #e3f5ee;
}
.bre-annual-move__cell--held {
  --bre-move-ink: #475569;
  --bre-move-tint: #eef2f7;
}
.bre-annual-move__cell--worse {
  --bre-move-ink: #b42318;
  --bre-move-tint: #fdecea;
}
.bre-annual-move__count {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
}
.bre-annual-move__label {
  margin-top: 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  font-weight: 700;
  color: #0f172a;
}
.bre-annual-move__names {
  margin: 6px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
  color: #475569;
  line-height: 1.5;
}

.bre-annual-dark {
  border: 1px solid #dbe1ea;
  border-radius: 12px;
  padding: 16px 20px;
  margin-top: 14px;
  max-width: 860px;
}
.bre-annual-dark__title {
  font-size: calc(var(--edc-fs-body) * 13.72 / 14);
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 6px;
}
.bre-annual-dark__title i {
  color: #2f5cc4;
  margin-right: 6px;
}
.bre-annual-dark__body {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #334155;
  line-height: 1.6;
  margin: 0;
  max-width: 72ch;
}

@media print {
  body:has(.bre-annual) {
    background: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body:has(.bre-annual) .site-navbar, body:has(.bre-annual) .site-menubar, body:has(.bre-annual) .site-menubar-footer, body:has(.bre-annual) nav.navbar, body:has(.bre-annual) .page-tabs,
  body:has(.bre-annual) .breadcrumb, body:has(.bre-annual) .breadcrumbs, body:has(.bre-annual) .quick_create_container, body:has(.bre-annual) .skip-to-content,
  body:has(.bre-annual) .flashMessages, body:has(.bre-annual) #flash-messages, body:has(.bre-annual) .site-footer, body:has(.bre-annual) footer,
  body:has(.bre-annual) .announcement-modal, body:has(.bre-annual) .quota-banner, body:has(.bre-annual) #bullet-warnings, body:has(.bre-annual) #quick-message-modal,
  body:has(.bre-annual) .navbar, body:has(.bre-annual) #flash_messages, body:has(.bre-annual) .custom-spinner,
  body:has(.bre-annual) #bullet-footer, body:has(.bre-annual) #bullet-console, body:has(.bre-annual) .bullet-footer,
  body:has(.bre-annual) .wb_container, body:has(.bre-annual) .qa_tab, body:has(.bre-annual) .wb_tab {
    display: none !important;
  }
  body:has(.bre-annual) .page, body:has(.bre-annual) .page-content, body:has(.bre-annual) .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    background: #fff !important;
    background-color: #fff !important;
  }
  .bre-annual {
    max-width: none;
    padding: 0;
    color: #000;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .bre-annual__crumbs, .bre-annual__actions, .bre-annual .bre-datatable {
    display: none !important;
  }
  .bre-annual__sheet {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    background: #fff;
  }
  .bre-annual__masthead {
    page-break-after: avoid;
    -moz-column-break-after: avoid;
         break-after: avoid;
  }
  .bre-annual__title {
    font-size: 20pt;
  }
  .bre-annual__period, .bre-annual__generated, .bre-annual__note {
    color: #333;
  }
  .bre-annual__lede {
    font-size: 11pt;
  }
  .bre-annual__section {
    margin: 16pt 0 0;
  }
  .bre-annual__h2 {
    font-size: 13pt;
    padding-top: 7pt;
    border-top-color: #999;
    page-break-after: avoid;
    -moz-column-break-after: avoid;
         break-after: avoid;
  }
  .bre-annual__h3 {
    font-size: 10.5pt;
    margin-top: 12pt;
    page-break-after: avoid;
    -moz-column-break-after: avoid;
         break-after: avoid;
  }
  .bre-annual__generated {
    margin-bottom: 14pt;
  }
  .bre-annual__note, .bre-annual__lede {
    page-break-after: avoid;
    -moz-column-break-after: avoid;
         break-after: avoid;
  }
  .bre-annual__body {
    font-size: 10pt;
  }
  .bre-annual-figures {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8pt;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }
  .bre-annual-figures--two {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 70%;
  }
  .bre-annual-figure {
    border: 1px solid #999;
    border-radius: 6pt;
    padding: 9pt 10pt;
  }
  .bre-annual-figure__value {
    font-size: 20pt;
  }
  .bre-annual-figure__value--absent {
    font-size: 11pt;
  }
  .bre-annual-figure__label {
    font-size: 9pt;
  }
  .bre-annual-figure__sub {
    font-size: 8pt;
    color: #333;
  }
  .bre-annual-cov__bar {
    border-color: #999;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  .bre-annual-cov__key-item {
    font-size: 9pt;
  }
  .bre-annual-rank__row {
    padding: 4pt 0;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }
  .bre-annual-rank__label {
    font-size: 9.5pt;
  }
  .bre-annual-rank__sub, .bre-annual-move__names {
    font-size: 8pt;
    color: #333;
  }
  .bre-annual-rank__value {
    font-size: 9.5pt;
  }
  .bre-annual .bre-chart, .bre-annual .bre-legend {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }
  .bre-annual-move {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8pt;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }
  .bre-annual-move__cell {
    border: 1px solid #999;
    border-radius: 6pt;
    padding: 9pt 10pt;
  }
  .bre-annual-move__count {
    font-size: 18pt;
  }
  .bre-annual-move__icon {
    width: 18pt;
    height: 18pt;
    font-size: 9pt;
  }
  .bre-annual-rank__question {
    font-size: 8pt;
    color: #333;
  }
  .bre-annual-dark {
    border: 1px solid #999;
    border-radius: 6pt;
    padding: 8pt 9pt;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }
  .bre-annual-dark__body {
    font-size: 9pt;
    color: #333;
  }
  .bre-annual .bre-table {
    font-size: 9pt;
  }
  .bre-annual .bre-table th, .bre-annual .bre-table td {
    padding: 4pt 5pt;
    border-color: #ccc;
  }
  .bre-annual .bre-table thead {
    display: table-header-group;
  }
  .bre-annual .bre-table tr {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }
}
.bre-profile__cadence {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 6px;
  margin: 10px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}
.bre-profile__cadence strong {
  color: #111827;
}

.bre-profile__cadence-flag--over {
  color: #b42318;
  font-weight: 600;
}

.bre-profile__cadence-edit {
  display: inline;
  margin-left: 4px;
}
.bre-profile__cadence-edit summary {
  display: inline;
  cursor: pointer;
  color: #2f5cc4;
  font-size: var(--edc-fs-secondary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.bre-profile__cadence-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: var(--edc-fs-secondary);
}
.bre-profile__cadence-form input {
  width: 90px;
}
.bre-profile__cadence-form label {
  margin: 0;
  font-weight: 600;
  color: #111827;
}

.bre-profile__cadence-help {
  flex-basis: 100%;
  font-size: var(--edc-fs-label);
  color: #4b5563;
}

.bre-card__titlerow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.bre-card__titleaction {
  margin: 0;
}

.bre-campaign__coverage {
  margin: 10px 0 0;
  max-width: 280px;
  font-size: var(--edc-fs-label);
  line-height: 1.45;
  color: #4b5563;
}
.bre-campaign__coverage--gap {
  color: #9a3412;
}

.bre-cadence-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px 28px;
}
.bre-cadence-form__field label {
  display: block;
  margin-bottom: 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #111827;
}
.bre-cadence-form__input {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}
.bre-cadence-form__input input {
  width: 110px;
}
.bre-cadence-form__actions {
  flex-basis: 100%;
}

.bre-cadence-read {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
}
.bre-cadence-read dt {
  font-weight: 600;
  color: #111827;
}
.bre-cadence-read dd {
  margin: 0;
  color: #4b5563;
}

.bre-county-cov {
  margin-top: 16px;
}

.bre-county-cov__lead {
  margin: 6px 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #374151;
}

.bre-county-cov__table {
  width: 100%;
  max-width: 560px;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
}
.bre-county-cov__table th, .bre-county-cov__table td {
  padding: 6px 8px;
  text-align: left;
}
.bre-county-cov__table thead th {
  font-size: var(--edc-fs-eyebrow);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4b5563;
}
.bre-county-cov__table tr.is-gap td {
  color: #9a3412;
  font-weight: 600;
}
.bre-county-cov__table thead th {
  border-bottom: 1.5px solid #94a3b8;
}
.bre-county-cov__table tbody th, .bre-county-cov__table tbody td {
  border-bottom: 1px solid #e2e8f0;
}
.bre-county-cov__table tbody th {
  text-align: left;
}
.bre-county-cov__table tbody tr:last-child th, .bre-county-cov__table tbody tr:last-child td {
  border-bottom: 1px solid #cbd5e1;
}

.bre-county-cov__num {
  text-align: right !important;
  font-variant-numeric: tabular-nums;
}

.bre-nav-app {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}
.bre-nav-app__label {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #4b5563;
}
.bre-nav-app select {
  width: auto;
  min-width: 130px;
}

.bre-route__stop {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.bre-route__nav {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #2f5cc4;
  text-decoration: none;
  white-space: nowrap;
}
.bre-route__nav:hover, .bre-route__nav:focus {
  text-decoration: underline;
}

.bre-queue-industry {
  margin: 0;
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #374151;
}
.bre-queue-industry__clear {
  font-weight: 600;
}

.bre-viewswitch {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 4px 0 16px;
  padding: 4px;
  background: #f1f5f9;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.bre-viewswitch__link {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 16px;
  border-radius: 7px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #334155;
  text-decoration: none;
  white-space: nowrap;
}
.bre-viewswitch__link:hover {
  background: #fff;
  color: #0f172a;
  text-decoration: none;
}
.bre-viewswitch__link:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.bre-viewswitch__link.is-current {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
}

.bre-sw .bre__title {
  margin-bottom: 2px;
}
.bre-sw .bre__subtitle {
  margin-bottom: 16px;
}

.bre-sw-tiles .bre-tile__hint {
  color: #475569;
  font-size: var(--edc-fs-secondary);
}

.bre-sw-note, .bre-sw-disclosure {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0 0 12px;
  color: #334155;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}
.bre-sw-note .fa, .bre-sw-disclosure .fa {
  color: #475569;
  margin-top: 4px;
  flex: 0 0 auto;
}

.bre-sw-disclosure {
  padding: 12px 16px;
  background: #f5f3ff;
  border: 1px solid #ddd6fe;
  border-radius: 10px;
  color: #3b0764;
}
.bre-sw-disclosure .fa {
  color: #5b21b6;
}

.bre-sw-note--quality {
  padding: 10px 14px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 10px;
  color: #78350f;
}
.bre-sw-note--quality .fa {
  color: #92400e;
}

.bre-sw-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 991.98px) {
  .bre-sw-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.bre-sw-card {
  margin-bottom: 0;
  min-width: 0;
}

.bre-sw-q .sr-q__head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
  margin-bottom: 8px;
}
.bre-sw-q .sr-q__label {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2933;
  margin: 0;
}
.bre-sw-q .sr-q__meta {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  white-space: nowrap;
}

.bre-sw-more {
  margin: 16px 0 24px;
  font-size: var(--edc-fs-body);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}

.bre-sw-sub {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  font-weight: 400;
}

.bre-sw-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
}
.bre-sw-pill.is-live {
  background: #dcfce7;
  color: #166534;
}
.bre-sw-pill.is-pending {
  background: #fef3c7;
  color: #92400e;
}
.bre-sw-pill.is-quiet {
  background: #f1f5f9;
  color: #334155;
}

.bre-sw-communities .bre-table th[scope=row] {
  font-weight: 600;
  color: #1f2933;
}

.bre-sw-yoy td, .bre-sw-yoy th {
  white-space: nowrap;
}

.bre-sw-yoy tbody th {
  white-space: normal;
  font-weight: 500;
}

.bre-earlier__pick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}
.bre-earlier__pick label {
  font-weight: 600;
}
.bre-earlier__select {
  width: auto;
  min-width: 120px;
}
.bre-earlier__ways {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .bre-earlier__ways {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bre-earlier__ways .bre-card {
  margin-bottom: 0;
}
.bre-earlier__ways p {
  color: #334155;
  font-size: var(--edc-fs-body);
}
.bre-earlier__typed {
  display: grid;
  gap: 12px;
  max-width: 720px;
}
.bre-earlier__q {
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  padding: 12px 16px;
  margin: 0;
}
.bre-earlier__q legend {
  float: none;
  width: auto;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  padding: 0 4px;
  margin: 0;
}
.bre-earlier__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 140px;
  gap: 6px 12px;
  align-items: center;
  padding: 4px 0;
}
.bre-earlier__row label {
  color: #1f2933;
  font-size: var(--edc-fs-body);
  margin: 0;
}
.bre-earlier__row .bre-sw-sub {
  grid-column: 1/-1;
}
@media (max-width: 575.98px) {
  .bre-earlier__row {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bre-earlier__row:has(#bre-earlier-note) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.bre-earlier__count {
  max-width: 140px;
}

.bre-ny__steps {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bre-ny__step {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid #e3e7ec;
  background: #fff;
  color: #334155;
  font-weight: 600;
  font-size: var(--edc-fs-body);
  text-decoration: none;
}
.bre-ny__step:hover {
  color: #0f172a;
  text-decoration: none;
  border-color: #b9c4d4;
}
.bre-ny__step:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.bre-ny__step.is-current {
  background: #0f172a;
  border-color: #0f172a;
  color: #fff;
}
.bre-ny__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #f1f5f9;
  color: #0f172a;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
}
.bre-ny__step.is-current .bre-ny__num {
  background: #fff;
}
.bre-ny__form, .bre-ny form {
  min-width: 0;
}
.bre-ny__q {
  margin-bottom: 12px;
}
.bre-ny__qlabel {
  float: none;
  width: auto;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2933;
  margin: 0 0 2px;
}
.bre-ny__qnum {
  color: #475569;
}
.bre-ny__qmeta {
  margin: 0 0 8px;
  color: #475569;
  font-size: var(--edc-fs-secondary);
}
.bre-ny__flag {
  margin: 0 0 8px;
  color: #92400e;
  font-size: var(--edc-fs-body);
}
.bre-ny__flag .fa {
  margin-right: 4px;
}
.bre-ny__choices {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}
.bre-ny__choice {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-body);
  color: #1f2933;
  cursor: pointer;
}
.bre-ny__choice input {
  width: 18px;
  height: 18px;
}
.bre-ny__change {
  margin-top: 12px;
  display: grid;
  gap: 6px;
}
.bre-ny__change label {
  font-weight: 600;
  font-size: var(--edc-fs-body);
  color: #1f2933;
}
.bre-ny__change[hidden] {
  display: none;
}
.bre-ny__warn {
  display: flex;
  gap: 8px;
  margin: 4px 0 0;
  color: #78350f;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: var(--edc-fs-body);
}
.bre-ny__warn .fa {
  margin-top: 4px;
}
.bre-ny__warn[hidden] {
  display: none;
}
.bre-ny__new {
  margin-bottom: 12px;
  display: grid;
  gap: 6px;
}
.bre-ny__new label {
  font-weight: 600;
  font-size: var(--edc-fs-body);
  color: #1f2933;
}
.bre-ny__newrow {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 12px;
}
@media (max-width: 575.98px) {
  .bre-ny__newrow {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bre-ny__newrow > div {
  display: grid;
  gap: 6px;
}
.bre-ny__dates {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 220px));
  gap: 12px 20px;
}
.bre-ny__dates label {
  display: block;
  font-weight: 600;
  margin-bottom: 4px;
}
@media (max-width: 575.98px) {
  .bre-ny__dates {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bre-ny__people legend, .bre-ny__companies legend {
  float: none;
  width: auto;
}
.bre-ny__check {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: var(--edc-fs-body);
  color: #1f2933;
}
.bre-ny__check input {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}
.bre-ny__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px 16px;
}
@media (max-width: 991.98px) {
  .bre-ny__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .bre-ny__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bre-ny__bulk {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.bre-ny__share {
  border: 0;
  padding: 0;
  margin: 0 0 12px;
}
.bre-ny__share legend {
  float: none;
  width: auto;
  font-weight: 600;
  font-size: var(--edc-fs-body);
  margin-bottom: 4px;
}
.bre-ny__share .bre-ny__choice {
  margin-right: 20px;
}
.bre-ny__asked {
  margin: 0 0 12px;
  padding-left: 18px;
  color: #334155;
}
.bre-ny__review {
  margin: 0 0 12px;
}
.bre-ny__review > div {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 4px 16px;
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
}
@media (max-width: 575.98px) {
  .bre-ny__review > div {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bre-ny__review dt {
  font-weight: 700;
  color: #1f2933;
}
.bre-ny__review dd {
  margin: 0;
  color: #334155;
}
.bre-ny__review dd ul {
  margin: 0;
  padding-left: 18px;
}
.bre-ny__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 16px;
}
.bre-ny__nav form {
  margin: 0;
}

.bre-ny-offer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  margin-bottom: 16px;
  border-radius: 12px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1e3a8a;
}
.bre-ny-offer p {
  margin: 0;
  font-size: var(--edc-fs-body);
}
.bre-ny-offer strong {
  color: #172554;
}

.bre-swr__questions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 32px;
  margin-top: 14px;
}
@media (max-width: 991.98px) {
  .bre-swr__questions {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bre-swr__q {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  page-break-inside: avoid;
  min-width: 0;
}
.bre-swr .bre-sw-communities {
  max-width: 860px;
}

@media print {
  .bre-swr__questions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .bre-swr .sr-bar-fill {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.bre-swmap {
  border: 1px solid #e3e7ec;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 16px;
}
.bre-swmap__canvas {
  height: 460px;
}
@media (max-width: 575.98px) {
  .bre-swmap__canvas {
    height: 320px;
  }
}
.bre-swmap__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  list-style: none;
  margin: 0;
  padding: 10px 14px;
  border-top: 1px solid #e3e7ec;
  font-size: var(--edc-fs-secondary);
  color: #334155;
}
.bre-swmap__legend li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.bre-swmap__swatch {
  display: inline-block;
  width: 18px;
  height: 12px;
  border-radius: 3px;
  border: 1px solid #94a3b8;
}
.bre-swmap__swatch--hidden {
  background: repeating-linear-gradient(135deg, #cbd5e1 0 3px, #f1f5f9 3px 6px);
  border-style: dashed;
  border-color: #475569;
}

.bre-swmap__tables {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 767.98px) {
  .bre-swmap__tables {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bre-swmap__tables .bre-card {
  margin-bottom: 0;
}

.bre-ties {
  margin-top: 20px;
}
.bre-ties__list {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bre-ties__list li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px 4px 12px;
  border: 1px solid #e3e7ec;
  border-radius: 999px;
  background: #f8fafc;
}
.bre-ties__list form {
  margin: 0;
}
.bre-ties__name {
  font-weight: 600;
  color: #1f2933;
}
.bre-ties__remove {
  border: 0;
  background: transparent;
  color: #334155;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bre-ties__remove:hover {
  background: #e2e8f0;
}
.bre-ties__remove:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.bre-ties__suggest {
  color: #334155;
  font-size: var(--edc-fs-body);
  margin: 0 0 8px;
}
.bre-ties__pick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 12px;
}
.bre-ties__pick label {
  font-weight: 600;
  margin: 0;
}
.bre-ties__pick select {
  width: auto;
  min-width: 200px;
  max-width: 100%;
}

.bre-setup-extras__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 32px;
}
@media (max-width: 767.98px) {
  .bre-setup-extras__row {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bre-setup-extras__row p {
  color: #334155;
  font-size: var(--edc-fs-body);
}
.bre-setup-extras__row form {
  margin: 0;
}

.bre-sw-card .sr-q__label, .bre-sw-card h3 {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2933;
  margin: 0 0 8px;
  text-shadow: none;
  line-height: 1.35;
}

.bre-sw-grid {
  align-items: start;
}

.bre-sw-tiles .bre-tile::before {
  display: none;
}

.bre-ny__q > legend, .bre-ny__people > legend, .bre-ny__companies > legend, .bre-earlier__q > legend {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 0 4px;
}
.bre-ny__q > legend + *, .bre-ny__people > legend + *, .bre-ny__companies > legend + *, .bre-earlier__q > legend + * {
  clear: left;
}

.bre-ny__people > legend, .bre-ny__companies > legend {
  margin-bottom: 4px;
}

.bre .rsh-view .sr-q__label {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2933;
  text-shadow: none;
  margin: 20px 0 8px;
  line-height: 1.35;
}

@media (max-width: 640px) {
  .bre-cfu .bre-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .bre-cfu .bre-table,
  .bre-cfu .bre-table tbody,
  .bre-cfu .bre-table tr,
  .bre-cfu .bre-table th,
  .bre-cfu .bre-table td {
    display: block;
    width: 100%;
  }
  .bre-cfu .bre-table tr {
    padding: 10px 0;
    border-bottom: 1px solid var(--edc-border, #dfe3ea);
  }
  .bre-cfu .bre-table th,
  .bre-cfu .bre-table td {
    border: 0;
    padding: 2px 0;
    text-align: left;
  }
  .bre-cfu .bre-table td.text-end {
    padding-top: 8px;
    text-align: left !important;
  }
}
.bre .rsh-table-wrap {
  position: relative;
}

.bre-tool .bre-tool__lede {
  max-width: 78ch;
}

.bre-tool-page {
  color: #1f2933;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  max-width: 1280px;
}

.bre-tool-context {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
}

.bre-tool-status {
  min-height: 1.4em;
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.bre-tool-status__text--info {
  color: #334155;
}
.bre-tool-status__text--error {
  color: #b42318;
  font-weight: 600;
}

.bre-tool-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
@media (min-width: 1200px) {
  .bre-tool-grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
.bre-tool-grid__side, .bre-tool-grid__main, .bre-tool-grid__form, .bre-tool-grid__saved {
  min-width: 0;
  display: grid;
  gap: 16px;
  align-content: start;
}
@media (min-width: 1200px) {
  .bre-tool-grid--areas {
    grid-template-areas: "form main" "saved main";
    grid-template-rows: auto 1fr;
  }
  .bre-tool-grid--areas .bre-tool-grid__form {
    grid-area: form;
  }
  .bre-tool-grid--areas .bre-tool-grid__main {
    grid-area: main;
  }
  .bre-tool-grid--areas .bre-tool-grid__saved {
    grid-area: saved;
  }
}

.bre-tool-page__stack {
  display: grid;
  gap: 16px;
}

.bre-tool-intro {
  margin: 0 0 16px;
}
.bre-tool-intro__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 12px;
}
.bre-tool-intro__title {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2933;
  text-shadow: none;
}

.bre-tool-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
@media (min-width: 768px) {
  .bre-tool-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }
}

.bre-tool-step {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 12px;
  padding: 16px;
  min-width: 0;
}
@media (min-width: 768px) {
  .bre-tool-step:not(:last-child)::after {
    content: "→";
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    text-align: center;
    font-size: var(--edc-fs-body);
    font-weight: 700;
    color: #475569;
  }
}
.bre-tool-step__icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef4ff;
  color: #1d4ed8;
  font-size: var(--edc-fs-body);
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .bre-tool-step {
    flex-direction: column;
  }
}
.bre-tool-step__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.bre-tool-step__title {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 700;
  color: #1f2933;
}
.bre-tool-step__text {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.45;
  color: #475569;
}

.bre-tool-example {
  border: 1px dashed #94a3b8;
  border-radius: 12px;
  padding: 16px;
  background: #fcfcfd;
}
.bre-tool-example__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  margin-bottom: 16px;
}
.bre-tool-example__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 2px 10px;
  border-radius: 999px;
  background: #fef3c7;
  color: #78350f;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-shadow: none;
  line-height: 1.6;
}
.bre-tool-example__note {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  line-height: 1.45;
}

.bre-tool-result__title--example {
  font-size: var(--edc-fs-body);
}

.bre-tool-gets {
  margin-top: 16px;
}
.bre-tool-gets__title {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 700;
  color: #1f2933;
  text-shadow: none;
}
.bre-tool-gets__list {
  margin: 0;
  padding-left: 1.15rem;
  list-style: disc;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.55;
  color: #334155;
}
.bre-tool-gets__list li {
  margin-bottom: 4px;
}

.bre-ripple {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin: 0 0 24px;
}
@media (min-width: 576px) {
  .bre-ripple {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 24px;
  }
}
.bre-ripple__art {
  width: 200px;
  max-width: 100%;
  justify-self: center;
}
.bre-ripple__art svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.bre-ripple__ring {
  transform-box: fill-box;
  transform-origin: center;
  animation: bre-ripple-in 520ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.bre-ripple__ring--direct circle {
  fill: #1d4ed8;
}
.bre-ripple__ring--suppliers {
  animation-delay: 160ms;
}
.bre-ripple__ring--suppliers circle {
  fill: #93c5fd;
}
.bre-ripple__ring--household {
  animation-delay: 320ms;
}
.bre-ripple__ring--household circle {
  fill: #eef4ff;
  stroke: #64748b;
  stroke-width: 2;
  stroke-dasharray: 6 5;
}
.bre-ripple__num {
  font-family: inherit;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  animation: bre-ripple-num 400ms ease-out 360ms both;
}
.bre-ripple__num--direct {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  fill: #fff;
}
.bre-ripple__num--suppliers {
  font-size: var(--edc-fs-heading);
  fill: #1e3a8a;
}
.bre-ripple__num--household {
  font-size: var(--edc-fs-body);
  fill: #334155;
}
.bre-ripple__num--household.is-none {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  font-style: italic;
}
.bre-ripple__key {
  display: grid;
  gap: 12px;
  margin: 0;
  min-width: 0;
}
.bre-ripple__key-title {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 700;
  color: #1f2933;
}
.bre-ripple__item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.bre-ripple__item-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.bre-ripple__item-num {
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  font-weight: 700;
  color: #1f2933;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.bre-ripple__item-num--none {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-style: italic;
  color: #334155;
}
.bre-ripple__item-text {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.45;
  color: #334155;
}
.bre-ripple__swatch {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-top: 4px;
  border-radius: 50%;
}
.bre-ripple__swatch--direct {
  background: #1d4ed8;
}
.bre-ripple__swatch--suppliers {
  background: #93c5fd;
}
.bre-ripple__swatch--household {
  background: #eef4ff;
  border: 2px dashed #64748b;
}

@keyframes bre-ripple-in {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes bre-ripple-num {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bre-ripple__ring, .bre-ripple__num {
    animation: none;
  }
}
.bre-sim {
  display: grid;
  gap: 24px;
}
.bre-sim__label {
  display: block;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  float: none;
  width: auto;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #1f2933;
}
.bre-sim__help {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.45;
  color: #475569;
}
.bre-sim__start .form-select {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.bre-sim__uses {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.bre-sim__use-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bre-sim__use {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #94a3b8;
  border-radius: 8px;
  background: #fff;
  color: #1f2933;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
}
.bre-sim__use .fa-solid {
  color: #1d4ed8;
}
.bre-sim__use:hover {
  border-color: #1d4ed8;
}
.bre-sim__use:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.bre-sim__use.is-on {
  border-color: #1d4ed8;
  background: #eef4ff;
  color: #1e3a8a;
}
.bre-sim__question {
  min-width: 0;
}
.bre-sim__sentence {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-body) * 14.875 / 14);
  line-height: 1.6;
  color: #1f2933;
}
.bre-sim__word {
  white-space: nowrap;
}
.bre-sim__slot {
  font: inherit;
  font-weight: 700;
  color: #1e3a8a;
  background: #eef4ff;
  border: 0;
  border-bottom: 2px solid #1d4ed8;
  border-radius: 6px 6px 0 0;
  padding: 4px 8px;
  min-height: 2.25rem;
  max-width: 100%;
}
.bre-sim__slot:focus-visible, .bre-sim__slot:focus {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.bre-sim__slot.is-invalid {
  border-bottom-color: #b42318;
  background: #fdeceb;
}
.bre-sim__slot--jobs {
  width: 6.5em;
  text-align: right;
}
.bre-sim__slot--select {
  cursor: pointer;
  padding-right: 8px;
}
.bre-sim__slot--wide {
  min-width: 0;
  width: auto;
  max-width: min(100%, 22rem);
  text-overflow: ellipsis;
}
.bre-sim__slot--button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  text-align: left;
}
.bre-sim__slot--button .fa-solid {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}
.bre-sim__picker {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.bre-sim__panel {
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  left: 0;
  min-width: 18rem;
  max-width: calc(100vw - 32px);
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16);
  padding: 16px;
  display: grid;
  gap: 12px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.45;
}
.bre-sim__counties {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.bre-sim__counties .form-check {
  margin-bottom: 4px;
}
.bre-sim__counties .form-check-input {
  border: 1px solid #64748b;
}
.bre-sim__counties .form-check-input:checked {
  border-color: #1d4ed8;
  background-color: #1d4ed8;
}
.bre-sim__panel-title {
  float: none;
  width: auto;
  margin: 0 0 8px;
  padding: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 700;
  color: #1f2933;
}
.bre-sim__panel-help {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.bre-sim__panel .bre-tool-btn {
  justify-self: start;
}
.bre-sim__none {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
}
.bre-sim__errors {
  margin: 12px 0 0;
  padding-left: 1.15rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #b42318;
}

.bre-tool-keep {
  margin-top: 24px;
  padding: 16px;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  background: #f8fafc;
}
.bre-tool-keep__title {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  color: #1f2933;
  text-shadow: none;
}
.bre-tool-keep__form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bre-tool-keep__form .form-control {
  flex: 1 1 16rem;
  max-width: 28rem;
  min-width: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.bre-tool-keep__done {
  margin: 12px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #1f2933;
}
.bre-tool-keep__done .fa-solid {
  color: #166534;
  margin-right: 4px;
}

.bre-tool-panel {
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 12px;
  padding: 18px 20px 20px;
  min-width: 0;
}
.bre-tool-panel__title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2933;
  margin: 0 0 12px;
  text-shadow: none;
}
.bre-tool-panel--result:focus {
  outline: none;
}
.bre-tool-panel--result:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

.bre-tool-form {
  display: grid;
  gap: 16px;
}
.bre-tool-form__field {
  min-width: 0;
}
.bre-tool-form__label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #1f2933;
  margin: 0 0 6px;
  padding: 0;
  border: 0;
  float: none;
  width: auto;
}
.bre-tool-form__choices {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.bre-tool-form__choices .form-check {
  margin-bottom: 4px;
}
.bre-tool-form__choices .form-check-label {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #1f2933;
}
.bre-tool-form__choices .form-check-input {
  border: 1px solid #64748b;
}
.bre-tool-form__choices .form-check-input:checked {
  border-color: #1d4ed8;
  background-color: #1d4ed8;
}
.bre-tool-form__help {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.45;
  color: #475569;
}
.bre-tool-form__error {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #b42318;
}
.bre-tool-form__number {
  max-width: 12rem;
}
.bre-tool-form .form-select, .bre-tool-form .form-control {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.bre-tool-form--inline {
  grid-template-columns: minmax(0, 16rem) auto;
  align-items: end;
  gap: 12px 16px;
}
.bre-tool-form--inline .bre-tool-form__submit {
  padding-bottom: 1px;
}
.bre-tool-form--inline .bre-tool-form__field .bre-tool-form__help {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 575.98px) {
  .bre-tool-form--inline {
    grid-template-columns: minmax(0, 1fr);
  }
}

.bre-tool-btn {
  min-width: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  padding: 7px 14px;
  white-space: nowrap;
}
.bre-tool-btn .fa {
  margin-right: 6px;
}

.bre-tool-saved__add {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.bre-tool-saved__add .form-control {
  min-width: 0;
  flex: 1 1 auto;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.bre-tool-saved__none {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  line-height: 1.45;
}
.bre-tool-saved__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bre-tool-saved__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  align-items: baseline;
  gap: 4px 12px;
  padding: 8px 0;
  border-top: 1px solid #eef1f4;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.bre-tool-saved__open, .bre-tool-saved__delete {
  background: none;
  border: 0;
  padding: 0;
  text-align: left;
  color: #1d4ed8;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  cursor: pointer;
  min-width: 0;
  overflow-wrap: anywhere;
}
.bre-tool-saved__open:hover, .bre-tool-saved__delete:hover {
  text-decoration: underline;
}
.bre-tool-saved__delete {
  color: #b42318;
}
.bre-tool-saved__when {
  color: #475569;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  white-space: nowrap;
}
.bre-tool-saved__report {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.bre-tool-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: -4px 0 12px;
}

.bre-tool-empty {
  margin: 0;
  color: #475569;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
}

.bre-tool-panel--waiting .bre-tool-notice {
  margin-bottom: 16px;
  padding: 12px 16px;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  background: #f8fafc;
}
.bre-tool-notice__title {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2933;
}
.bre-tool-notice__body {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
  line-height: 1.55;
  max-width: 70ch;
}

.bre-tool-sample {
  margin: 0 0 16px;
  padding: 10px 14px;
  border: 1px solid #c7d7fe;
  border-radius: 8px;
  background: #eef4ff;
  color: #1e3a8a;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.5;
}

.bre-tool-result__title {
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  font-weight: 700;
  line-height: 1.35;
  color: #1f2933;
  margin: 0 0 14px;
  text-shadow: none;
}

.bre-tool-figures {
  container-type: inline-size;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}
@media (max-width: 767.98px) {
  .bre-tool-figures {
    grid-template-columns: minmax(0, 1fr);
  }
}

.bre-tool-figure {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  row-gap: 0;
  align-content: start;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  padding: 12px 14px 13px;
  background: #fff;
  min-width: 0;
}
.bre-tool-figure__label {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #334155;
  line-height: 1.35;
}
.bre-tool-figure__value {
  margin: 4px 0 0;
  font-size: clamp(1.0625rem, 3.5cqi, 1.625rem);
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.15;
  color: #1f2933;
  font-variant-numeric: tabular-nums;
}
.bre-tool-figure__note {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  line-height: 1.4;
}

.bre-tool-block {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #e3e7ec;
}
.bre-tool-block__title {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  color: #1f2933;
  margin: 0 0 10px;
  text-shadow: none;
}
.bre-tool-block__lead {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
  line-height: 1.55;
  max-width: 78ch;
}
.bre-tool-block__note {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  line-height: 1.5;
  max-width: 78ch;
}

.bre-tool-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.bre-tool-table th, .bre-tool-table td {
  padding: 9px 10px;
  vertical-align: top;
  text-align: left;
}
.bre-tool-table thead th {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #334155;
  vertical-align: bottom;
  line-height: 1.3;
}
.bre-tool-table thead th {
  border-bottom: 1.5px solid #94a3b8;
}
.bre-tool-table tbody th, .bre-tool-table tbody td {
  border-bottom: 1px solid #e2e8f0;
}
.bre-tool-table tbody th {
  text-align: left;
}
.bre-tool-table tbody tr:last-child th, .bre-tool-table tbody tr:last-child td {
  border-bottom: 1px solid #cbd5e1;
}
.bre-tool-table tbody th {
  font-weight: 400;
}
.bre-tool-table__num {
  text-align: right !important;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.bre-tool-table thead th.bre-tool-table__num {
  white-space: normal;
  width: 7.5em;
}
.bre-tool-table__sub {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 400;
  color: #475569;
  line-height: 1.3;
}
.bre-tool-table__rank {
  width: 2.5em;
  color: #475569;
  font-variant-numeric: tabular-nums;
}
.bre-tool-table__strong {
  font-weight: 700;
}
.bre-tool-table__name {
  display: block;
  font-weight: 600;
  color: #1f2933;
}
.bre-tool-table a.bre-tool-table__name {
  color: #1d4ed8;
}
.bre-tool-table__explains {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  line-height: 1.4;
}
.bre-tool-table__none {
  color: #475569;
  font-style: italic;
}
.bre-tool-table__total th, .bre-tool-table__total td {
  border-top: 2px solid #334155;
  border-bottom: 0;
  font-weight: 700;
}
.bre-tool-table__total .bre-tool-table__name {
  font-weight: 700;
}

.bre-tool-worked {
  margin: 0;
  padding-left: 1.25rem;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.6;
  color: #1f2933;
  max-width: 82ch;
  list-style: decimal;
}
.bre-tool-worked li {
  margin-bottom: 6px;
  padding-left: 2px;
}
.bre-tool-worked strong {
  font-weight: 600;
}

.bre-tool-list {
  margin: 0;
  padding-left: 1.15rem;
  list-style: disc;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.55;
  color: #334155;
  max-width: 82ch;
}
.bre-tool-list li {
  margin-bottom: 5px;
}

.bre-tool-source {
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px solid #e3e7ec;
}
.bre-tool-source__line {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  line-height: 1.5;
}

.bre-tool-block--flush {
  margin-top: 16px;
  padding-top: 0;
  border-top: 0;
}

.bre-triage-worked {
  margin: 0 0 8px;
  padding: 16px;
  border-radius: 10px;
  background: #eef4ff;
}
.bre-triage-worked .bre-tool-block__title {
  margin-bottom: 8px;
}
.bre-triage-worked__math {
  margin: 0;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #1f2933;
  font-variant-numeric: tabular-nums;
}
.bre-triage-worked__math strong {
  font-weight: 700;
  color: #1e3a8a;
}
.bre-triage-worked__name {
  font-weight: 600;
}
.bre-triage-worked__note {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.5;
  color: #334155;
  max-width: 82ch;
}

.bre-triage__why-col {
  min-width: 12rem;
}
.bre-triage__act {
  display: block;
  margin-top: 8px;
}
.bre-triage__why {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.45;
  color: #334155;
}
.bre-triage__visit {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.45;
  color: #334155;
}
.bre-triage__visit .fa-solid {
  color: #166534;
}
.bre-triage__add {
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
  height: auto;
  min-height: 0;
  padding: 4px 8px;
  white-space: normal;
  text-align: left;
  line-height: 1.35;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.bre-triage__add .fa-solid {
  margin: 2px 0 0;
}
.bre-triage tbody th[scope=row] {
  min-width: 11rem;
}
.bre-triage__visit-row td {
  background: #f8fafc;
}
.bre-triage__list-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
}
.bre-triage__list-head .bre-tool-block__title {
  margin: 0;
}
.bre-triage__limit {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bre-triage__limit .form-select {
  width: auto;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  padding-top: 4px;
  padding-bottom: 4px;
}
.bre-triage__limit-label {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #334155;
}
.bre-triage__shown {
  margin: 8px 0 8px;
}
.bre-triage__warning {
  display: block;
  margin-top: 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.4;
  color: #1f2933;
}
.bre-triage__warning-label {
  display: inline-block;
  white-space: nowrap;
  margin-right: 4px;
  padding: 0 6px;
  border-radius: 4px;
  background: #fdeceb;
  color: #b42318;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  line-height: 1.6;
}
.bre-triage__warning-label--inline {
  margin-left: 6px;
  font-weight: 600;
}

.bre-triage-visit__title {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 700;
  color: #1f2933;
}
.bre-triage-visit__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: flex-end;
}
.bre-triage-visit__field {
  flex: 0 1 16rem;
  min-width: 14rem;
}
.bre-triage-visit__field .form-control, .bre-triage-visit__field .form-select {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  height: 38px;
}
.bre-triage-visit__field .bre-sim__help {
  min-height: 0;
}
.bre-triage-visit__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bre-triage-excluded {
  margin: 0;
}
.bre-triage-excluded__group {
  padding: 8px 0;
  border-top: 1px solid #eef1f4;
}
.bre-triage-excluded__group:first-child {
  border-top: 0;
  padding-top: 0;
}
.bre-triage-excluded dt {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #1f2933;
}
.bre-triage-excluded dd {
  margin: 3px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.55;
  color: #334155;
}
.bre-triage-excluded__count {
  font-weight: 400;
  color: #475569;
}

.bre-tools-strip {
  margin-bottom: 26px;
}
.bre-tools-strip__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 991.98px) {
  .bre-tools-strip__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.bre-tool-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 12px;
  padding: 16px 18px;
  min-width: 0;
}
.bre-tool-card__title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  margin: 0;
  color: #1f2933;
  text-shadow: none;
}
.bre-tool-card__text {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
  color: #334155;
}
.bre-tool-card__state {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.45;
  color: #475569;
}
.bre-tool-card__open {
  margin-top: auto;
  padding-top: 6px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
}

@media print {
  body:has(.bre-tool) {
    background: #fff !important;
  }
  body:has(.bre-tool) .site-navbar, body:has(.bre-tool) .site-menubar, body:has(.bre-tool) .site-menubar-footer, body:has(.bre-tool) nav.navbar, body:has(.bre-tool) .page-tabs,
  body:has(.bre-tool) .breadcrumb, body:has(.bre-tool) .breadcrumbs, body:has(.bre-tool) .quick_create_container, body:has(.bre-tool) .skip-to-content,
  body:has(.bre-tool) .flashMessages, body:has(.bre-tool) #flash-messages, body:has(.bre-tool) .site-footer, body:has(.bre-tool) footer, body:has(.bre-tool) .navbar,
  body:has(.bre-tool) #bullet-footer, body:has(.bre-tool) .bullet-footer, body:has(.bre-tool) .wb_container, body:has(.bre-tool) .qa_tab, body:has(.bre-tool) .wb_tab,
  body:has(.bre-tool) .bre .tab-strip, body:has(.bre-tool) .bre nav[aria-label="BRE pages"] {
    display: none !important;
  }
  body:has(.bre-tool) .page, body:has(.bre-tool) .page-content, body:has(.bre-tool) .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
  }
  .bre-tool .no-print, .bre-tool .bre-tool-status, .bre-tool .bre-tool-context, .bre-tool .bre-triage__act, .bre-tool .bre-triage__visit-row {
    display: none !important;
  }
  .bre-tool .bre-ripple__ring, .bre-tool .bre-ripple__num {
    animation: none !important;
  }
  .bre-tool .bre-tool-grid {
    display: block;
  }
  .bre-tool .bre-tool-panel {
    border: 0;
    padding: 0;
  }
  .bre-tool .bre-tool-figure, .bre-tool .bre-tool-table tr, .bre-tool .bre-tool-worked li {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }
  .bre-tool .bre-tool-block__title {
    -moz-column-break-after: avoid;
         break-after: avoid;
    page-break-after: avoid;
  }
  .bre-tool {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.cal-page__header {
  margin: 4px 0 16px;
}

.cal-page__title {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  color: #1f2733;
  margin: 0;
}

.cal-page__subtitle {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #5b6572;
  margin: 4px 0 0;
  max-width: 720px;
}

.cal {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  overflow: hidden;
  position: relative;
}

.cal__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #eaecf0;
}

.cal__nav {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cal__range {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  color: #1f2733;
  margin: 0 4px;
}

.cal__loading {
  font-size: var(--edc-fs-label);
  color: #5b6572;
}

.cal__controls {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.cal__btn {
  border: 1px solid #eaecf0;
  background: #fff;
  color: #1f2733;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  border-radius: 8px;
  padding: 5px 12px;
  line-height: 1.4;
  cursor: pointer;
}
.cal__btn:hover {
  background: #f8fafc;
}
.cal__btn:focus-visible {
  outline: 2px solid #4f46e5;
  outline-offset: 1px;
}
.cal__btn.is-active {
  background: #4f46e5;
  border-color: #4f46e5;
  color: #fff;
}

.cal__btn--icon {
  padding: 5px 10px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.cal__views {
  display: flex;
  gap: 4px;
}

.cal__layers {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.cal__layer {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #eaecf0;
  background: #fff;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #5b6572;
  padding: 4px 11px;
  cursor: pointer;
  opacity: 0.55;
}
.cal__layer:focus-visible {
  outline: 2px solid #4f46e5;
  outline-offset: 1px;
}
.cal__layer.is-on {
  opacity: 1;
  color: #1f2733;
}
.cal__layer .cal__layer-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.cal__layer--mine .cal__layer-dot {
  background: #4f46e5;
}
.cal__layer--team .cal__layer-dot {
  background: #475569;
}
.cal__layer--org .cal__layer-dot {
  background: #7c3aed;
}
.cal__layer--tasks .cal__layer-dot {
  background: #b45309;
}
.cal__layer .cal__layer-count {
  font-size: var(--edc-fs-eyebrow);
  color: #5b6572;
  font-weight: 700;
}

.cal-month__head {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-bottom: 1px solid #eaecf0;
}

.cal-month__dow {
  padding: 8px 10px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5b6572;
}

.cal-month__week {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-bottom: 1px solid #eaecf0;
}
.cal-month__week:last-child {
  border-bottom: 0;
}

.cal-month__day {
  min-height: 118px;
  padding: 6px;
  border-right: 1px solid #eaecf0;
}
.cal-month__day:last-child {
  border-right: 0;
}
.cal-month__day.is-outside {
  background: #fafbfc;
}
.cal-month__day.is-outside .cal-month__date {
  color: #9aa4b2;
}
.cal-month__day.is-today .cal-month__date {
  background: #4f46e5;
  color: #fff;
}

.cal-month__date {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  color: #1f2733;
}

.cal-month__events {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 4px;
}

.cal-month__more {
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  color: #4f46e5;
  padding: 1px 6px;
}
.cal-month__more:hover {
  text-decoration: underline;
}
.cal-month__more:focus-visible {
  outline: 2px solid #4f46e5;
  outline-offset: 1px;
}

.cal-pill {
  display: flex;
  align-items: baseline;
  gap: 5px;
  width: 100%;
  border: 0;
  border-left: 3px solid;
  border-radius: 5px;
  padding: 2px 7px;
  cursor: pointer;
  text-align: left;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  line-height: 1.45;
}
.cal-pill:focus-visible {
  outline: 2px solid #4f46e5;
  outline-offset: 1px;
}
.cal-pill .cal-pill__time {
  font-weight: 700;
  font-size: var(--edc-fs-eyebrow);
  white-space: nowrap;
}
.cal-pill .cal-pill__title {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-pill--mine {
  background: #eef2ff;
  border-color: #4f46e5;
  color: #3730a3;
}
.cal-pill--team {
  background: #f1f5f9;
  border-color: #475569;
  color: #334155;
}
.cal-pill--org {
  background: #f3e8ff;
  border-color: #7c3aed;
  color: #6d28d9;
}
.cal-pill--tasks {
  background: #fef3c7;
  border-color: #b45309;
  color: #92400e;
}
.cal-pill.is-tentative {
  border-left-style: dashed;
}
.cal-pill.is-tentative .cal-pill__title {
  font-style: italic;
}

.cal-week__allday, .cal-week__head {
  display: grid;
  grid-template-columns: 64px repeat(7, 1fr);
}

.cal-week__allday {
  border-bottom: 1px solid #eaecf0;
  background: #fafbfc;
}

.cal-week__allday-col {
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border-right: 1px solid #eaecf0;
}
.cal-week__allday-col:last-child {
  border-right: 0;
}
.cal-week__allday-col.is-today {
  background: #eef2ff;
}

.cal-week__gutter--label {
  font-size: var(--edc-fs-eyebrow);
  color: #5b6572;
  padding: 8px;
  text-align: right;
}

.cal-week__head {
  border-bottom: 1px solid #eaecf0;
}

.cal-week__dayhead {
  padding: 8px 10px;
  display: flex;
  align-items: baseline;
  gap: 6px;
  border-right: 1px solid #eaecf0;
}
.cal-week__dayhead:last-child {
  border-right: 0;
}
.cal-week__dayhead .cal-week__downame {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #5b6572;
}
.cal-week__dayhead .cal-week__donum {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2733;
}
.cal-week__dayhead.is-today .cal-week__donum {
  color: #4f46e5;
}
.cal-week__dayhead.is-today .cal-week__downame {
  color: #4f46e5;
}

.cal-week__body {
  display: grid;
  grid-template-columns: 64px repeat(7, 1fr);
  position: relative;
}
.cal-week__body .cal-week__gutter {
  position: relative;
}

.cal-week__hour {
  position: absolute;
  right: 8px;
  transform: translateY(-50%);
  font-size: var(--edc-fs-eyebrow);
  color: #5b6572;
}

.cal-week__col {
  position: relative;
  border-right: 1px solid #eaecf0;
}
.cal-week__col:last-child {
  border-right: 0;
}
.cal-week__col.is-today {
  background: rgba(79, 70, 229, 0.035);
}

.cal-week__line {
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #f2f4f7;
}

.cal-block {
  position: absolute;
  overflow: hidden;
  border: 0;
  border-left: 3px solid;
  border-radius: 6px;
  padding: 3px 7px;
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 1px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  line-height: 1.35;
}
.cal-block:focus-visible {
  outline: 2px solid #4f46e5;
  outline-offset: 1px;
  z-index: 3;
}
.cal-block .cal-block__time {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
}
.cal-block .cal-block__title {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cal-block--mine {
  background: #eef2ff;
  border-color: #4f46e5;
  color: #3730a3;
}
.cal-block--team {
  background: #f1f5f9;
  border-color: #475569;
  color: #334155;
}
.cal-block--org {
  background: #f3e8ff;
  border-color: #7c3aed;
  color: #6d28d9;
}
.cal-block--tasks {
  background: #fef3c7;
  border-color: #b45309;
  color: #92400e;
}
.cal-block.is-tentative {
  border-left-style: dashed;
}

.cal-daypanel {
  position: absolute;
  top: 64px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  width: min(420px, 92%);
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.18);
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cal-daypanel .cal-daypanel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.cal-daypanel .cal-daypanel__head h3 {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2733;
  margin: 0;
}
.cal-daypanel .cal-daypanel__empty {
  font-size: var(--edc-fs-secondary);
  color: #5b6572;
  margin: 0;
}

.cal-drawer__scrim {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.32);
  z-index: 1980;
}

.cal-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1985;
  width: min(420px, 94vw);
  background: #fff;
  border-left: 1px solid #eaecf0;
  box-shadow: -12px 0 32px rgba(16, 24, 40, 0.16);
  overflow-y: auto;
}
.cal-drawer:focus {
  outline: none;
}

.cal-detail {
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

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

.cal-detail__kind {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 3px 9px;
  border-radius: 999px;
}
.cal-detail__kind--mine {
  background: #eef2ff;
  color: #3730a3;
}
.cal-detail__kind--team {
  background: #f1f5f9;
  color: #334155;
}
.cal-detail__kind--org {
  background: #f3e8ff;
  color: #6d28d9;
}
.cal-detail__kind--tasks {
  background: #fef3c7;
  color: #92400e;
}

.cal-detail__title {
  font-size: calc(var(--edc-fs-title) * 19 / 18);
  font-weight: 700;
  color: #1f2733;
  margin: 0;
  line-height: 1.3;
}

.cal-detail__time {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #5b6572;
  margin: 0;
}

.cal-detail__badge {
  margin-left: 8px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  color: #92400e;
  background: #fef3c7;
  border-radius: 999px;
  padding: 2px 8px;
}

.cal-detail__row {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1f2733;
  margin: 0;
}
.cal-detail__row i {
  color: #5b6572;
  width: 16px;
}

.cal-detail__join {
  font-weight: 600;
  color: #4f46e5;
}

.cal-detail__desc {
  font-size: var(--edc-fs-secondary);
  color: #5b6572;
  margin: 0;
  white-space: pre-line;
}

.cal-detail__crm {
  border: 1px solid #eaecf0;
  border-radius: 10px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cal-detail__crm-title {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #5b6572;
  margin: 0;
}

.cal-detail__crm-link {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1f2733;
}
.cal-detail__crm-link i {
  color: #5b6572;
  width: 18px;
}
.cal-detail__crm-link:hover {
  color: #4f46e5;
}

.cal-detail__privacy {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #5b6572;
  background: #f8fafc;
  border-radius: 8px;
  padding: 10px 12px;
  margin: 0;
}

.cal-detail__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #4f46e5;
  color: #fff;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 700;
  border: 0;
  cursor: pointer;
  border-radius: 8px;
  padding: 9px 14px;
  margin-top: 4px;
}
.cal-detail__cta:focus-visible {
  outline: 2px solid #1f2733;
  outline-offset: 2px;
}
.cal-detail__cta:hover {
  background: #4338ca;
  color: #fff;
}
.cal-detail__cta--secondary {
  background: #fff;
  color: #1f2733;
  border: 1px solid #eaecf0;
}
.cal-detail__cta--secondary:hover {
  background: #f8fafc;
  color: #1f2733;
}

.cal-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  border-radius: 999px;
  padding: 3px 11px;
  border: 1px solid transparent;
  text-decoration: none;
}
.cal-chip i {
  font-size: var(--edc-fs-eyebrow);
}
.cal-chip--next {
  background: #eef2ff;
  color: #3730a3;
  border-color: #dfe3ff;
}
.cal-chip--nudge {
  background: #fef3c7;
  color: #92400e;
  border-color: #fde68a;
}
.cal-chip:hover {
  filter: brightness(0.97);
}

.cal-nudge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 10px;
  padding: 10px 14px;
  margin-bottom: 12px;
}
.cal-nudge .cal-nudge__text {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #78350f;
  margin: 0;
}
.cal-nudge .cal-nudge__text strong {
  font-weight: 700;
}
.cal-nudge .cal-nudge__cta {
  background: #b45309;
  color: #fff;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  border-radius: 7px;
  padding: 6px 12px;
  white-space: nowrap;
}
.cal-nudge .cal-nudge__cta:hover {
  background: #92400e;
  color: #fff;
}

.cal-record-strip {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
.cal-record-strip .cal-nudge {
  margin-bottom: 0;
}

.cal-load-hint {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-label);
  color: #92400e;
}
.cal-load-hint i {
  margin-right: 3px;
}

.cal-chip-confirm {
  display: inline-block;
  margin-left: 2px;
}

.cal-chip-confirm__btn {
  border: 1px solid #dfe3ff;
  background: #fff;
  color: #4f46e5;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  border-radius: 999px;
  padding: 2px 10px;
  cursor: pointer;
}
.cal-chip-confirm__btn:hover {
  background: #eef2ff;
}
.cal-chip-confirm__btn:focus-visible {
  outline: 2px solid #4f46e5;
  outline-offset: 1px;
}

@media (max-width: 767px) {
  .cal-month__day {
    min-height: 84px;
  }
  .cal__toolbar {
    padding: 10px 12px;
  }
  .cal-month, .cal-week {
    overflow-x: auto;
  }
  .cal-month__head, .cal-month__week {
    min-width: 640px;
  }
  .cal-week__allday, .cal-week__head, .cal-week__body {
    grid-template-columns: 48px repeat(7, 1fr);
    min-width: 640px;
  }
}
.rv3 {
  padding: 20px 24px 48px;
  color: #1c2531;
}
.rv3__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.rv3__header > div:first-child {
  flex: 1 1 320px;
  min-width: 0;
}
.rv3__heading {
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  font-weight: 600;
  margin: 0 0 6px;
  color: #1c2531;
}
.rv3__lede {
  margin: 0;
  max-width: 68ch;
  color: #556070;
  text-wrap: pretty;
}
.rv3__back {
  display: inline-block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  margin-bottom: 8px;
  color: #1c3f75;
  text-decoration: none;
}
.rv3__back:hover, .rv3__back:focus {
  color: #163258;
  text-decoration: underline;
}
.rv3__header-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.rv3-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-bottom: 6px;
  margin-bottom: 14px;
  border-bottom: 1px solid #dfe4ea;
  position: relative;
}
.rv3-section__head::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 44px;
  border-bottom: 2px solid #1c3f75;
}

.rv3-section__heading {
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 600;
  margin: 0;
}

.rv3-section__note {
  margin: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
}

.rv3-strip {
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 22px;
}
.rv3-strip__heading {
  font-size: var(--edc-fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: #556070;
  margin: 0 0 6px;
}
.rv3-strip__empty {
  margin: 0;
  color: #556070;
  font-size: var(--edc-fs-body);
}
.rv3-strip__glyph {
  color: #1c3f75;
  margin-right: 6px;
}
.rv3-strip__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.rv3-flash {
  margin: 0 0 16px;
  padding: 10px 14px;
  border-radius: 8px;
  background: #e8f5ee;
  color: #0b5d3b;
  font-weight: 600;
  font-size: var(--edc-fs-body);
}
.rv3-flash--alert {
  background: #fdecec;
  color: #8a1f1f;
}

.rv3-make {
  flex: none;
  white-space: nowrap;
}

.rv3-tools {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  align-items: end;
  gap: 10px 14px;
  margin: 0 0 22px;
}
.rv3-tools__search {
  position: relative;
  grid-column: span 2;
  align-self: end;
}
.rv3-tools__glyph {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #556070;
  pointer-events: none;
}
.rv3-tools__input {
  width: 100%;
  height: 38px;
  padding: 6px 12px 6px 34px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.rv3-tools__input::-moz-placeholder {
  color: #556070;
}
.rv3-tools__input::placeholder {
  color: #556070;
}
.rv3-tools__input:focus {
  outline: none;
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.16);
}
.rv3-tools__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  min-width: 0;
}
.rv3-tools__label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}
.rv3-tools__select {
  height: 38px;
  min-width: 150px;
  padding: 6px 30px 6px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.rv3-tools__select:focus {
  outline: none;
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.16);
}
.rv3-tools__foot {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 0;
}
.rv3-tools__foot:empty {
  display: none;
}
.rv3-tools__go {
  height: 34px;
  min-width: 0 !important;
}
.rv3-tools--live .rv3-tools__go {
  display: none !important;
}
.rv3-tools__clear {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c3f75;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.rv3-tools__clear:hover, .rv3-tools__clear:focus {
  text-decoration: underline;
}

.rv3-tools__scope {
  display: flex;
  justify-content: flex-end;
  margin: -8px 0 22px;
}
.rv3-tools__scope:empty {
  display: none;
}
.rv3-tools__scope .affscope {
  max-width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 599.98px) {
  .rv3-tools__scope {
    justify-content: flex-start;
  }
  .rv3-tools__scope .affscope__select {
    min-width: 0;
    flex: 1 1 180px;
  }
}

.rv3-shelf {
  margin-bottom: 34px;
}

.rv3-shelf__empty {
  margin: 0;
  padding: 26px 18px;
  border: 1px dashed #c9d2dd;
  border-radius: 8px;
  color: #556070;
  font-size: var(--edc-fs-body);
  text-align: center;
}
.rv3-shelf__empty a {
  color: #1c3f75;
  font-weight: 600;
}

.rv3-groups {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.rv3-started {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.rv3-started__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}
.rv3-started__item + .rv3-started__item {
  border-top: 1px solid #dfe4ea;
}
.rv3-started__glyph {
  color: #1c3f75;
}
.rv3-started__words {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-right: auto;
  min-width: 0;
}
.rv3-started__name {
  font-weight: 700;
  color: #1c2531;
  text-decoration: none;
}
.rv3-started__name:hover, .rv3-started__name:focus-visible {
  color: #1c3f75;
  text-decoration: underline;
}
.rv3-started__why {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.rv3-group {
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.rv3-group__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 10px 16px;
  background: #f5f7fa;
  border-bottom: 1px solid #dfe4ea;
  border-radius: 10px 10px 0 0;
}
.rv3-group__title {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
}
.rv3-group__meta {
  font-size: var(--edc-fs-secondary);
  color: #556070;
  margin-right: auto;
}
.rv3-group__link {
  color: inherit;
  text-decoration: none;
}
.rv3-group__link:hover, .rv3-group__link:focus-visible {
  color: #1c3f75;
  text-decoration: underline;
}
.rv3-group__open {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
  text-decoration: none;
  white-space: nowrap;
}
.rv3-group__open:hover, .rv3-group__open:focus-visible {
  background: #f5f7fa;
  color: #163258;
}
.rv3-group__older {
  border-top: 1px solid #dfe4ea;
}
.rv3-group__older-summary {
  list-style: none;
  cursor: pointer;
  padding: 9px 16px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 0 0 10px 10px;
}
.rv3-group__older-summary::-webkit-details-marker {
  display: none;
}
.rv3-group__older-summary:hover {
  background: #f5f7fa;
}
.rv3-group__older[open] .rv3-group__older-summary {
  border-radius: 0;
}
.rv3-group__chevron {
  font-size: var(--edc-fs-eyebrow);
  transition: transform 120ms ease;
}
.rv3-group__older[open] .rv3-group__chevron {
  transform: rotate(90deg);
}
.rv3-group__older .rv3-doc {
  border-top: 1px solid #dfe4ea;
}

.rv3-doc {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px 16px;
  padding: 12px 16px;
}
.rv3-doc__cover {
  display: block;
  width: 64px;
  height: 83px;
  border-radius: 3px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}
.rv3-doc__picture {
  display: block;
  width: 64px;
  height: 83px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.rv3-doc__drawn {
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
  padding: 12px 8px 0;
  box-sizing: border-box;
}
.rv3-doc__drawn-rule {
  display: block;
  width: 18px;
  border-top: 2px solid #1c3f75;
}
.rv3-doc__drawn-mark {
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
  letter-spacing: 0.02em;
}
.rv3-doc__body {
  min-width: 0;
}
.rv3-doc__name {
  margin: 0 0 3px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.rv3-doc__link {
  color: #1c2531;
  text-decoration: none;
}
.rv3-doc__link:hover, .rv3-doc__link:focus {
  color: #1c3f75;
  text-decoration: underline;
}
.rv3-doc__meta {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.rv3-doc__actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: none;
}
.rv3-doc__actions .btn {
  min-width: 0 !important;
  white-space: nowrap;
}

.rv3-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
  background: #eef2f7;
  color: #1f2d3d;
}
.rv3-status--draft {
  background: #fff3e0;
  color: #7a4100;
}
.rv3-status--sent {
  background: #e8f5ee;
  color: #0b5d3b;
}
.rv3-status--shared {
  background: #e9eef7;
  color: #1c3f75;
}

.rv3-menu {
  position: relative;
}
.rv3-menu__button {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.rv3-menu__button::-webkit-details-marker {
  display: none;
}
.rv3-menu__button--word {
  padding-left: 12px;
  padding-right: 12px;
}
.rv3-menu__panel {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 30;
  min-width: 280px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.14);
  padding: 8px;
  display: grid;
  gap: 2px;
}
.rv3-menu--wide .rv3-menu__panel {
  min-width: 360px;
  padding: 14px;
  gap: 12px;
}
.rv3-menu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  text-align: left;
  text-decoration: none;
}
.rv3-menu__item i {
  width: 16px;
  color: #556070;
  text-align: center;
}
.rv3-menu__item:hover, .rv3-menu__item:focus {
  background: #f5f7fa;
  color: #1c2531;
  text-decoration: none;
}
.rv3-menu__item--remove {
  color: #8a1f1f;
}
.rv3-menu__item--remove i {
  color: #8a1f1f;
}
.rv3-menu__remove {
  margin: 0;
}
.rv3-menu__form {
  margin: 0;
  padding: 6px 10px 4px;
  border-top: 1px solid #dfe4ea;
  display: grid;
  gap: 6px;
}
.rv3-menu--wide .rv3-menu__form {
  border-top: 0;
  padding: 0;
}
.rv3-menu__label {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
  margin: 0;
  display: grid;
  gap: 4px;
}
.rv3-menu__row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.rv3-menu__row .btn {
  min-width: 0 !important;
}
.rv3-menu__row--end {
  justify-content: flex-end;
}
.rv3-menu__grid {
  display: grid;
  gap: 10px;
}
.rv3-menu__people {
  margin: 0;
  padding: 0;
  border: 0;
  display: grid;
  gap: 6px;
}
.rv3-menu__people legend {
  padding: 0;
  margin-bottom: 4px;
}
.rv3-menu__check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  margin: 0;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

.rv3-viewer {
  width: min(1100px, 100vw - 32px);
  height: calc(100vh - 40px);
  padding: 0;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #ffffff;
  color: #1c2531;
  box-shadow: 0 24px 64px rgba(16, 24, 40, 0.28);
  display: none;
  flex-direction: column;
}
.rv3-viewer[open] {
  display: flex;
}
.rv3-viewer::backdrop {
  background: rgba(16, 24, 40, 0.55);
}
.rv3-viewer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  border-bottom: 1px solid #dfe4ea;
  background: #f5f7fa;
}
.rv3-viewer__title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rv3-viewer__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
}
.rv3-viewer__actions .btn {
  min-width: 0 !important;
  white-space: nowrap;
}
.rv3-viewer__closeform {
  margin: 0;
}
.rv3-viewer__close {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #dfe4ea;
  background: #ffffff;
  color: #1c2531;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.rv3-viewer__close:hover, .rv3-viewer__close:focus {
  background: #fff;
  border-color: #1c3f75;
}
.rv3-viewer__sheet {
  position: relative;
  flex: 1;
  min-height: 0;
  background: #e9edf2;
}
.rv3-viewer__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
  z-index: 1;
}
.rv3-viewer__fallback {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 8px 16px;
  font-size: var(--edc-fs-body);
  color: #556070;
  text-align: center;
  z-index: 0;
}

.rv3-doc__preview {
  padding-left: 10px;
  padding-right: 10px;
}

.rv3-chooser {
  width: min(1040px, 100vw - 32px);
  max-height: calc(100vh - 48px);
  padding: 0;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #ffffff;
  color: #1c2531;
  box-shadow: 0 24px 64px rgba(16, 24, 40, 0.24);
}
.rv3-chooser::backdrop {
  background: rgba(16, 24, 40, 0.45);
}
.rv3-chooser__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px 12px;
}
.rv3-chooser__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
}
.rv3-chooser__lede {
  margin: 0;
  color: #556070;
  font-size: var(--edc-fs-body);
}
.rv3-chooser__closeform {
  margin: 0;
}
.rv3-chooser__close {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #dfe4ea;
  background: #ffffff;
  color: #1c2531;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.rv3-chooser__close:hover, .rv3-chooser__close:focus {
  background: #f5f7fa;
}
.rv3-chooser__tabs {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  padding: 0 24px;
  border-bottom: 1px solid #dfe4ea;
}
.rv3-chooser__tab {
  border: 0;
  background: transparent;
  padding: 10px 12px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #556070;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.rv3-chooser__tab[aria-selected=true] {
  color: #1c3f75;
  border-bottom-color: #1c3f75;
}
.rv3-chooser__tab:hover {
  color: #1c2531;
}
.rv3-chooser__count {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 999px;
  background: #f5f7fa;
  color: #556070;
}
.rv3-chooser__panel {
  padding: 16px 24px 24px;
  overflow: auto;
}
.rv3-chooser__blurb {
  margin: 0 0 14px;
  color: #556070;
  font-size: var(--edc-fs-body);
}

.rv3-choices {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
}

.rv3-choice__link {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 14px;
  height: 100%;
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
  color: #1c2531;
  text-decoration: none;
}
.rv3-choice__link:hover, .rv3-choice__link:focus {
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.12);
  color: #1c2531;
  text-decoration: none;
}
.rv3-choice__cover {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 72px;
  height: 94px;
  padding: 10px 8px 0;
  box-sizing: border-box;
  border: 1px solid #dfe4ea;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
  overflow: hidden;
}
.rv3-choice__cover--scratch {
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #1c3f75;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  background: #f5f7fa;
  border-style: dashed;
}
.rv3-choice__cover--template {
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #1c3f75;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  background: #f5f7fa;
}
.rv3-choice__cover-org {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 5 / 10);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #556070;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
}
.rv3-choice__cover-rule {
  display: block;
  width: 14px;
  border-top: 2px solid #1c3f75;
}
.rv3-choice__cover-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9 / 10);
  font-weight: 700;
  line-height: 1.2;
  color: #1c2531;
}
.rv3-choice__body {
  display: grid;
  gap: 4px;
  align-content: start;
  min-width: 0;
}
.rv3-choice__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.rv3-choice__yours {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 1px 7px;
  border-radius: 999px;
  background: #f5f7fa;
  color: #1c3f75;
}
.rv3-choice__promise {
  font-size: var(--edc-fs-secondary);
  color: #556070;
  line-height: 1.45;
}
.rv3-choice__facts {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c3f75;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
}
.rv3-choice__form {
  height: 100%;
  margin: 0;
}
.rv3-choice__link--button {
  width: 100%;
  min-width: 0;
  text-align: left;
  font: inherit;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.rv3-show__lead {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  min-width: 0;
}

.rv3-show__cover {
  flex: none;
  display: block;
  width: 96px;
  height: 124px;
  border: 1px solid #dfe4ea;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12);
}
.rv3-show__cover img {
  display: block;
  width: 96px;
  height: 124px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.rv3-schedules {
  margin: 0 0 34px;
}

.rv3-schedules__empty {
  margin: 0;
  padding: 18px;
  border: 1px dashed #c9d2dd;
  border-radius: 8px;
  color: #556070;
  font-size: var(--edc-fs-body);
}

.rv3-schedules__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.rv3-schedule {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.rv3-schedule--paused {
  background: #f5f7fa;
}
.rv3-schedule__body {
  min-width: 0;
  flex: 1 1 320px;
}
.rv3-schedule__name {
  margin: 0 0 3px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.rv3-schedule__state {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 1px 7px;
  border-radius: 999px;
  background: #fff3e0;
  color: #7a4100;
}
.rv3-schedule__meta {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.rv3-schedule__actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: none;
}
.rv3-schedule__actions .btn {
  min-width: 0 !important;
  white-space: nowrap;
}
@media (max-width: 1100px) {
  .rv3-doc {
    grid-template-columns: 64px minmax(0, 1fr) auto;
  }
  .rv3-doc__actions {
    grid-column: 2/-1;
    justify-content: flex-start;
  }
}
.rv3-flow {
  max-width: 720px;
}
.rv3-flow__submit {
  min-height: 44px;
  padding: 10px 20px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
}
.rv3-flow__cancel {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.rv3-flow__step {
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  background: #ffffff;
  padding: 16px 18px;
  margin-bottom: 16px;
}
.rv3-flow__legend {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin: 0 0 10px;
  width: auto;
  padding: 0;
  border: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.rv3-flow__step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #1c3f75;
  color: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.rv3-flow__label {
  display: block;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
  margin-bottom: 4px;
}
.rv3-flow__select {
  max-width: 420px;
}
.rv3-flow__help {
  display: block;
  margin-top: 6px;
}
.rv3-flow__help--lead {
  margin: -4px 0 12px;
}
.rv3-flow__help--after {
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid #dfe4ea;
}
.rv3-flow__empty {
  margin: 0;
  color: #556070;
}
.rv3-flow__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}
.rv3-flow__footnote {
  margin: 10px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.rv3-flow__alert {
  max-width: 720px;
  margin: 0 0 16px;
  padding: 10px 14px;
  border: 1px solid #d7b3b3;
  border-left: 4px solid #a8342f;
  border-radius: 4px;
  background: #fdf6f5;
  color: #7c2621;
}

.rv3-metrics {
  list-style: none;
  margin: 0 0 26px;
  padding: 0;
  max-width: 760px;
}

.rv3-metric {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #dfe4ea;
}
.rv3-metric__label {
  font-weight: 600;
  font-size: var(--edc-fs-body);
}
.rv3-metric__figure {
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  font-weight: 700;
  color: #1c2531;
  font-variant-numeric: lining-nums tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.rv3-metric__reason {
  grid-column: 1/-1;
  font-size: var(--edc-fs-secondary);
  color: #556070;
  font-style: italic;
  margin-top: 2px;
}
.rv3-metric__chip {
  grid-column: 1/-1;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  justify-self: start;
  margin-top: 5px;
  padding: 1px 8px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #f5f7fa;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.rv3-metric__chip-key {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.rv3-metric__method {
  grid-column: 1/-1;
  font-size: var(--edc-fs-secondary);
  color: #556070;
  margin-top: 3px;
  max-width: 62ch;
}
.rv3-metric--unmeasured .rv3-metric__label {
  color: #556070;
}

.rv3-prompt + .rv3-prompt {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
}
.rv3-prompt__label {
  display: block;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  margin-bottom: 4px;
  max-width: 62ch;
  text-wrap: pretty;
}
.rv3-prompt__help {
  display: block;
  margin-bottom: 6px;
  max-width: 62ch;
}
.rv3-prompt__input {
  max-width: 640px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  line-height: 1.55;
}

.rv3-preview {
  min-height: 24px;
}
.rv3-preview__placeholder {
  margin: 0;
  color: #556070;
}
.rv3-preview__summary {
  margin: 0 0 8px;
  font-weight: 600;
}
.rv3-preview__period {
  margin: -4px 0 10px;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #556070;
}
.rv3-preview__period--quiet {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #475569;
}
.rv3-preview__subhead {
  margin: 14px 0 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  color: #475569;
}
.rv3-preview__sections {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rv3-preview__section {
  padding: 6px 0;
  border-top: 1px solid #dfe4ea;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.rv3-preview__columns {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}

.rv3-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin: 0 0 26px;
}
.rv3-facts__item {
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  padding: 10px 12px;
}
.rv3-facts__item dt {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #556070;
  margin-bottom: 2px;
}
.rv3-facts__item dd {
  margin: 0;
  font-weight: 600;
}

.rv3-frozen__table {
  margin-bottom: 26px;
}
.rv3-frozen table {
  margin-bottom: 0;
  font-variant-numeric: tabular-nums;
}
.rv3-frozen thead th {
  font-size: var(--edc-fs-secondary);
  text-transform: uppercase;
  letter-spacing: 0.055em;
  font-weight: 700;
  color: #556070;
  background: #f5f7fa;
  border-bottom: 1px solid #c9d2dd;
  white-space: normal;
}
.rv3-frozen tbody th {
  font-weight: 600;
  color: #1c2531;
}
.rv3-frozen tbody tr:nth-child(even) td,
.rv3-frozen tbody tr:nth-child(even) th {
  background: #f8fafc;
}
.rv3-frozen th, .rv3-frozen td {
  border-color: #dfe4ea;
  vertical-align: top;
}
.rv3-frozen .num {
  text-align: right;
  white-space: nowrap;
}
.rv3-frozen thead th.num {
  white-space: normal;
}
.rv3-frozen .blank {
  color: #9aa5b4;
}
.rv3-frozen .addr {
  font-size: var(--edc-fs-secondary);
}

.rv3-frozen__title {
  font-size: calc(var(--edc-fs-body) * 13.72 / 14);
  font-weight: 600;
  margin: 0 0 8px;
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.rv3-frozen__count {
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: #556070;
}
.rv3-frozen__empty {
  margin: 0;
  padding: 4px 0 12px;
  color: #556070;
  font-style: italic;
}

.rv3-footer {
  border-top: 1px solid #dfe4ea;
  padding-top: 12px;
  margin-top: 12px;
}
.rv3-footer__text {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #556070;
}
.rv3-footer__link {
  color: #1c3f75;
  text-decoration: underline;
}

.rv3-scroller {
  position: relative;
}
.rv3-scroller:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.rv3-scroller__hint {
  display: none;
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.rv3-shelf__table,
.rv3-frozen table {
  min-width: 640px;
}

@media (max-width: 767.98px) {
  .rv3-scroller__hint {
    display: block;
  }
  .rv3 .btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .rv3-shelf__table,
  .rv3-frozen table {
    min-width: 0;
  }
}
.rv3 .btn-primary {
  background-color: #1c3f75;
  border-color: #1c3f75;
}
.rv3 .btn-primary:hover, .rv3 .btn-primary:focus {
  background-color: #163258;
  border-color: #163258;
}
.rv3 .btn-primary:disabled, .rv3 .btn-primary.disabled {
  background-color: #e7ebf1;
  border-color: #c9d2dd;
  color: #5a6678;
  opacity: 1;
}
.rv3 .btn-outline-primary {
  color: #1c3f75;
  border-color: rgba(28, 63, 117, 0.45);
}
.rv3 .btn-outline-primary:hover, .rv3 .btn-outline-primary:focus {
  background-color: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}
.rv3 .btn-link {
  color: #1c3f75;
}
.rv3 .form-control:focus {
  border-color: #1c3f75;
  box-shadow: 0 0 0 0.2rem rgba(28, 63, 117, 0.18);
}

.rv3 .sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.rv3 a:focus-visible,
.rv3 button:focus-visible,
.rv3 select:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.rv3-strip__item--draft {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding: 10px 0;
}

.rv3-strip__draft-name {
  font-weight: 700;
  color: #1c2531;
}
.rv3-strip__draft-name i {
  color: #1c3f75;
  margin-right: 6px;
}

.rv3-strip__draft-meta {
  color: #556070;
  font-size: var(--edc-fs-secondary);
}

.rv3-strip__draft-cta {
  margin-left: auto;
  font-weight: 700;
  color: #1c3f75;
  text-decoration: none;
  white-space: nowrap;
}
.rv3-strip__draft-cta:hover {
  color: #163258;
  text-decoration: underline;
}

.rv3-series-offer {
  margin-top: 26px;
  border-top: 1px solid #c9d2dd;
  padding-top: 18px;
}
.rv3-series-offer .rv3-flow__row {
  align-items: flex-end;
}

.rv3-series-offer__mode {
  max-width: 34ch;
}

.rv3-series-offer__go .btn {
  min-width: 0;
}

.rv3-finish__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin: 0 0 6px;
}
.rv3-finish__metrics dt {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
}
.rv3-finish__metrics dd {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #1c2531;
  margin: 2px 0 0;
}

.rv3-finish__unmeasured {
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: #556070;
  font-style: italic;
}

.rv3-pins {
  margin-top: 26px;
}

.rv3-pins__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rv3-pins__item {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.rv3-pins__item:last-child {
  border-bottom: 1px solid #dfe4ea;
}
.rv3-pins__item i {
  color: #1c3f75;
}

.rv3-pins__name {
  font-weight: 700;
  color: #1c2531;
}

.rv3-pins__meta {
  color: #556070;
  font-size: var(--edc-fs-secondary);
  margin-left: auto;
}

.rv3-send {
  margin-top: 30px;
}

.rv3-send__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 18px;
}

.rv3-send__card {
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  padding: 18px;
}

.rv3-send__subheading {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
  margin: 0 0 10px;
}

.rv3-send__form .form-control {
  margin-bottom: 4px;
}

.rv3-send__form .rv3-flow__label {
  margin-top: 10px;
}

.rv3-send__go {
  margin-top: 12px;
  min-width: 0;
}

.rv3-send__rotate {
  margin-top: 10px;
  min-width: 0;
}

.rv3-send__ledger-heading {
  margin: 22px 0 6px;
}

.rv3-send__ledger {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rv3-send__ledger-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 12px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.rv3-send__ledger-row i {
  color: #1c3f75;
}
.rv3-send__ledger-row:last-child {
  border-bottom: 1px solid #dfe4ea;
}

.rv3-send__ledger-meta {
  color: #556070;
  font-size: var(--edc-fs-secondary);
  margin-left: auto;
}

.rv3-ntools {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin: 6px 0 2px;
  font-size: var(--edc-fs-secondary);
}

.rv3-ntools__memory {
  color: #556070;
}

.rv3-ntools__memory-label {
  font-weight: 700;
  color: #475569;
}

.rv3-ntools__memory-text {
  font-style: italic;
}

.rv3-ntools__use,
.rv3-ntools__ai {
  background: none;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  padding: 4px 12px;
  min-height: 32px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
  min-width: 0;
}
.rv3-ntools__use:hover,
.rv3-ntools__ai:hover {
  border-color: #1c3f75;
}
.rv3-ntools__use:disabled,
.rv3-ntools__ai:disabled {
  color: #556070;
  border-color: #dfe4ea;
}
@media (max-width: 575.98px) {
  .rv3-ntools__use,
  .rv3-ntools__ai {
    min-height: 44px;
  }
}

.rv3-ntools__ai i {
  margin-right: 4px;
}

.rv3-ntools__ai-note {
  color: #556070;
  font-size: var(--edc-fs-secondary);
}

.rv3-card__yours {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1c3f75;
  background: #e8eef8;
  border-radius: 999px;
  padding: 2px 8px;
}

.rv3-card__edit {
  margin-left: 8px;
  min-width: 0;
}

.rv3-classification {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 8px;
  border-radius: 3px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  vertical-align: middle;
  color: #435063;
  border: 1px solid rgba(67, 80, 99, 0.45);
  background: rgba(67, 80, 99, 0.08);
}
.rv3-classification--confidential {
  color: #8a2f2b;
  border-color: rgba(138, 47, 43, 0.45);
  background: rgba(138, 47, 43, 0.08);
}
.rv3-classification--draft {
  color: #5d6675;
  border-color: rgba(122, 132, 148, 0.5);
  background: rgba(122, 132, 148, 0.1);
}

.rv3-send__card--portal {
  margin-top: 18px;
}

.rv3-send__portals {
  border: 0;
  padding: 0;
  margin: 12px 0 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rv3-send__portal {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rv3-send__check {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  font-weight: 400;
}

.rv3-send__people {
  margin-left: 24px;
  font-size: var(--edc-fs-secondary);
}
.rv3-send__people summary {
  color: #1c3f75;
  font-weight: 600;
  cursor: pointer;
}
.rv3-send__people .rv3-send__check {
  margin-top: 4px;
}

.rv3-star__form {
  display: inline-flex;
  margin: 0;
}

.rv3-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  min-width: 0 !important;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #556070;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}
.rv3-star:hover {
  background: #ffffff;
  border-color: #dfe4ea;
  color: #1c2531;
}
.rv3-star:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.rv3-star.is-on {
  color: #8a4b00;
}

.rv3-group__head {
  align-items: center;
}

.rv3-started__item .rv3-star__form {
  align-self: center;
}

.rv3-tools__check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}
.rv3-tools__check input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #1c3f75;
}

.rv3-audience {
  margin: 0 0 24px;
}

.rv3-audience__heading {
  margin: 24px 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #dfe4ea;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  text-shadow: none;
}

.rvl {
  padding-top: 16px;
}
.rvl h1, .rvl h2, .rvl h3 {
  text-shadow: none;
}

.rvl-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.rvl-head__title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.rvl-head__heading {
  font-size: var(--edc-fs-display);
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  color: #1c2531;
}
.rvl-head__tools {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 520px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.rvl-scope {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.rvl-scope__select {
  height: 36px;
  padding: 0 32px 0 12px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231c2531' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.rvl-scope__select:focus-visible {
  outline: none;
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.22);
}
.rvl-scope__go {
  height: 36px;
  padding: 0 12px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}
.rvl-scope__go:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.rvl-search {
  flex: 1 1 320px;
  max-width: 460px;
  margin: 0;
}
.rvl-search__box {
  position: relative;
  display: flex;
}
.rvl-search__glyph {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #475569;
  pointer-events: none;
  z-index: 2;
}
.rvl-search__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 38px;
  padding: 6px 12px 6px 36px;
  border: 1px solid #c9d2dd;
  border-radius: 8px 0 0 8px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.rvl-search__input::-moz-placeholder {
  color: #475569;
}
.rvl-search__input::placeholder {
  color: #475569;
}
.rvl-search__input:focus {
  outline: none;
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.22);
  position: relative;
  z-index: 1;
}
.rvl-search__go {
  flex: none;
  height: 38px;
  padding: 0 14px;
  border: 1px solid #c9d2dd;
  border-left: 0;
  border-radius: 0 8px 8px 0;
  background: #f5f7fa;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}
.rvl-search__go:hover {
  background: #eceff4;
}
.rvl-search__go:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.rvl .rv3-make {
  height: 38px;
  font-weight: 600;
  font-size: var(--edc-fs-body);
  min-width: 0;
  border-radius: 8px;
}

.rvl-more {
  position: relative;
}
.rvl-more__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  color: #1c2531;
  list-style: none;
  cursor: pointer;
}
.rvl-more__button::-webkit-details-marker {
  display: none;
}
.rvl-more__button:hover {
  border-color: #1c3f75;
  color: #1c3f75;
}
.rvl-more__button:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.rvl-more__panel {
  right: 0;
  left: auto;
  min-width: 240px;
}

.rvl-count {
  margin: -8px 0 16px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.rvl-count--inline {
  margin: 0;
}
.rvl-count[hidden] {
  display: none;
}

.rvl-answers {
  margin: 0 0 20px;
}
.rvl-answers__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rvl-answer__link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  background: #f5f7fa;
  color: #1c2531;
  text-decoration: none;
  font-size: var(--edc-fs-body);
}
.rvl-answer__link:hover, .rvl-answer__link:focus {
  border-color: #1c3f75;
  color: #1c2531;
  text-decoration: none;
}
.rvl-answer__link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.rvl-answer__title {
  font-weight: 600;
}

.rvl-answer__where {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
}
.rvl-answer__where .fa {
  font-size: var(--edc-fs-secondary);
  margin-left: 2px;
}

.rvl-top {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 16px;
  align-items: start;
  margin-bottom: 32px;
}
.rvl-top--one {
  grid-template-columns: minmax(0, 1fr);
}
@media (max-width: 1199.98px) {
  .rvl-top {
    grid-template-columns: minmax(0, 1fr);
  }
}

.rvl-panel {
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);
  padding: 16px 20px 16px;
  min-width: 0;
}
.rvl-panel__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.rvl-panel__heading {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  margin: 0;
  color: #1c2531;
}
.rvl-panel__subheading {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
  margin: 16px 0 8px;
}
.rvl-panel__more {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
  text-decoration: none;
  white-space: nowrap;
}
.rvl-panel__more:hover, .rvl-panel__more:focus {
  color: #163258;
  text-decoration: underline;
}

.rvl-link-button {
  border: 0;
  background: none;
  padding: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
}
.rvl-link-button:hover {
  color: #163258;
  text-decoration: underline;
}
.rvl-link-button:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 2px;
}

.rvl-coming__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.rvl-coming__item {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto auto;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding: 8px 12px 8px 8px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
}
.rvl-coming__item[hidden] {
  display: none;
}
@media (max-width: 575.98px) {
  .rvl-coming__item {
    grid-template-columns: 44px minmax(0, 1fr);
    row-gap: 8px;
  }
  .rvl-coming__item .rvl-state {
    grid-column: 2;
    justify-self: start;
  }
  .rvl-coming__item .rvl-act {
    grid-column: 1/-1;
    justify-self: stretch;
    text-align: center;
  }
}

.rvl-coming__words {
  min-width: 160px;
}

.rvl-coming__date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  line-height: 1;
}

.rvl-coming__month {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
}

.rvl-coming__day {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #1c2531;
  margin-top: 2px;
}

.rvl-coming__words {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.rvl-coming__report {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}

.rvl-coming__cue {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  text-wrap: pretty;
}

.rvl-state, .rvl-kind {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--rvl-fill, #f5f7fa);
  color: var(--rvl-ink, #1c2531);
  border: 1px solid var(--rvl-border, #dfe4ea);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}
.rvl-state .fa, .rvl-kind .fa {
  font-size: var(--edc-fs-secondary);
}

.rvl-kind {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.rvl-kind .fa {
  margin-right: 4px;
}

.rvl-kind--plain {
  --rvl-fill: #f5f7fa;
  --rvl-ink: #475569;
  --rvl-border: #dfe4ea;
}

.rvl-act {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.rvl-act:hover, .rvl-act:focus {
  border-color: #1c3f75;
  color: #163258;
  text-decoration: none;
}
.rvl-act:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.rvl-act:disabled {
  opacity: 0.6;
  cursor: wait;
}

.rvl-quick__status {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.rvl-quick__status:empty {
  display: none;
}
.rvl-quick__status--ok {
  color: #1f6f3d;
}
.rvl-quick__status--bad {
  color: #a61e1e;
}

.rvl-quick__list, .rvl-saved {
  margin: 0;
  padding: 0;
  list-style: none;
}

.rvl-quick__row, .rvl-saved__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.rvl-quick__row:first-child, .rvl-saved__row:first-child {
  border-top: 0;
}

.rvl-quick__kind {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}

.rvl-quick__buttons {
  display: flex;
  gap: 8px;
  flex: none;
}

.rvl-quick__button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  cursor: pointer;
}
.rvl-quick__button .fa {
  color: #1f6f3d;
}
.rvl-quick__button .fa-file-csv {
  color: #475569;
}
.rvl-quick__button:hover {
  border-color: #1c3f75;
  background: #f5f7fa;
}
.rvl-quick__button:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.rvl-quick__button:disabled {
  opacity: 0.6;
  cursor: wait;
}

.rvl-saved__words {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.rvl-saved__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}

.rvl-saved__meta {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.rvl-saved__meta .fa {
  font-size: var(--edc-fs-secondary);
}

.rvl-saved__acts {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
}

.rvl-saved__edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  color: #475569;
  background: #ffffff;
}
.rvl-saved__edit:hover, .rvl-saved__edit:focus {
  color: #1c3f75;
  border-color: #1c3f75;
}
.rvl-saved__edit:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.rvl-empty {
  margin: 4px 0 8px;
  font-size: var(--edc-fs-body);
  color: #475569;
  max-width: 70ch;
  text-wrap: pretty;
}
.rvl-empty--tight {
  margin: 0;
}
.rvl-empty--library, .rvl-empty--grid {
  margin: 0 0 16px;
}
.rvl-empty[hidden] {
  display: none;
}

.rvl-section {
  margin-bottom: 32px;
}

.rvl-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.rvl-section__heading {
  font-size: var(--edc-fs-title);
  font-weight: 600;
  margin: 0;
  color: #1c2531;
}

.rvl-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.rvl-chip {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 14px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
  line-height: 1.3;
}
.rvl-chip:hover {
  border-color: #1c3f75;
  color: #1c3f75;
  text-decoration: none;
}
.rvl-chip:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.rvl-chip[aria-current=true] {
  background: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}

.rvl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(172px, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 575.98px) {
  .rvl-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

.rvl-card {
  position: relative;
  min-width: 0;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);
  transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.rvl-card[hidden] {
  display: none;
}
.rvl-card:hover {
  border-color: #c9d2dd;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.1), 0 2px 4px rgba(16, 24, 40, 0.06);
}
.rvl-card:focus-within {
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.22), 0 4px 12px rgba(16, 24, 40, 0.1), 0 2px 4px rgba(16, 24, 40, 0.06);
}
.rvl-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
  border-radius: 12px;
}
.rvl-card__link:hover, .rvl-card__link:focus {
  color: inherit;
  text-decoration: none;
}
.rvl-card__link:focus-visible {
  outline: none;
}
.rvl-card__cover {
  display: block;
  position: relative;
  aspect-ratio: 5/4;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  background: #f5f7fa;
  border-bottom: 1px solid #dfe4ea;
}
.rvl-card__cover--started {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #475569;
  background: repeating-linear-gradient(135deg, #f5f7fa 0 10px, #eef1f5 10px 20px);
}
.rvl-card__cover--started .fa {
  font-size: var(--edc-fs-display);
}
.rvl-card__cover-words {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.rvl-card__picture {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  background: #fff;
}
.rvl-card__picture[hidden] {
  display: none;
}
.rvl-card__drawn {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 6px;
  padding: 16px;
  background: linear-gradient(180deg, var(--rvl-fill) 0%, #fff 100%);
  color: var(--rvl-ink);
}
.rvl-card__drawn .fa {
  font-size: var(--edc-fs-display);
  margin-bottom: auto;
}
.rvl-card__drawn-org {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
}
.rvl-card__drawn-title {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  line-height: 1.25;
  color: #1c2531;
}
.rvl-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px 14px;
  flex: 1 1 auto;
}
.rvl-card__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.rvl-card__meta {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.rvl-card__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 8px;
}
.rvl-card__status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
}
.rvl-card__status .fa {
  font-size: var(--edc-fs-secondary);
}
.rvl-card__status--sent, .rvl-card__status--shared {
  color: #1c3f75;
}
.rvl-card__preview {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid #c9d2dd;
  background: rgba(255, 255, 255, 0.96);
  color: #1c2531;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);
  opacity: 0;
  cursor: pointer;
}
.rvl-card__preview:hover {
  color: #1c3f75;
  border-color: #1c3f75;
}
.rvl-card__preview:focus-visible {
  opacity: 1;
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.rvl-card:hover .rvl-card__preview, .rvl-card:focus-within .rvl-card__preview {
  opacity: 1;
}
@media (hover: none) {
  .rvl-card__preview {
    opacity: 1;
    width: 44px;
    height: 44px;
  }
}

.rvl-grid__more {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.rvl-more-button {
  min-height: 38px;
  padding: 6px 20px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  color: #1c3f75;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}
.rvl-more-button[hidden] {
  display: none;
}
.rvl-more-button:hover {
  border-color: #1c3f75;
  background: #f5f7fa;
}
.rvl-more-button:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.rvl-tiles {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1399.98px) {
  .rvl-tiles {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  .rvl-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.rvl-tile {
  min-width: 0;
}
.rvl-tile__link {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  padding: 14px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);
  color: #1c2531;
  text-decoration: none;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.rvl-tile__link:hover {
  border-color: #c9d2dd;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.1), 0 2px 4px rgba(16, 24, 40, 0.06);
  color: #1c2531;
  text-decoration: none;
}
.rvl-tile__link:focus-visible {
  outline: none;
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.22), 0 4px 12px rgba(16, 24, 40, 0.1), 0 2px 4px rgba(16, 24, 40, 0.06);
}
.rvl-tile__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: var(--rvl-fill, #f5f7fa);
  color: var(--rvl-ink, #1c2531);
  border: 1px solid var(--rvl-border, #dfe4ea);
  font-size: var(--edc-fs-title);
}
.rvl-tile__icon--all {
  background: #1c3f75;
  color: #fff;
  border-color: #1c3f75;
}
.rvl-tile__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1.3;
}
.rvl-tile__arrow {
  font-size: var(--edc-fs-secondary);
  margin-left: 2px;
}
.rvl-tile__line {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  text-wrap: pretty;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.rvl-tile__job {
  margin-top: auto;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
}
.rvl-tile--all .rvl-tile__link {
  background: #f5f7fa;
}

.rvl-tag {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 8px;
  border-radius: 999px;
  background: #e8eef7;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  vertical-align: 1px;
}
.rvl-tag--coming {
  background: #eef1f5;
  color: #475569;
}

.rvt-body {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
@media (max-width: 1199.98px) {
  .rvt-body {
    grid-template-columns: minmax(0, 1fr);
  }
}

.rvt-rail {
  position: sticky;
  top: 16px;
}
.rvt-rail__list {
  margin: 0;
  padding: 4px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);
}
.rvt-rail__item {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  min-height: 40px;
  padding: 4px 10px 4px 6px;
  border-radius: 8px;
  color: #1c2531;
  text-decoration: none;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}
.rvt-rail__item:hover {
  background: #f5f7fa;
  color: #1c2531;
  text-decoration: none;
}
.rvt-rail__item:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}
.rvt-rail__item[aria-current=true] {
  background: #e8eef7;
  color: #163258;
}
.rvt-rail__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--rvl-fill, #f5f7fa);
  color: var(--rvl-ink, #1c2531);
  font-size: var(--edc-fs-secondary);
}
.rvt-rail__icon--all {
  background: #1c3f75;
  color: #fff;
}
.rvt-rail__name {
  min-width: 0;
  overflow-wrap: anywhere;
}
.rvt-rail__count {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
  font-variant-numeric: tabular-nums;
}
.rvt-rail__select {
  display: none;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.rvt-rail__label {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin: 0;
}
.rvt-rail__picker {
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .rvt-rail {
    position: static;
  }
  .rvt-rail__list {
    display: none;
  }
  .rvt-rail__select {
    display: flex;
  }
}

.rvt-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 575.98px) {
  .rvt-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.rvl-tpl {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding: 14px 16px 14px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.rvl-tpl[hidden] {
  display: none;
}
.rvl-tpl:hover {
  border-color: #c9d2dd;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.1), 0 2px 4px rgba(16, 24, 40, 0.06);
}
.rvl-tpl:focus-within {
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.22), 0 4px 12px rgba(16, 24, 40, 0.1), 0 2px 4px rgba(16, 24, 40, 0.06);
}
.rvl-tpl__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: var(--rvl-fill, #f5f7fa);
  color: var(--rvl-ink, #1c2531);
  border: 1px solid var(--rvl-border, #dfe4ea);
  font-size: var(--edc-fs-title);
}
.rvl-tpl__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.rvl-tpl__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
  line-height: 1.3;
}
.rvl-tpl__line {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  text-wrap: pretty;
}
.rvl-tpl__acts {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: flex;
  gap: 8px;
  padding-left: 32px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 28px);
  opacity: 0;
  pointer-events: none;
}
.rvl-tpl:hover .rvl-tpl__acts, .rvl-tpl:focus-within .rvl-tpl__acts {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: none) {
  .rvl-tpl__acts {
    position: static;
    grid-column: 2;
    opacity: 1;
    pointer-events: auto;
    padding: 8px 0 0;
    background: none;
  }
}
.rvl-tpl__act {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.rvl-tpl__act:hover, .rvl-tpl__act:focus {
  border-color: #1c3f75;
  color: #163258;
  text-decoration: none;
}
.rvl-tpl__act:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.rvl-tpl__act--use {
  background: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}
.rvl-tpl__act--use:hover, .rvl-tpl__act--use:focus {
  background: #163258;
  color: #fff;
}
.rvl-tpl--coming .rvl-tpl__name {
  color: #475569;
}

.rvx-saved__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rvx-saved__card {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding: 12px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);
}

.rvx-saved__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #e6f4ef;
  color: #1f6f3d;
  font-size: var(--edc-fs-heading);
}

.rvx-saved__words {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.rvx .xb-builder {
  color: #1c2531;
}

.rvx .xb-steps {
  margin-top: 0;
}

@media (max-width: 575.98px) {
  .rvl {
    padding-left: 16px;
    padding-right: 16px;
  }
  .rvl-head__tools {
    flex-basis: 100%;
  }
  .rvl-search {
    max-width: none;
    flex-basis: 100%;
  }
  .rvl-search__input, .rvl-search__go, .rvl .rv3-make, .rvl-more__button, .rvl-scope__select, .rvl-scope__go {
    height: 44px;
  }
  .rvl-act, .rvl-quick__button, .rvl-chip, .rvl-tpl__act, .rvl-more-button, .rvl-saved__edit {
    min-height: 44px;
  }
  .rvl-saved__edit, .rvl-more__button {
    width: 44px;
  }
  .rvl-answer__link {
    min-height: 44px;
  }
  .rvl-quick__row {
    flex-wrap: wrap;
  }
  .rvl-quick__buttons {
    flex: 1 1 100%;
  }
  .rvl-quick__button {
    flex: 1 1 0;
    justify-content: center;
  }
  .rvt-rail__item {
    min-height: 44px;
  }
  .rvl-link-button, .rvl-panel__more {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .rvl-card__preview {
    opacity: 1;
    width: 44px;
    height: 44px;
  }
}
.rvd {
  padding-top: 16px;
}

.rvd-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px 24px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.rvd-head__lead {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
  flex: 1 1 420px;
}
.rvd-head__cover {
  flex: none;
  display: block;
  width: 120px;
  height: 96px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);
  background: #fff;
}
.rvd-head__cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top left;
     object-position: top left;
}
.rvd-head__words {
  min-width: 0;
}
.rvd-head__title {
  font-size: var(--edc-fs-display);
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 6px;
  color: #1c2531;
  overflow-wrap: anywhere;
}
.rvd-head__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 0;
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #475569;
  text-wrap: pretty;
}
.rvd-head__meta > span:not(.rvd-head__chips) {
  white-space: nowrap;
}
.rvd-head__sep {
  margin: 0 8px;
  color: #475569;
}
.rvd-head__chips {
  display: inline-flex;
  gap: 6px;
  margin-left: 10px;
}
.rvd-head__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 4px;
}

.rvd .rvd-btn {
  min-width: 0;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 8px;
}
.rvd .rvd-btn .fa {
  font-size: var(--edc-fs-secondary);
}
.rvd .rvd-btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.rvd .btn-outline-secondary.rvd-btn {
  color: #1c2531;
  border-color: #c9d2dd;
  background: #ffffff;
}

.rvd .btn-outline-secondary.rvd-btn:hover {
  background: #f5f7fa;
  border-color: #1c3f75;
  color: #163258;
}

.rvd-inline-form {
  display: inline;
}

.rvl-state--marking {
  --rvl-fill: #f5f7fa;
  --rvl-ink: #435063;
  --rvl-border: #c9d2dd;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.rvl-state--marking.rvl-state--confidential {
  --rvl-fill: #fbeeed;
  --rvl-ink: #8a2f2b;
  --rvl-border: #e5c3c1;
}

.rvd-facts {
  margin: 0 0 32px;
  font-size: var(--edc-fs-body);
  color: #475569;
  text-wrap: pretty;
}
.rvd-facts time {
  color: #1c2531;
}

.rvd-section {
  margin: 0 0 32px;
}

.rvd-section__heading {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  margin: 0;
  color: #1c2531;
}

.rvd-section__note {
  margin: 4px 0 12px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.rvd-empty {
  margin: 0;
  color: #475569;
  font-size: var(--edc-fs-body);
}

.rvd-table {
  margin-bottom: 24px;
}

.rvd-table__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin: 0 0 8px;
  display: flex;
  align-items: baseline;
  gap: 10px;
  color: #1c2531;
}

.rvd-table__count {
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: #475569;
}

.rvd-table__grid {
  width: auto;
  max-width: 100%;
  margin: 0;
  font-variant-numeric: tabular-nums;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  overflow: hidden;
}
.rvd-table__grid thead th {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
  background: #f5f7fa;
  border-bottom: 1px solid #c9d2dd;
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
  padding: 8px 12px;
}
.rvd-table__grid th, .rvd-table__grid td {
  font-size: var(--edc-fs-body);
  padding: 8px 12px;
  border-top: 1px solid #dfe4ea;
  vertical-align: top;
  white-space: nowrap;
}
.rvd-table__grid thead th, .rvd-table__grid tbody tr:first-child th, .rvd-table__grid tbody tr:first-child td {
  border-top: 0;
}
.rvd-table__grid th.name, .rvd-table__grid td.name {
  white-space: normal;
  min-width: 180px;
  max-width: 360px;
  font-weight: 600;
  color: #1c2531;
}
.rvd-table__grid .num {
  text-align: right;
}
.rvd-table__grid .txt {
  text-align: left;
}
.rvd-table__grid td.txt {
  white-space: normal;
  max-width: 320px;
}
.rvd-table__grid .addr {
  font-size: var(--edc-fs-body);
}
.rvd-table__grid .blank {
  color: #475569;
}
.rvd-table__grid tbody tr:nth-child(even) td, .rvd-table__grid tbody tr:nth-child(even) th {
  background: #f8fafc;
}

.rvd-card {
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);
  padding: 20px;
  margin-bottom: 16px;
}

.rvd-card__heading {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin: 0 0 12px;
  color: #1c2531;
}

.rvd-send {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}
.rvd-send__link {
  padding-top: 20px;
  border-top: 1px solid #dfe4ea;
}
@media (min-width: 992px) {
  .rvd-send--two {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 0 32px;
  }
  .rvd-send--two .rvd-send__link {
    padding-top: 0;
    padding-left: 32px;
    border-top: 0;
    border-left: 1px solid #dfe4ea;
  }
}

.rvd-form {
  margin: 0;
}

.rvd-field {
  margin: 0 0 16px;
  border: 0;
  padding: 0;
  min-width: 0;
}
.rvd-field__label {
  display: block;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
  margin: 0 0 2px;
  float: none;
  width: auto;
}
.rvd-field__hint {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  text-wrap: pretty;
}

.rvd .rvd-input {
  font-size: var(--edc-fs-body);
  min-height: 38px;
  border-radius: 8px;
  border-color: #c9d2dd;
  color: #1c2531;
}
.rvd .rvd-input::-moz-placeholder {
  color: #475569;
}
.rvd .rvd-input::placeholder {
  color: #475569;
}
.rvd .rvd-input:focus {
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.22);
}

.rvd .rvd-input--name {
  max-width: 480px;
}

.rvd-portals__row {
  padding: 6px 0;
}

.rvd-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  margin: 0;
  min-height: 32px;
}
.rvd-check input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #1c3f75;
}
.rvd-check__name {
  font-weight: 600;
}
.rvd-check__count {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.rvd-check__count--none {
  color: #556070;
}

.rvd-portals__people {
  margin: 2px 0 0 24px;
  font-size: var(--edc-fs-secondary);
}
.rvd-portals__people summary {
  color: #1c3f75;
  font-weight: 600;
  cursor: pointer;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
}
.rvd-portals__people .rvd-check {
  display: flex;
}

.rvd-ledger__heading {
  margin-top: 8px;
}

.rvd-ledger {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #dfe4ea;
}

.rvd-ledger__row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 16px;
  padding: 10px 0;
  border-bottom: 1px solid #dfe4ea;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}

.rvd-ledger__what .fa {
  color: #1c3f75;
  margin-right: 6px;
  font-size: var(--edc-fs-secondary);
}

.rvd-ledger__when {
  margin-left: auto;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  white-space: nowrap;
}

.rvd .rv3-flow {
  max-width: none;
}

.rvd .rv3-flow__step {
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1);
  padding: 20px;
}

.rvd .rv3-flow__legend {
  font-size: var(--edc-fs-heading);
}

.rvd .rv3-flow__help, .rvd .rv3-flow__footnote, .rvd .rv3-flow__empty {
  font-size: var(--edc-fs-secondary);
}

.rvd .rv3-flow__field textarea.form-control, .rvd .rv3-flow__field .form-control {
  font-size: var(--edc-fs-body);
  border-radius: 8px;
  border-color: #c9d2dd;
}

.rvd .rv3-flow__label {
  font-size: var(--edc-fs-body);
}

.rvd .rv3-finish__metrics dd {
  font-size: var(--edc-fs-display);
}

@media (max-width: 575.98px) {
  .rvd {
    padding-left: 16px;
    padding-right: 16px;
  }
  .rvd-head__cover {
    display: none;
  }
  .rvd-head__actions {
    width: 100%;
  }
  .rvd .rvd-btn {
    min-height: 44px;
    flex: 1 1 auto;
    justify-content: center;
  }
  .rvd-card {
    padding: 16px;
  }
  .rvd-check {
    min-height: 44px;
  }
  .rvd .rvd-input {
    min-height: 44px;
  }
  .rvd-check input {
    width: 20px;
    height: 20px;
  }
}
.glance {
  padding: 20px 24px 48px;
  color: #1c2531;
}
.glance__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 26px;
}
.glance__heading {
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  font-weight: 600;
  margin: 0 0 6px;
}
.glance__eyebrow {
  margin: 0 0 2px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #44576b;
}
.glance__lede {
  margin: 0;
  max-width: 66ch;
  color: #556070;
  text-wrap: pretty;
}
.glance__header-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.glance__header--sheet {
  justify-content: flex-end;
  margin-bottom: 10px;
}
.glance__manage-note {
  margin: 0 0 22px;
  padding: 10px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #f5f7fa;
  color: #556070;
  max-width: 90ch;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  text-wrap: pretty;
}

.glance-band {
  margin-bottom: 40px;
}
.glance-band__head {
  margin-bottom: 14px;
  padding-bottom: 6px;
  border-bottom: 1px solid #dfe4ea;
  position: relative;
}
.glance-band__head::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 44px;
  border-bottom: 2px solid #1c3f75;
}
.glance-band__heading {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #556070;
  margin: 0 0 2px;
}
.glance-band__blurb {
  margin: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #616d7e;
  max-width: 66ch;
}
.glance-band__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-auto-flow: dense;
  gap: 16px;
  align-items: stretch;
}
.glance-band__empty {
  margin: 0;
  padding: 18px 20px;
  border: 1px dashed #c9d2dd;
  border-radius: 6px;
  background: #f5f7fa;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.glance-band__empty-link {
  color: #1c3f75;
  text-decoration: underline;
}
.glance-band__grid--solo {
  grid-template-columns: minmax(0, 1fr) !important;
}
.glance-band__grid--solo .glance-widget {
  grid-column: 1/-1;
}
.glance-band--needs_you {
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  padding: 14px 16px 16px;
}
.glance-band--needs_you .glance-band__head {
  border-bottom-color: #c9d2dd;
}
.glance-band--needs_you .glance-band__grid {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  grid-auto-flow: row;
}
.glance-band--needs_you .glance-widget {
  grid-column: auto;
}
.glance-band--numbers .glance-band__grid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.glance-widget.insight-stamped > .glance-widget__head {
  padding-right: 32px;
}

.glance-widget {
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  padding: 14px 16px 12px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.glance-widget:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.glance-widget__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
.glance-widget__title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #556070;
  margin: 0;
}
.glance-widget__family {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #616d7e;
  white-space: nowrap;
}
.glance-widget__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.glance-widget--metric_tile .glance-widget__body, .glance-widget--delta_card .glance-widget__body {
  justify-content: center;
}
.glance-widget--l {
  grid-column: span 2;
}
.glance-widget--attention_list, .glance-widget--record_list, .glance-widget--funnel_bar, .glance-widget--trend_chart {
  grid-column: span 2;
}
.glance-widget__manage {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed #c9d2dd;
}
.glance-widget__manage-group {
  display: flex;
  gap: 6px;
}
.glance-widget__ctl-form {
  display: inline;
  margin: 0;
}
.glance-widget__ctl {
  min-width: 34px;
  padding: 2px 8px;
}
.glance-widget__remove {
  padding: 2px 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
  text-decoration: underline;
}
.glance-widget__remove:hover, .glance-widget__remove:focus {
  color: #a8342f;
}

.glance-metric__figure {
  margin: 0;
  font-variant-numeric: lining-nums tabular-nums;
  font-size: calc(var(--edc-fs-display) * 29.4 / 24);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: #1c2531;
}
.glance-metric__label {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #556070;
}
.glance-metric__second {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #556070;
}
.glance-metric__second strong {
  color: #1c2531;
  font-weight: 600;
  font-variant-numeric: lining-nums tabular-nums;
}
.glance-metric__basis {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #616d7e;
}
.glance-metric__caveats {
  margin: 10px 0 0;
  padding-left: 18px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  line-height: 1.45;
  color: #556070;
}
.glance-metric__caveats li + li {
  margin-top: 4px;
}
.glance-metric__drill {
  margin: 10px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.glance-metric__drill a {
  font-weight: 600;
  text-decoration: none;
}
.glance-metric__drill a:hover, .glance-metric__drill a:focus-visible {
  text-decoration: underline;
}
.glance-metric--m .glance-metric__figure, .glance-metric--l .glance-metric__figure {
  font-size: calc(var(--edc-fs-display) * 33.6 / 24);
}

.glance-delta__figure {
  margin: 0;
  font-variant-numeric: lining-nums tabular-nums;
  font-size: calc(var(--edc-fs-display) * 32.2 / 24);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.01em;
}
.glance-delta__label {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #556070;
}
.glance-delta__compare {
  margin: 10px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
  color: #1c2531;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px;
}
.glance-delta__arrow {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #616d7e;
}
.glance-delta__change {
  font-weight: 600;
}
.glance-delta__prior {
  color: #556070;
  font-variant-numeric: lining-nums tabular-nums;
}
.glance-delta__nocompare {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
  font-style: italic;
  text-wrap: pretty;
}

.glance-spark {
  display: block;
  width: 100%;
  height: 28px;
  margin-top: 10px;
  overflow: visible;
}
.glance-spark__line {
  fill: none;
  stroke: #1c3f75;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.glance-spark--wide {
  height: 34px;
}

.glance-trend {
  margin: 0;
}
.glance-trend__svg {
  display: block;
  width: 100%;
  height: 62px;
  overflow: visible;
  background: linear-gradient(to top, rgba(28, 63, 117, 0.05), rgba(28, 63, 117, 0)) 0 0/100% 100% no-repeat;
  border-bottom: 1px solid #dfe4ea;
}
.glance-trend__line {
  fill: none;
  stroke: #1c3f75;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.glance-trend__caption {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.glance-trend__end {
  font-weight: 700;
  font-variant-numeric: lining-nums tabular-nums;
  color: #1c2531;
}
.glance-trend__span {
  color: #616d7e;
}

.glance-bars__unit {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #616d7e;
}

.glance-bars {
  list-style: none;
  margin: 0;
  padding: 0;
}
.glance-bars__row {
  display: grid;
  grid-template-columns: minmax(104px, 36%) 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 5px 0;
}
.glance-bars__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
  color: #1c2531;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.glance-bars__track {
  display: block;
  height: 9px;
  border-radius: 3px;
  background: #eef2f7;
  overflow: hidden;
}
.glance-bars__fill {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: #1c3f75;
}
.glance-bars__fill--good {
  background: #2f6b4f;
}
.glance-bars__fill--warn {
  background: #8a5a10;
}
.glance-bars__fill--bad {
  background: #a8342f;
}
.glance-bars__fill--muted {
  background: #616d7e;
}
.glance-bars__value {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 700;
  font-variant-numeric: lining-nums tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.glance-bars__note {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 400;
  font-style: italic;
  color: #616d7e;
}
.glance-bars__row--unmeasured .glance-bars__label {
  color: #556070;
}

.glance-funnel {
  --glance-funnel-h: 78px;
}
.glance-funnel__stages {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-end;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.glance-funnel__stages:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 4px;
}
.glance-funnel__stage {
  flex: 1 0 56px;
  min-width: 56px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
}
.glance-funnel__track {
  display: flex;
  align-items: flex-end;
  height: var(--glance-funnel-h);
  border-radius: 3px;
  background: rgba(28, 63, 117, 0.045);
  overflow: hidden;
}
.glance-funnel__seg {
  display: block;
  width: 100%;
  border-radius: 3px 3px 0 0;
  background: #1c3f75;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}
.glance-funnel__count {
  margin-top: 0;
  padding-top: 6px;
  border-top: 1px solid #c9d2dd;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  font-variant-numeric: lining-nums tabular-nums;
}
.glance-funnel__name {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  line-height: 1.25;
  color: #556070;
  overflow-wrap: break-word;
  text-wrap: pretty;
}
.glance-funnel__stage--empty .glance-funnel__count {
  color: #616d7e;
  font-weight: 600;
}
.glance-funnel__total {
  margin: 12px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.glance-funnel--ghost {
  opacity: 0.55;
}
.glance-funnel--ghost .glance-funnel__seg {
  background: #c9d2dd;
}

.glance-attention {
  list-style: none;
  margin: 0;
  padding: 0;
}
.glance-attention__item {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: start;
  padding: 9px 0;
  border-top: 1px solid #dfe4ea;
}
.glance-attention__item > :not(.glance-attention__mark):not(.ny-actions):not(.ny-menu) {
  grid-column: 2;
}
.glance-attention__item:first-child {
  border-top: 0;
}
.glance-attention__mark {
  grid-column: 1;
  grid-row: 1/span 2;
  padding-top: 2px;
  font-size: var(--edc-fs-body);
  line-height: 1.2;
  color: #c9d2dd;
  text-align: center;
}
.glance-attention__item--now .glance-attention__mark {
  color: #a8342f;
}
.glance-attention__item--soon .glance-attention__mark {
  color: #8a5a10;
}
.glance-attention__title {
  margin: 0 0 3px;
  font-size: calc(var(--edc-fs-secondary) * 13.16 / 13);
  font-weight: 600;
  text-wrap: pretty;
}
.glance-attention__link {
  color: #1c2531;
  text-decoration: underline;
  text-decoration-color: rgba(28, 63, 117, 0.3);
  text-underline-offset: 3px;
}
.glance-attention__link:hover, .glance-attention__link:focus {
  color: #1c3f75;
  text-decoration-color: currentColor;
}
.glance-attention__why {
  margin: 0;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}
.glance-attention__chip {
  display: inline-block;
  padding: 1px 8px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #f5f7fa;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #1c2531;
  white-space: nowrap;
}
.glance-attention__meta {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #616d7e;
}
.glance-attention__more {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}

.glance-rules {
  margin-top: 12px;
  border-top: 1px solid #dfe4ea;
  padding-top: 8px;
}
.glance-rules__summary {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  cursor: pointer;
}
.glance-rules__summary:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.glance-rules__list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}
.glance-rules__rule {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  padding: 2px 0;
}
.glance-rules__label {
  color: #1c2531;
}
.glance-rules__count {
  white-space: nowrap;
  color: #616d7e;
}

.glance-records {
  list-style: none;
  margin: 0;
  padding: 0;
}
.glance-records__item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.glance-records__item:first-child {
  border-top: 0;
}
.glance-records__main {
  min-width: 0;
}
.glance-records__title {
  display: block;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  font-weight: 600;
  text-wrap: pretty;
  overflow-wrap: anywhere;
}
.glance-records__link {
  color: #1c2531;
  text-decoration: none;
  text-underline-offset: 3px;
}
.glance-records__link:hover, .glance-records__link:focus-visible {
  color: #1c3f75;
  text-decoration: underline;
}
.glance-records__subtitle {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.glance-records__meta {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #616d7e;
}
.glance-records__value {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
  font-variant-numeric: lining-nums tabular-nums;
  white-space: nowrap;
}
.glance-records__more {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.glance-records__more-link {
  color: #1c3f75;
  font-weight: 600;
  text-decoration: none;
}
.glance-records__more-link::after {
  content: " →";
}
.glance-records__more-link:hover, .glance-records__more-link:focus-visible {
  text-decoration: underline;
}
.glance-records__total {
  color: #616d7e;
  margin-left: 4px;
}

.glance-figures {
  overflow-x: auto;
  position: relative;
  min-width: 0;
}
.glance-figures:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 4px;
}
.glance-figures__table {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: lining-nums tabular-nums;
}
.glance-figures th, .glance-figures td {
  padding: 7px 10px;
  border-top: 1px solid #dfe4ea;
  white-space: nowrap;
}
.glance-figures thead th {
  border-top: 0;
  border-bottom: 1px solid #c9d2dd;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 600;
  color: #556070;
}
.glance-figures tfoot th, .glance-figures tfoot td {
  border-top: 1px solid #c9d2dd;
  font-weight: 700;
}
.glance-figures__rowhead {
  text-align: left;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #1c2531;
  white-space: normal;
  min-width: 9rem;
}
.glance-figures__swatch {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 2px;
  margin-right: 7px;
  box-shadow: inset 0 0 0 1px rgba(28, 37, 49, 0.22);
}
.glance-figures__link {
  color: #1c2531;
  text-decoration: underline;
  text-decoration-color: rgba(28, 63, 117, 0.3);
  text-underline-offset: 3px;
}
.glance-figures__link:hover, .glance-figures__link:focus {
  color: #1c3f75;
  text-decoration-color: currentColor;
}
.glance-figures__num {
  text-align: right;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #1c2531;
}
.glance-figures__num--unmeasured {
  color: #556070;
  font-weight: 400;
}
.glance-figures__more {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.glance-figures__more-link {
  color: #1c3f75;
  text-decoration: underline;
}
.glance-figures__basis {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 400;
  color: #556070;
}

.glance-empty {
  border: 1px dashed #c9d2dd;
  border-radius: 6px;
  background: #f5f7fa;
  padding: 14px 16px;
}
.glance-empty__reason {
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  text-wrap: pretty;
}
.glance-empty__teach {
  margin: 6px 0 0;
  color: #616d7e;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  text-wrap: pretty;
}
.glance-empty__glyph {
  margin-right: 6px;
}
.glance-empty--clear {
  border-style: solid;
  border-color: rgba(47, 107, 79, 0.35);
  background: rgba(47, 107, 79, 0.06);
}
.glance-empty--clear .glance-empty__reason {
  color: #1c2531;
  font-weight: 600;
}
.glance-empty--clear .glance-empty__glyph {
  color: #2f6b4f;
}
.glance-empty--unmeasured .glance-empty__reason {
  font-style: italic;
}
.glance-empty--unmeasured .glance-empty__glyph {
  color: #616d7e;
}

.glance-prov {
  margin: 12px 0 0;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid #dfe4ea;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #616d7e;
  line-height: 1.4;
}
.glance-prov__period {
  font-style: italic;
}
.glance-prov {
  position: relative;
}
.glance-prov__about {
  margin-left: auto;
}
.glance-prov__info {
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #556070;
  cursor: pointer;
}
.glance-prov__info::-webkit-details-marker {
  display: none;
}
.glance-prov__info:hover {
  background: rgba(15, 23, 42, 0.06);
  color: #1e293b;
}
.glance-prov__info:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.glance-prov__about[open] .glance-prov__info {
  color: #1d4ed8;
  background: rgba(29, 78, 216, 0.08);
}
.glance-prov__panel {
  position: absolute;
  right: 0;
  bottom: calc(100% + 6px);
  z-index: 20;
  width: min(340px, 100%);
  min-width: 240px;
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
  padding: 12px 14px;
  color: #344054;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.45;
}
.glance-prov__panel dl {
  margin: 0;
  display: grid;
  gap: 6px;
}
.glance-prov__panel dt {
  font-weight: 600;
  color: #475467;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.glance-prov__panel dd {
  margin: 0;
}
.glance-prov__panel-title {
  margin: 0 0 8px;
  font-weight: 700;
  color: #101828;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.glance-prov__ref {
  margin: 10px 0 0;
  padding-top: 8px;
  border-top: 1px solid #eaecf0;
  color: #475467;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}
.glance-prov__ref code {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #344054;
  overflow-wrap: anywhere;
}

.glance-library {
  margin-bottom: 36px;
}
.glance-library__family {
  margin-bottom: 28px;
}
.glance-library__family-heading {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin: 0 0 3px;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
}
.glance-library__question {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
  font-weight: 400;
  font-style: italic;
  color: #556070;
}
.glance-library__family-blurb {
  margin: 0 0 12px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #616d7e;
  max-width: 66ch;
}
.glance-library__cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 14px;
}
.glance-library__family--dormant {
  opacity: 0.9;
}

.glance-lib-card {
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-top: 2px solid #1c3f75;
  border-radius: 6px;
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
}
.glance-lib-card__title {
  font-size: calc(var(--edc-fs-body) * 13.72 / 14);
  font-weight: 600;
  margin: 0 0 4px;
}
.glance-lib-card__question {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
  text-wrap: pretty;
}
.glance-lib-card__note {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #616d7e;
  flex: 1 1 auto;
  text-wrap: pretty;
}
.glance-lib-card__spec {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 2px;
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #616d7e;
}
.glance-lib-card__spec-label {
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-weight: 700;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  line-height: 1.6;
  margin: 0;
}
.glance-lib-card__spec-value {
  margin: 0;
}
.glance-lib-card__form {
  margin: 0;
}
.glance-lib-card__add {
  align-self: flex-start;
}
.glance-lib-card__placed {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #2f6b4f;
  font-weight: 600;
}
.glance-lib-card--dormant {
  border-top-color: #c9d2dd;
  background: #f5f7fa;
}
.glance-lib-card__reserved {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  text-wrap: pretty;
}
.glance-lib-card__reserved-tag {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 7px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #ffffff;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 700;
  color: #616d7e;
}

.glance-footer {
  border-top: 1px solid #dfe4ea;
  padding-top: 12px;
  margin-top: 12px;
}
.glance-footer__text {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #556070;
  max-width: 86ch;
  text-wrap: pretty;
}
.glance-footer__link {
  color: #1c3f75;
  text-decoration: underline;
}

.glance .btn-primary {
  background-color: #1c3f75;
  border-color: #1c3f75;
}
.glance .btn-primary:hover, .glance .btn-primary:focus {
  background-color: #163258;
  border-color: #163258;
}
.glance .btn-outline-primary {
  color: #1c3f75;
  border-color: rgba(28, 63, 117, 0.45);
}
.glance .btn-outline-primary:hover, .glance .btn-outline-primary:focus {
  background-color: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}
.glance .btn-outline-secondary {
  color: #556070;
  border-color: #c9d2dd;
}
.glance .btn-outline-secondary:hover, .glance .btn-outline-secondary:focus {
  background-color: #eef2f7;
  color: #1c2531;
  border-color: #556070;
}
.glance .btn-link {
  color: #1c3f75;
}

.glance a:focus-visible,
.glance button:focus-visible,
.glance summary:focus-visible,
.glance [tabindex]:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.glance .sr-only,
.glance-widget .sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 767.98px) {
  .glance {
    padding: 16px 14px 40px;
  }
  .glance__heading {
    font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  }
  .glance-band__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .glance-band--needs_you .glance-band__grid,
  .glance-band--numbers .glance-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .glance-band--needs_you {
    padding: 12px 13px 14px;
  }
  .glance-funnel {
    --glance-funnel-h: 60px;
  }
  .glance-widget--l,
  .glance-widget--attention_list,
  .glance-widget--record_list,
  .glance-widget--funnel_bar,
  .glance-widget--trend_chart,
  .glance-widget--breakdown_bars {
    grid-column: 1/-1;
  }
  .glance-widget {
    padding: 12px 13px 10px;
  }
  .glance-metric__figure {
    font-size: calc(var(--edc-fs-display) * 23.8 / 24);
  }
  .glance-delta__figure {
    font-size: calc(var(--edc-fs-display) * 26.6 / 24);
  }
  .glance-funnel__name {
    font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  }
  .glance-library__cards {
    grid-template-columns: minmax(0, 1fr);
  }
  .glance .btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 359.98px) {
  .glance-band__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.glance-trad__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #dfe4ea;
}
.glance-trad__heading {
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #1c2531;
  margin: 0 0 2px;
}
.glance-trad__lede {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #616d7e;
  max-width: 70ch;
  text-wrap: pretty;
}
.glance-trad__actions {
  display: flex;
  align-items: center;
  gap: 14px;
}
.glance-trad__valve {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
  text-decoration: underline;
}
.glance-trad__valve:hover, .glance-trad__valve:focus {
  color: #1c3f75;
}
.glance-trad__band {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  grid-auto-flow: dense;
  align-items: stretch;
  margin-bottom: 16px;
}
.glance-trad__empty {
  border: 1px dashed #c9d2dd;
  border-radius: 6px;
  background: #f5f7fa;
  padding: 28px 26px;
  text-align: center;
}
.glance-trad__empty-heading {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 600;
  color: #1c2531;
  margin: 0 0 6px;
}
.glance-trad__empty-text {
  margin: 0 auto 14px;
  max-width: 58ch;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  text-wrap: pretty;
}
.glance-trad__footer {
  border-top: 1px solid #dfe4ea;
  margin-top: 26px;
  padding-top: 12px;
}
.glance-trad__footer-text {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #556070;
  max-width: 86ch;
  text-wrap: pretty;
}
.glance-trad__footer-text--valve {
  color: #616d7e;
}
.glance-trad__footer-link {
  color: #1c3f75;
  text-decoration: underline;
}
.glance-trad .glance-widget__body > .glance-empty {
  margin-top: auto;
  margin-bottom: auto;
}
.glance-trad .glance-widget {
  border-color: #e2e6ec;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(28, 37, 49, 0.06);
  padding: 15px 16px 13px;
}
.glance-trad .glance-widget__title {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  color: #1c2531;
}
.glance-trad .glance-widget__head {
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eef1f5;
}
.glance-trad .glance-widget {
  grid-column: span 4;
}
.glance-trad .glance-widget--delta_card {
  grid-column: span 3;
}
.glance-trad .glance-widget--attention_list,
.glance-trad .glance-widget--trend_chart {
  grid-column: span 8;
}
.glance-trad .glance-widget--figure_table {
  grid-column: 1/-1;
}
.glance-trad .glance-trad__band > .glance-widget:nth-child(2):last-child {
  grid-column: 1/-1;
}

@media (max-width: 1099.98px) {
  .glance-trad__band {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .glance-trad .glance-widget,
  .glance-trad .glance-widget--attention_list,
  .glance-trad .glance-widget--breakdown_bars,
  .glance-trad .glance-widget--funnel_bar,
  .glance-trad .glance-widget--trend_chart {
    grid-column: span 6;
  }
  .glance-trad .glance-widget--metric_tile,
  .glance-trad .glance-widget--delta_card,
  .glance-trad .glance-widget--record_list {
    grid-column: span 3;
  }
}
@media (max-width: 767.98px) {
  .glance-trad__band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .glance-trad .glance-widget,
  .glance-trad .glance-widget--record_list,
  .glance-trad .glance-widget--delta_card {
    grid-column: 1/-1;
  }
  .glance-trad .glance-widget--metric_tile {
    grid-column: span 1;
  }
  .glance-trad__header {
    align-items: flex-start;
  }
  .glance-trad__heading {
    font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  }
  .glance-trad__actions {
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 359.98px) {
  .glance-trad .glance-widget--metric_tile {
    grid-column: 1/-1;
  }
}
.glance-boards {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 18px;
}

.glance-boards__item {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.glance-boards__tab {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: #fff;
  color: #374151;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.12s ease, background 0.12s ease;
}
.glance-boards__tab:hover, .glance-boards__tab:focus {
  border-color: #2f5cc4;
  color: #1f2937;
  text-decoration: none;
}
.glance-boards__tab--active {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
}
.glance-boards__tab--active:hover, .glance-boards__tab--active:focus {
  color: #fff;
}

.glance-boards__delete {
  border: none;
  background: transparent;
  color: #9ca3af;
  padding: 2px 4px;
  min-width: 0;
  cursor: pointer;
}
.glance-boards__delete:hover, .glance-boards__delete:focus {
  color: #b42318;
}

.glance-boards__inline-form {
  display: inline-flex;
  margin: 0;
}

.glance-boards__new {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 6px;
}

.glance-boards__new-input {
  border: 1px solid #d1d5db;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: var(--edc-fs-secondary);
  width: 160px;
}

.glance-boards__new-select {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: var(--edc-fs-label);
}

.glance-boards__default {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #047857;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 999px;
  padding: 2px 8px;
}

.glance-boards__default-btn {
  border: 1px solid #d1d5db;
  background: #fff;
  color: #4b5563;
  border-radius: 999px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  padding: 3px 10px;
  min-width: 0;
  cursor: pointer;
}
.glance-boards__default-btn:hover, .glance-boards__default-btn:focus {
  border-color: #2f5cc4;
  color: #1f2937;
}

.glance-widget__watch {
  border-top: 1px solid #f3f4f6;
  margin-top: 10px;
  padding-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.glance-widget__watch-line {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 999px;
  padding: 3px 10px;
}

.glance-widget__watch-clear {
  min-width: 0;
  padding: 2px 6px;
  font-size: var(--edc-fs-label);
}

.glance-widget__watch-form {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.glance-widget__watch-select,
.glance-widget__watch-input {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: var(--edc-fs-label);
}

.glance-widget__watch-input {
  width: 90px;
}

.glance-page .glance-widget {
  grid-column: auto;
}

.glance-page .glance-brief__band--counts .glance-widget--l {
  grid-column: span 2;
}

@media (max-width: 620px) {
  .glance-page .glance-brief__band--counts .glance-widget {
    grid-column: 1/-1;
  }
}
.glance-brief {
  margin: 4px 0 32px;
  padding: 16px 20px 20px;
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.glance-brief__head {
  margin: -6px -8px 12px;
  padding: 6px 8px;
  align-items: flex-start;
}
.glance-brief__toggle {
  display: flex;
  align-items: flex-start;
  gap: inherit;
  flex: 1 1 auto;
  min-width: 0;
  cursor: pointer;
  border-radius: 6px;
}
.glance-brief__toggle:focus-visible {
  outline: 2px solid #2559b8;
  outline-offset: 2px;
}
.glance-brief__tools {
  margin-left: auto;
  align-self: center;
  display: flex;
  gap: 8px;
}
.glance-brief__empty {
  margin: 0;
  padding: 14px 16px;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
  background: #f8fafc;
  color: #475569;
  font-size: var(--edc-fs-secondary);
}
.glance-brief__head .rfs-card-chevron {
  margin-top: 8px;
}
.glance-brief__head .rfs-card-icon {
  margin-top: 2px;
}
.glance-brief__title {
  min-width: 0;
}
.glance-brief__lede {
  margin: 2px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.glance-brief.rfs-collapsed .rfs-card-chevron {
  transform: rotate(-90deg);
}
.glance-brief.rfs-collapsed .rfs-card-body {
  display: none;
}
.glance-brief.rfs-collapsed {
  padding-bottom: 14px;
}
.glance-brief.rfs-collapsed .glance-brief__head {
  margin-bottom: 0;
}
@media (max-width: 640px) {
  .glance-brief__head {
    flex-wrap: wrap;
  }
  .glance-brief__tools {
    flex: 1 1 100%;
    margin-left: 0;
    align-self: auto;
    justify-content: flex-start;
    padding-left: 44px;
  }
}
.glance-brief__layout {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.glance-brief__band {
  min-width: 0;
}
.glance-brief__band-heading {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #556070;
  margin: 0 0 8px;
}
.glance-brief__grid {
  display: grid;
  gap: 16px;
  align-items: start;
  grid-template-columns: minmax(0, 1fr);
}
.glance-brief .glance-widget {
  grid-column: auto;
}
.glance-brief__band--needs_you .glance-brief__grid {
  grid-template-columns: minmax(0, 1fr);
}
.glance-brief__band--figures .glance-brief__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}
.glance-brief__band--figures .glance-widget {
  height: 100%;
}
.glance-brief__band--figures .glance-widget--m, .glance-brief__band--figures .glance-widget--l {
  grid-column: span 2;
}
@media (max-width: 1100px) {
  .glance-brief__band--figures .glance-brief__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1101px) {
  .glance-brief__band--figures .glance-brief__grid:has(> .glance-widget--breakdown_bars) {
    grid-auto-flow: row dense;
  }
  .glance-brief__band--figures .glance-brief__grid > .glance-widget--breakdown_bars {
    grid-column: 3/span 2;
  }
  .glance-brief__band--figures .glance-brief__grid:has(> .glance-widget--metric_tile ~ .glance-widget--metric_tile ~ .glance-widget--metric_tile) > .glance-widget--breakdown_bars {
    grid-row: span 2;
  }
}
@media (min-width: 621px) {
  .glance-brief__band--figures .glance-brief__grid:has(> .glance-widget--breakdown_bars) > .glance-widget--metric_tile:nth-child(odd of .glance-widget--metric_tile):nth-last-child(1 of .glance-widget--metric_tile) {
    grid-column: span 2;
  }
}
@media (max-width: 620px) {
  .glance-brief__band--figures .glance-brief__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .glance-brief__band--figures .glance-widget--m, .glance-brief__band--figures .glance-widget--l {
    grid-column: auto;
  }
}
.glance-brief__band--counts .glance-brief__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: dense;
}
.glance-brief__band--counts .glance-brief__grid--solo {
  grid-template-columns: minmax(0, 1fr);
}
.glance-brief__band--counts .glance-brief__grid--solo .glance-widget {
  grid-column: 1/-1;
}
.glance-brief__band--counts .glance-brief__grid--pair {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.glance-brief__band--counts .glance-brief__grid--pair .glance-widget {
  grid-column: auto;
}
.glance-brief__band--counts .glance-widget--funnel_bar,
.glance-brief__band--counts .glance-widget--figure_table {
  grid-column: span 2;
}
@media (max-width: 1100px) {
  .glance-brief__band--counts .glance-brief__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .glance-brief__band--counts .glance-widget--funnel_bar,
  .glance-brief__band--counts .glance-widget--figure_table {
    grid-column: 1/-1;
  }
  .glance-brief__band--counts .glance-brief__grid:not(:has(> :is(.glance-widget--funnel_bar, .glance-widget--figure_table))) > .glance-widget:last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
  .glance-brief__band--counts .glance-brief__grid:has(> :is(.glance-widget--funnel_bar, .glance-widget--figure_table)):not(:has(> :is(.glance-widget--funnel_bar, .glance-widget--figure_table) ~ :is(.glance-widget--funnel_bar, .glance-widget--figure_table))) > .glance-widget:last-child:nth-child(even):not(:is(.glance-widget--funnel_bar, .glance-widget--figure_table)) {
    grid-column: 1/-1;
  }
  .glance-brief__band--counts .glance-brief__grid:has(> :is(.glance-widget--funnel_bar, .glance-widget--figure_table) ~ :is(.glance-widget--funnel_bar, .glance-widget--figure_table)) > .glance-widget:last-child:nth-child(odd):not(:is(.glance-widget--funnel_bar, .glance-widget--figure_table)) {
    grid-column: 1/-1;
  }
}
@media (max-width: 620px) {
  .glance-brief__band--counts .glance-brief__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.glance-brief__band--numbers .glance-brief__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-flow: dense;
}
.glance-brief__band--numbers .glance-widget--l {
  grid-column: span 2;
}
.glance-brief__band--numbers .glance-widget--l .glance-trend__svg {
  height: 200px;
}
@media (max-width: 1100px) {
  .glance-brief__band--numbers .glance-brief__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .glance-brief__band--numbers .glance-widget--l {
    grid-column: 1/-1;
  }
  .glance-brief__band--numbers .glance-brief__grid:not(:has(> :is(.glance-widget--l))) > .glance-widget:last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
  .glance-brief__band--numbers .glance-brief__grid:has(> :is(.glance-widget--l)):not(:has(> :is(.glance-widget--l) ~ :is(.glance-widget--l))) > .glance-widget:last-child:nth-child(even):not(:is(.glance-widget--l)) {
    grid-column: 1/-1;
  }
  .glance-brief__band--numbers .glance-brief__grid:has(> :is(.glance-widget--l) ~ :is(.glance-widget--l)) > .glance-widget:last-child:nth-child(odd):not(:is(.glance-widget--l)) {
    grid-column: 1/-1;
  }
}
@media (max-width: 620px) {
  .glance-brief__band--numbers .glance-brief__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.glance-brief--record {
  margin-bottom: 16px;
  container-type: inline-size;
}
.glance-brief--record .glance-brief__band--record .glance-brief__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-flow: dense;
  align-items: stretch;
}
.glance-brief--record .glance-brief__band--record .glance-widget--m {
  grid-column: span 2;
}
@media (max-width: 1100px) {
  .glance-brief--record .glance-brief__band--record .glance-brief__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .glance-brief--record .glance-brief__band--record .glance-widget--m {
    grid-column: 1/-1;
  }
}
@media (max-width: 620px) {
  .glance-brief--record .glance-brief__band--record .glance-brief__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .glance-brief--record .glance-brief__band--record .glance-widget {
    grid-column: auto;
  }
}
@container (max-width: 980px) {
  .glance-brief--record .glance-brief__band--record .glance-brief__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .glance-brief--record .glance-brief__band--record .glance-widget--m {
    grid-column: auto;
  }
  .glance-brief--record .glance-brief__band--record .glance-brief__grid > .glance-widget:last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
}
@container (max-width: 560px) {
  .glance-brief--record .glance-brief__band--record .glance-brief__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .glance-brief--record .glance-brief__band--record .glance-widget {
    grid-column: auto;
  }
}

.glance-widget__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  margin: -4px 0 10px;
}

.glance-widget__control {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-weight: 500;
}

.glance-widget__control-label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}

.glance-widget__control-value {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c2531;
}

.glance-widget__select {
  height: 26px;
  padding: 0 22px 0 8px;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  background: #ffffff;
  font-size: var(--edc-fs-label);
  color: #1c2531;
  max-width: 150px;
}
.glance-widget__select:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.glance-empty--clear {
  border: 0;
  background: none;
  padding: 2px 0;
}
.glance-empty--clear .glance-empty__reason {
  margin: 0;
}

.glance-widget__head {
  position: relative;
}

.glance-widget__door {
  position: absolute;
  top: -2px;
  right: -4px;
  margin: 0;
}

.glance-widget__head .glance-widget__title {
  padding-right: 22px;
}

.glance-attention__count {
  margin-left: 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #4a5566;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef2f7;
}

.glance-attention__more-link {
  font-weight: 600;
}

.glance-widget--director {
  border-top: 2px solid #1f2937;
}

.glance-widget__level {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 8px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #1f2937;
  white-space: nowrap;
}
.glance-widget__level .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
}

.glance__eyebrow--director {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #1f2937;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: var(--edc-fs-label);
  margin: 0 0 4px;
}

.glance__crest {
  font-size: var(--edc-fs-label);
}

.dbld-gallery__head--director .dbld-gallery__name {
  color: #1f2937;
}

.glance-widget__menu {
  position: relative;
  margin-left: 6px;
}

.glance-widget__menu > summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  color: #556070;
  cursor: pointer;
}

.glance-widget__menu > summary::-webkit-details-marker {
  display: none;
}

.glance-widget__menu > summary:hover, .glance-widget__menu > summary:focus-visible {
  background: #eef2ff;
  color: #2559b8;
  outline: none;
}

.glance-widget__menu-list {
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 6;
  min-width: 200px;
  padding: 6px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
}

.glance-widget__menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #0f172a;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-align: left;
}

.glance-widget__menu-item:hover, .glance-widget__menu-item:focus-visible {
  background: #f1f5f9;
  outline: none;
}

.gla {
  max-width: 1180px;
  margin: 0 auto;
  padding: 8px 4px 40px;
}

.gla__head {
  margin-bottom: 18px;
}

.gla__title {
  margin: 0;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  line-height: 1.2;
  color: #0f172a;
  text-shadow: none;
}

.gla__lede {
  max-width: 78ch;
  margin: 8px 0 0;
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  color: #4b5563;
}

.gla__scroll {
  overflow-x: auto;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}

.gla__table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
}

.gla__table th, .gla__table td {
  padding: 10px 12px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}

.gla__table thead th {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #475569;
  background: #f8fafc;
  text-align: center;
}

.gla__table thead th.gla__what {
  text-align: left;
}

.gla__what {
  text-align: left;
  min-width: 260px;
}

.gla__name {
  display: block;
  font-weight: 700;
  color: #0f172a;
}

.gla__q {
  display: block;
  font-size: var(--edc-fs-label);
  color: #475569;
}

.gla__level-row th, .gla__level-row td {
  background: #f8fafc;
  border-bottom: 2px solid #1f2937;
}

.gla__cell {
  text-align: center;
}

.gla__cell input {
  width: 18px;
  height: 18px;
}

.gla__always {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #056e4c;
  font-weight: 700;
  font-size: var(--edc-fs-label);
}

.gla__actions {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}

.gla-dialog {
  width: min(560px, 92vw);
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25);
}

.gla-dialog::backdrop {
  background: rgba(15, 23, 42, 0.45);
}

.gla-dialog__form {
  margin: 0;
  padding: 18px 20px 16px;
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
}

.gla-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.gla-dialog__title {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  text-shadow: none;
}

.gla-dialog__sub {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.gla-dialog__close {
  width: 32px;
  height: 32px;
  min-width: 0;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #475569;
}

.gla-dialog__close:hover, .gla-dialog__close:focus-visible {
  border-color: #2559b8;
  color: #2559b8;
  outline: none;
}

.gla-dialog__status {
  min-height: 18px;
  margin: 0 0 6px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #056e4c;
}

.gla-dialog__section {
  margin-top: 12px;
}

.gla-dialog__h {
  margin: 0 0 6px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #475569;
}

.gla-dialog__roles, .gla-dialog__people {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gla-dialog__role {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 7px 0;
  border-top: 1px solid #f1f5f9;
}

.gla-dialog__role:first-child {
  border-top: 0;
}

.gla-dialog__role-name {
  flex: 1 1 auto;
  font-weight: 600;
}

.gla-dialog__toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: var(--edc-fs-label);
  color: #0f172a;
}

.gla-dialog__toggle input {
  width: 16px;
  height: 16px;
}

.gla-dialog__note {
  margin: 8px 0 0;
  font-size: var(--edc-fs-label);
  color: #475569;
}

.gla-dialog__person {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 0;
  border-top: 1px solid #f1f5f9;
}

.gla-dialog__person:first-child {
  border-top: 0;
}

.gla-dialog__person small {
  color: #475569;
  font-size: var(--edc-fs-label);
}

.gla-dialog__none {
  color: #475569;
}

.gla-dialog__foot {
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid #f1f5f9;
}

.gla__year {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
}

.gla__year-label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #475569;
}

.gla__cell--input {
  text-align: left;
}

.gla__input {
  width: 200px;
  min-height: 36px;
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  color: #0f172a;
}

.gla__input:focus {
  outline: none;
  border-color: #2559b8;
  box-shadow: 0 0 0 3px rgba(37, 89, 184, 0.14);
}

.glance-ring {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 6px 14px;
  align-items: center;
}
.glance-ring__svg {
  width: 96px;
  height: 96px;
  grid-row: 1/span 3;
}
.glance-ring__track {
  fill: none;
  stroke: #e5e7eb;
  stroke-width: 10;
}
.glance-ring__fill {
  fill: none;
  stroke-width: 10;
  stroke-linecap: round;
}
.glance-ring--good .glance-ring__fill {
  stroke: #0f8a4b;
}
.glance-ring--warn .glance-ring__fill {
  stroke: #c2620e;
}
.glance-ring--bad .glance-ring__fill {
  stroke: #b42318;
}
.glance-ring__figure {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 700;
  color: #111827;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.glance-ring__unit {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin-left: 2px;
  color: #4b5563;
}
.glance-ring__label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #111827;
}
.glance-ring__sub {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #4b5563;
}
.glance-ring__door {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #2f5cc4;
  text-decoration: none;
}
.glance-ring__door:hover {
  text-decoration: underline;
}

.glance-evidence {
  font-size: var(--edc-fs-secondary);
  color: #111827;
}
.glance-evidence__group {
  margin: 8px 0 4px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4b5563;
}
.glance-evidence__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}
.glance-evidence__item {
  position: relative;
  display: grid;
  gap: 2px;
  padding-left: 16px;
}
.glance-evidence__item::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #98a2b3;
}
.glance-evidence__item--good::before {
  background: #0f8a4b;
}
.glance-evidence__item--warn::before {
  background: #c2620e;
}
.glance-evidence__item--bad::before, .glance-evidence__item--danger::before {
  background: #b42318;
}
.glance-evidence__title {
  font-weight: 600;
  color: #111827;
  text-decoration: none;
}
.glance-evidence__title:hover {
  color: #2f5cc4;
  text-decoration: underline;
}
.glance-evidence__detail {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #4b5563;
}
.glance-evidence__door {
  display: inline-block;
  margin-top: 8px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #2f5cc4;
  text-decoration: none;
}
.glance-evidence__door:hover {
  text-decoration: underline;
}

.glance-theme {
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 12px;
  align-items: start;
}
.glance-theme__figure {
  font-size: calc(var(--edc-fs-display) * 30 / 24);
  font-weight: 700;
  line-height: 1;
  color: #111827;
  font-variant-numeric: tabular-nums;
}
.glance-theme__unit {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin-left: 2px;
  color: #4b5563;
}
.glance-theme--good .glance-theme__figure {
  color: #0f8a4b;
}
.glance-theme--warn .glance-theme__figure {
  color: #c2620e;
}
.glance-theme--bad .glance-theme__figure {
  color: #b42318;
}
.glance-theme__question {
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  color: #111827;
}
.glance-theme__issues {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #4b5563;
}
.glance-theme__door {
  display: inline-block;
  margin-top: 6px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #2f5cc4;
  text-decoration: none;
}
.glance-theme__door:hover {
  text-decoration: underline;
}

.glance-map {
  display: grid;
  gap: 8px;
}
.glance-map__mount {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}
.glance-map__canvas {
  width: 100%;
}
.glance-map__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 4px;
  font-size: var(--edc-fs-secondary);
}
.glance-map__list--fallback {
  display: none;
}
.no-js .glance-map__list--fallback, .glance-map__mount:empty + .glance-map__list--fallback {
  display: grid;
}
.glance-map__place {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
  border-bottom: 1px solid #f3f4f6;
  padding-bottom: 3px;
}
.glance-map__place a {
  color: #111827;
  font-weight: 600;
  text-decoration: none;
}
.glance-map__place a:hover {
  color: #2f5cc4;
  text-decoration: underline;
}
.glance-map__figure {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #334155;
}
.glance-map__note {
  margin: 0;
  font-size: var(--edc-fs-label);
  color: #4b5563;
}

.glance-widget--map .glance-widget__body {
  min-width: 0;
}

.glance-privacy-note {
  margin: 6px 0 0;
  font-size: var(--edc-fs-label);
  line-height: 1.4;
  color: #4b5563;
}
.glance-privacy-note .fa {
  margin-right: 4px;
  color: var(--edc-text-muted-words, #6b7280);
}

.leaflet-tooltip.glance-map__label {
  padding: 2px 6px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  line-height: 1.3;
  color: #1f2937;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  box-shadow: none;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.leaflet-tooltip.glance-map__label::before {
  display: none;
}
.leaflet-tooltip.glance-map__label b {
  font-weight: 700;
}
.leaflet-tooltip.glance-map__label .glance-map__label-name {
  margin-left: 5px;
  font-weight: 500;
  color: #4b5563;
}

.glance-page {
  padding: 4px 0 24px;
}
.glance-page__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 16px;
}
.glance-page__heading {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  line-height: 1.25;
  color: #1c2531;
  margin: 0 0 4px;
  letter-spacing: -0.01em;
  text-shadow: none;
}
.glance-page__lede {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #556070;
}
.glance-page__tools {
  flex: 0 0 auto;
  padding-top: 2px;
}
@media (max-width: 640px) {
  .glance-page__head {
    flex-wrap: wrap;
  }
  .glance-page__tools {
    flex: 1 1 100%;
    padding-top: 0;
  }
}
.glance-page .glance-brief__band + .glance-brief__band {
  margin-top: 18px;
}

.glance-module-tabs .nav-link {
  text-transform: none;
}

@container (min-width: 900px) {
  .glance-brief--record .glance-brief__band--record .glance-widget--m .glance-records {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .glance-brief--record .glance-brief__band--record .glance-widget--m .glance-records .glance-records__item {
    border-top: 1px solid #dfe4ea;
  }
  .glance-brief--record .glance-brief__band--record .glance-widget--m .glance-records .glance-records__item:nth-child(-n+2) {
    border-top: 0;
  }
}
@media (min-width: 1100px) {
  .glance-brief__band--needs_you .glance-records {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .glance-brief__band--needs_you .glance-records .glance-records__item:nth-child(-n+2) {
    border-top: 0;
  }
}
.svy-camp .glance-prov {
  margin: 6px 0 0;
  padding-top: 0;
  border-top: 0;
}
.svy-camp .glance-prov .glance-prov__about {
  margin-left: 0;
}
.svy-camp .glance-prov .glance-prov__panel {
  left: 0;
  right: auto;
  top: calc(100% + 6px);
  bottom: auto;
}

.glance-attention__body {
  min-width: 0;
}

.glance-attention__item {
  position: relative;
  border-radius: 6px;
  transition: background-color 120ms cubic-bezier(0.2, 0, 0, 1);
}

.glance-attention__item.ny-cursor,
.glance-attention__item:focus-visible {
  background: #eef2f7;
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}

.glance-attention__item:focus {
  outline: none;
}

.glance-attention__item:focus-visible {
  outline: 2px solid #1c3f75;
}

.ny-actions {
  grid-column: 3;
  grid-row: 1/span 2;
  display: flex;
  gap: 4px;
  align-items: center;
  align-self: center;
  opacity: 0;
  transition: opacity 120ms cubic-bezier(0.2, 0, 0, 1);
}

.glance-attention__item:hover .ny-actions,
.glance-attention__item:focus-within .ny-actions,
.glance-attention__item.ny-cursor .ny-actions {
  opacity: 1;
}

@media (hover: none) {
  .ny-actions {
    opacity: 1;
  }
}
.ny-act {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  min-width: 0;
  transition: background-color 120ms cubic-bezier(0.2, 0, 0, 1), border-color 120ms cubic-bezier(0.2, 0, 0, 1), transform 120ms cubic-bezier(0.2, 0, 0, 1);
}
.ny-act:hover {
  background: #f5f7fa;
  border-color: #1c3f75;
  color: #1c3f75;
}
.ny-act:active {
  transform: scale(0.97);
}
.ny-act:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.ny-act .fa {
  font-size: var(--edc-fs-secondary);
}

.ny-act--done:hover {
  color: #2f6b4f;
  border-color: #2f6b4f;
}

@container (max-width: 420px) {
  .ny-act__word {
    display: none;
  }
  .ny-act {
    padding: 0 9px;
  }
}
.glance-widget--attention_list {
  container-type: inline-size;
}

.glance-attention__item.ny-leaving {
  overflow: hidden;
  opacity: 0;
  transform: translateX(-24px);
  padding-top: 0;
  padding-bottom: 0;
  border-top-color: transparent;
  transition: opacity 180ms cubic-bezier(0.2, 0, 0, 1), transform 220ms cubic-bezier(0.2, 0, 0, 1), height 220ms cubic-bezier(0.2, 0, 0, 1), padding 220ms cubic-bezier(0.2, 0, 0, 1), border-color 220ms cubic-bezier(0.2, 0, 0, 1);
}

.glance-attention__item.ny-entering {
  opacity: 0;
  transform: translateY(6px);
}

.glance-attention__item {
  transition: opacity 220ms cubic-bezier(0.2, 0, 0, 1), transform 220ms cubic-bezier(0.2, 0, 0, 1), background-color 120ms cubic-bezier(0.2, 0, 0, 1);
}

.ny-clear {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.16 / 13);
  font-weight: 600;
  color: #2f6b4f;
  animation: dash-arrive 380ms cubic-bezier(0.2, 0, 0, 1) both;
}

.ny-menu {
  position: absolute;
  right: 0;
  top: calc(100% - 4px);
  z-index: 30;
  min-width: 240px;
  padding: 6px;
  background: #ffffff;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.16);
  animation: dash-pop 160ms cubic-bezier(0.2, 0, 0, 1) both;
}

.ny-menu__item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  width: 100%;
  min-height: 36px;
  padding: 6px 10px;
  min-width: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  text-align: left;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  cursor: pointer;
}
.ny-menu__item:hover, .ny-menu__item:focus {
  background: #eef2f7;
  outline: none;
}
.ny-menu__item:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}

.ny-menu__label {
  font-weight: 600;
}

.ny-menu__when {
  font-size: var(--edc-fs-label);
  color: #556070;
  white-space: nowrap;
}

.glance-attention__snoozed {
  margin-left: 12px;
  padding: 2px 8px;
  min-width: 0;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #ffffff;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #556070;
  cursor: pointer;
}
.glance-attention__snoozed:hover {
  color: #1c3f75;
  border-color: #1c3f75;
}
.glance-attention__snoozed:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.glance-attention__snoozed[aria-expanded=true] {
  color: #1c3f75;
  border-color: #1c3f75;
}

.ny-snoozed {
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  background: #f5f7fa;
}

.ny-snoozed__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ny-snoozed__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 6px 0;
  border-top: 1px solid #dfe4ea;
  font-size: var(--edc-fs-secondary);
}
.ny-snoozed__row:first-child {
  border-top: 0;
}

.ny-snoozed__title {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ny-snoozed__until {
  color: #556070;
  white-space: nowrap;
}

.ny-snoozed__wake {
  padding: 2px 10px;
  min-width: 0;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  background: #ffffff;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c3f75;
  cursor: pointer;
}
.ny-snoozed__wake:hover {
  border-color: #1c3f75;
}
.ny-snoozed__wake:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.ny-snoozed__none, .ny-snoozed__loading, .ny-snoozed__error {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.ny-snoozed__error {
  color: #a8342f;
}

.ny-undo {
  position: fixed;
  left: 50%;
  bottom: 44px;
  z-index: 1702;
  display: flex;
  align-items: center;
  gap: 14px;
  width: -moz-max-content;
  width: max-content;
  max-width: min(640px, 100vw - 32px);
  padding: 10px 12px 10px 16px;
  background: #1c2531;
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.28);
  font-size: var(--edc-fs-body);
  overflow: hidden;
  transform: translate(-50%, 12px);
  opacity: 0;
  transition: transform 220ms cubic-bezier(0.2, 0, 0, 1), opacity 220ms cubic-bezier(0.2, 0, 0, 1);
}
.ny-undo.ny-undo--shown {
  transform: translate(-50%, 0);
  opacity: 1;
}
.ny-undo--error {
  background: #5c1d1a;
}
@media (max-width: 575.98px) {
  .ny-undo {
    left: 16px;
    right: 16px;
    width: auto;
    max-width: none;
    bottom: calc(92px + env(safe-area-inset-bottom, 0px));
    transform: translateY(12px);
  }
  .ny-undo.ny-undo--shown {
    transform: translateY(0);
  }
}

.ny-undo__text {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}

.ny-undo__btn {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 0 10px;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 6px;
  background: transparent;
  color: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  cursor: pointer;
}
.ny-undo__btn:hover {
  background: rgba(255, 255, 255, 0.12);
}
.ny-undo__btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.ny-undo__key {
  padding: 0 5px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 4px;
  background: transparent;
  color: #fff;
  font-size: var(--edc-fs-eyebrow);
  font-family: inherit;
  box-shadow: none;
}

.ny-undo__timer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: rgba(255, 255, 255, 0.55);
  transform-origin: left center;
}

@keyframes ny-undo-countdown {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.dash-since {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  padding: 10px 12px 10px 16px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 380ms cubic-bezier(0.2, 0, 0, 1), transform 380ms cubic-bezier(0.2, 0, 0, 1);
}
.dash-since.dash-since--shown {
  opacity: 1;
  transform: none;
}

.dash-since__line {
  flex: 1;
  min-width: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 8px;
  font-size: var(--edc-fs-body);
}

.dash-since__label {
  font-weight: 700;
  color: #1c2531;
  margin-right: 4px;
}

.dash-since__dot {
  color: #c9d2dd;
}

.dash-since__phrase {
  color: #1c2531;
  text-decoration: underline;
  text-decoration-color: rgba(28, 63, 117, 0.3);
  text-underline-offset: 3px;
}
.dash-since__phrase:hover, .dash-since__phrase:focus {
  color: #1c3f75;
  text-decoration-color: currentColor;
}

.dash-since__dismiss {
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #556070;
  cursor: pointer;
}
.dash-since__dismiss:hover {
  background: #eef2f7;
  color: #1c2531;
}
.dash-since__dismiss:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.glance-band--needs_you {
  container-type: inline-size;
  container-name: needs-band;
}

.glance-band__with-today {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 16px;
  align-items: stretch;
}
.glance-band__with-today > .glance-band__grid {
  min-width: 0;
}

@container needs-band (max-width: 1180px) {
  .glance-band__with-today {
    grid-template-columns: minmax(0, 1fr);
  }
  .dash-today__body {
    -moz-columns: 2 260px;
         columns: 2 260px;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .dash-today__section {
    -moz-column-break-after: avoid;
         break-after: avoid;
  }
  .dash-today__list {
    -moz-column-break-inside: avoid;
         break-inside: avoid-column;
  }
}
.dash-today {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  padding: 14px 16px 12px;
  min-width: 0;
}

.dash-today__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 8px;
}

.dash-today__title {
  margin: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
  text-shadow: none;
}

.dash-today__date {
  margin: 0;
  font-size: var(--edc-fs-label);
  color: #556070;
}

.dash-today__body {
  flex: 1;
}

.dash-today__section {
  margin: 10px 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
  text-shadow: none;
}

.dash-today__body > .dash-today__section:first-child {
  margin-top: 0;
}

.dash-today__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dash-today__row {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 8px;
  align-items: baseline;
  padding: 6px 0;
  border-top: 1px solid #dfe4ea;
}
.dash-today__row:first-child {
  border-top: 0;
}
.dash-today__row {
  animation: dash-arrive 380ms cubic-bezier(0.2, 0, 0, 1) both;
}

.dash-today__row--past .dash-today__name {
  color: #556070;
  font-weight: 500;
}

.dash-today__when {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
  font-variant-numeric: tabular-nums;
}

.dash-today__what {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
}

.dash-today__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
  overflow-wrap: anywhere;
  text-decoration: none;
}
.dash-today__name[href]:hover, .dash-today__name[href]:focus {
  color: #1c3f75;
  text-decoration: underline;
}

.dash-today__next {
  padding: 0 6px;
  border-radius: 999px;
  background: #1c3f75;
  color: #fff;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  line-height: 18px;
}

.dash-today__detail {
  flex-basis: 100%;
  font-size: var(--edc-fs-label);
  color: #556070;
}

.dash-today__none {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.dash-today__error {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #a8342f;
}

.dash-today__foot {
  margin: 10px 0 0;
  font-size: var(--edc-fs-secondary);
}

.dash-today__link {
  font-weight: 600;
}

.glance-skeleton {
  display: grid;
  gap: 10px;
  padding: 6px 0 4px;
}

.glance-skeleton__bar, .glance-skeleton__block {
  display: block;
  height: 12px;
  border-radius: 4px;
  background: linear-gradient(90deg, #eef2f7 0%, #f5f7fa 50%, #eef2f7 100%);
  background-size: 200% 100%;
  animation: dash-shimmer 1.4s ease-in-out infinite;
}

.glance-skeleton__bar--lead {
  width: 42%;
  height: 22px;
}

.glance-skeleton__bar--short {
  width: 60%;
}

.glance-skeleton__block {
  height: 120px;
}

.glance-widget--deferred {
  min-height: 230px;
}

.glance-widget--metric_tile.glance-widget--deferred .glance-skeleton__block,
.glance-widget--delta.glance-widget--deferred .glance-skeleton__block {
  height: 48px;
}

.glance-widget--metric_tile.glance-widget--deferred, .glance-widget--delta.glance-widget--deferred {
  min-height: 150px;
}

.glance-widget--arriving {
  opacity: 0;
  transform: translateY(4px);
}

.glance-widget {
  transition: opacity 380ms cubic-bezier(0.2, 0, 0, 1), transform 380ms cubic-bezier(0.2, 0, 0, 1);
}

.glance-widget__failed {
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #a8342f;
}

.glance-widget__retry {
  padding: 2px 10px;
  min-width: 0;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  background: #ffffff;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c3f75;
  cursor: pointer;
}
.glance-widget__retry:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.glance-widget__noscript {
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary);
}

@keyframes dash-shimmer {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: -100% 0;
  }
}
@keyframes dash-arrive {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes dash-pop {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ny-actions, .ny-act, .glance-attention__item, .ny-undo, .dash-since, .glance-widget, .dash-today__row, .ny-clear, .ny-menu {
    transition: none !important;
    animation: none !important;
  }
  .glance-skeleton__bar, .glance-skeleton__block {
    animation: none;
  }
  .dash-since {
    opacity: 1;
    transform: none;
  }
}
.glance-metric__note {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.45;
  color: #1c2531;
}

.glance-bubble {
  margin: 0;
  display: grid;
  gap: 8px;
}
.glance-bubble__summary {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.45;
  color: #1c2531;
}
.glance-bubble__svg {
  display: block;
  width: 100%;
  max-width: 520px;
  height: auto;
  margin: 0 auto;
  overflow: visible;
}
.glance-bubble__ref {
  stroke: #6b7280;
  stroke-width: 1;
  stroke-dasharray: 4 3;
}
.glance-bubble__quad {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  fill: #4b5563;
}
.glance-bubble__dot {
  fill: #2f5cc4;
  fill-opacity: 0.18;
  stroke: #2f5cc4;
  stroke-width: 1;
}
.glance-bubble__dot.is-mine {
  fill-opacity: 0.6;
  stroke: #1f2937;
  stroke-width: 1.6;
}
.glance-bubble__label {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  fill: #1f2937;
  paint-order: stroke;
  stroke: #fff;
  stroke-width: 3px;
  stroke-linejoin: round;
}
.glance-bubble__axis {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  fill: #4b5563;
}
.glance-bubble__tick {
  font-size: var(--edc-fs-eyebrow);
  fill: #4b5563;
}
.glance-bubble__leader {
  stroke: #4b5563;
  stroke-width: 1;
}
.glance-bubble__key {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #556070;
}
.glance-bubble__source {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #556070;
}

.glance-decomp {
  display: grid;
  gap: 10px;
}
.glance-decomp__summary {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.45;
  color: #1c2531;
}
.glance-decomp__bars {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.glance-decomp__row {
  display: grid;
  grid-template-columns: minmax(110px, 36%) 1fr 64px;
  gap: 10px;
  align-items: center;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.glance-decomp__row--total {
  font-weight: 700;
  padding-bottom: 8px;
  border-bottom: 1px solid #dfe4ea;
}
.glance-decomp__label {
  color: #1c2531;
  font-weight: 600;
}
.glance-decomp__track {
  position: relative;
  height: 12px;
}
.glance-decomp__zero {
  position: absolute;
  left: 50%;
  top: -3px;
  bottom: -3px;
  width: 1px;
  background: #6b7280;
}
.glance-decomp__fill {
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: 3px;
}
.glance-decomp__fill.is-pos {
  background: #2f5cc4;
}
.glance-decomp__fill.is-neg {
  background: #c2620e;
}
.glance-decomp__fill.is-total {
  background: #374151;
}
.glance-decomp__value {
  text-align: right;
  font-weight: 700;
  font-variant-numeric: lining-nums tabular-nums;
  white-space: nowrap;
  color: #1c2531;
}
.glance-decomp__period {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #556070;
}

html[data-edc-new] .glance-bars__row {
  padding: 6px 0;
  line-height: 1.43;
}
html[data-edc-new] .glance-attention__item {
  padding: 10px 0;
  line-height: 1.43;
}
html[data-edc-new] .glance-records__item {
  padding: 9px 0;
  line-height: 1.43;
}

.glance-metric__figure--badge {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  font-size: inherit;
  line-height: 1.2;
}

.glance-metric__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 5px 12px;
  border-radius: 8px;
  color: var(--glance-badge-ink, #3f4a57);
  background: var(--glance-badge-tint, #eceff3);
  border: 1px solid color-mix(in srgb, var(--glance-badge-ink, #3f4a57) 30%, transparent);
  font-size: calc(var(--edc-fs-title) * 17 / 18);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.glance-metric__badge i {
  font-size: 0.8em;
}

.glance-metric__badge--top {
  border: 2px solid var(--glance-badge-ink, #3f4a57);
}

.glance-metric__badge-top {
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--glance-badge-ink, #3f4a57);
  color: var(--glance-badge-ink, #3f4a57);
  background: #fff;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.glance-home {
  padding: 16px 24px 48px;
  font-variant-numeric: tabular-nums;
}
.glance-home h1, .glance-home h2, .glance-home h3, .glance-home h4 {
  text-shadow: none;
}
.glance-home .card, .glance-home .panel {
  height: auto;
  margin-bottom: 0;
}
.glance-home .hd-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.glance-home .hd-head__words {
  min-width: 0;
  flex: 1 1 420px;
}
.glance-home .hd-head__eyebrow {
  margin-bottom: 4px;
}
.glance-home .hd-head__actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.glance-home .hd-head__action, .glance-home .hd-customize {
  min-width: 0;
}
.glance-home .hd-customize.glance-customize, .glance-home .btn.hd-customize {
  background: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}
.glance-home .hd-customize.glance-customize:hover, .glance-home .hd-customize.glance-customize:focus-visible, .glance-home .btn.hd-customize:hover, .glance-home .btn.hd-customize:focus-visible {
  background: #163258;
  border-color: #163258;
  color: #fff;
}
.glance-home .hd-customize.glance-customize:focus-visible, .glance-home .btn.hd-customize:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.glance-home .hd-greeting {
  margin: 0;
  font-size: var(--edc-fs-display);
  line-height: 1.3;
  font-weight: 600;
  color: #1c2531;
}
.glance-home .hd-greeting__day {
  font-weight: 400;
  color: #556070;
}
.glance-home .hd-greeting__day:empty {
  display: none;
}
.glance-home .hd-greeting__day::before {
  content: " ";
}
.glance-home .hd-bands {
  container-type: inline-size;
  container-name: hd-bands;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 24px;
  align-items: start;
}
.glance-home .hd-band {
  grid-column: 1/-1;
  min-width: 0;
}
@container hd-bands (min-width: 980px) {
  .glance-home .hd-band--pair-first {
    grid-column: span 7;
  }
  .glance-home .hd-band--pair-second {
    grid-column: span 5;
  }
}
.glance-home .hd-band__head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
  min-height: 28px;
}
.glance-home .hd-band__heading {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #1c2531;
  letter-spacing: 0;
  text-transform: none;
}
.glance-home .hd-band__heading:focus {
  outline: none;
}
.glance-home .hd-band__heading:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 2px;
}
.glance-home .hd-band__aside {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.glance-home .hd-band__note {
  margin: 0;
  padding: 14px 16px;
  border: 1px dashed #c9d2dd;
  border-radius: 6px;
  background: #f5f7fa;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.glance-home .hd-band__fold {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 32px;
  padding: 4px 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #556070;
  cursor: pointer;
}
.glance-home .hd-band__fold:hover {
  background: #eef2f7;
  color: #1c2531;
}
.glance-home .hd-band__fold:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.glance-home .hd-band--needs_you .hd-band__head {
  margin-bottom: 0;
}
.glance-home .hd-band--needs_you:not(.hd-band--folded) .hd-band__head {
  margin-bottom: 12px;
}
.glance-home .hd-band__heading--line {
  flex: 1 1 auto;
}
.glance-home .hd-fold-line {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  background: #ffffff;
  font: inherit;
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #1c2531;
  text-align: left;
  cursor: pointer;
}
.glance-home .hd-fold-line:hover {
  background: #f5f7fa;
  border-color: #c9d2dd;
}
.glance-home .hd-fold-line:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.glance-home .hd-fold-line__chevron {
  font-size: var(--edc-fs-label);
  color: #556070;
  transition: transform 160ms ease;
}
.glance-home .hd-fold-line[aria-expanded=true] .hd-fold-line__chevron {
  transform: rotate(90deg);
}
.glance-home .hd-grid {
  gap: 16px;
}
.glance-home .hd-grid--numbers {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-flow: row;
}
.glance-home .hd-grid--numbers .glance-widget {
  min-height: 150px;
  grid-column: auto;
}
.glance-home .hd-grid--motion, .glance-home .hd-grid--needs_you, .glance-home .hd-grid--counts {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.glance-home .hd-grid--motion .glance-widget, .glance-home .hd-grid--needs_you .glance-widget {
  grid-column: auto;
}
.glance-home .hd-grid--numbers .glance-widget--m, .glance-home .hd-grid--numbers .glance-widget--l {
  grid-column: span 2;
}
.glance-home .glance-widget {
  min-width: 0;
}
.glance-home .glance-figures {
  overflow-x: auto;
  max-width: 100%;
}
.glance-home .glance-widget__head {
  flex-wrap: wrap;
  row-gap: 4px;
  min-width: 0;
}
.glance-home .glance-widget__title {
  min-width: 0;
  overflow-wrap: anywhere;
}
@container hd-bands (max-width: 760px) {
  .glance-home .hd-grid--numbers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container hd-bands (max-width: 760px) {
  .glance-home .hd-grid--numbers .glance-widget--m, .glance-home .hd-grid--numbers .glance-widget--l {
    grid-column: 1/-1;
  }
}
.glance-home .hd-today {
  container-type: inline-size;
  container-name: hd-today;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  padding: 14px 16px 12px;
}
.glance-home .hd-today__columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px 24px;
}
@container hd-today (min-width: 760px) {
  .glance-home .hd-today__columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.glance-home .hd-today__col {
  min-width: 0;
}
.glance-home .hd-today__title {
  margin: 0 0 6px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}
.glance-home .hd-today__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.glance-home .hd-today__row {
  display: grid;
  grid-template-columns: 7.5em minmax(0, 1fr) auto;
  gap: 10px;
  align-items: baseline;
  padding: 6px 0;
  border-top: 1px solid #dfe4ea;
  font-size: var(--edc-fs-secondary);
}
.glance-home .hd-today__row:first-child {
  border-top: 0;
}
.glance-home .hd-today__row--past {
  color: #556070;
}
.glance-home .hd-today__row--past .hd-today__name {
  color: #556070;
}
.glance-home .hd-today__row--overdue, .glance-home .hd-today__row--today, .glance-home .hd-today__row--tomorrow, .glance-home .hd-today__row--undo {
  grid-template-columns: 10.5em minmax(0, 1fr) auto;
}
.glance-home .hd-today__when, .glance-home .hd-today__mark {
  color: #556070;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  white-space: nowrap;
}
.glance-home .hd-today__mark--overdue {
  color: #a8342f;
}
.glance-home .hd-today__what {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2px 8px;
  align-items: baseline;
}
.glance-home .hd-today__name {
  color: #1c2531;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.glance-home .hd-today__name:hover {
  color: #1c3f75;
  text-decoration: underline;
}
.glance-home .hd-today__next {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #1c3f75;
}
.glance-home .hd-today__detail {
  color: #556070;
  font-size: var(--edc-fs-label);
  flex-basis: 100%;
  overflow-wrap: anywhere;
}
.glance-home .hd-today__none {
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.glance-home .hd-today__more {
  margin: 6px 0 0;
  font-size: var(--edc-fs-label);
}
.glance-home .hd-today__more a {
  color: #1c3f75;
  font-weight: 600;
}
.glance-home .hd-today__done {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  min-height: 32px;
  padding: 2px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  cursor: pointer;
}
.glance-home .hd-today__done:hover {
  border-color: #2f6b4f;
  color: #2f6b4f;
}
.glance-home .hd-today__done:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.glance-home .hd-today__done[disabled] {
  opacity: 0.6;
  cursor: progress;
}
.glance-home .hd-today__doors {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin: 10px 0 0;
  padding-top: 8px;
  border-top: 1px solid #dfe4ea;
}
.glance-home .hd-door {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c3f75;
}
.glance-home .hd-door:hover {
  text-decoration: underline;
}
.glance-home .hd-since {
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  padding: 10px 16px 12px;
}
.glance-home .hd-since__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.glance-home .hd-since__item {
  padding: 6px 0;
  border-top: 1px solid #dfe4ea;
}
.glance-home .hd-since__item:first-child {
  border-top: 0;
}
.glance-home .hd-since__line {
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
  overflow-wrap: anywhere;
}
.glance-home .hd-since__line:hover {
  color: #1c3f75;
  text-decoration: underline;
}
.glance-home .hd-since__foot {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #dfe4ea;
}
.glance-home .hd-since__all, .glance-home .hd-since__dismiss, .glance-home .hd-failed__retry {
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c3f75;
  cursor: pointer;
}
.glance-home .hd-since__all:hover, .glance-home .hd-since__dismiss:hover, .glance-home .hd-failed__retry:hover {
  text-decoration: underline;
}
.glance-home .hd-since__all:focus-visible, .glance-home .hd-since__dismiss:focus-visible, .glance-home .hd-failed__retry:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.glance-home .hd-since__dismiss {
  color: #556070;
}
.glance-home .hd-failed {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #a8342f;
}
.glance-home .hd-failed__retry {
  margin-left: 4px;
}
.glance-home .hd-target--well_behind .hd-target__pace, .glance-home .hd-target--missed .hd-target__pace {
  color: #a8342f;
}
.glance-home .hd-start {
  margin-top: 24px;
}
@media (max-width: 991.98px) {
  .glance-home {
    padding: 12px 16px 40px;
  }
}
@media (max-width: 575.98px) {
  .glance-home .hd-greeting {
    font-size: var(--edc-fs-title);
  }
  .glance-home .hd-today__row, .glance-home .hd-today__row--overdue, .glance-home .hd-today__row--today, .glance-home .hd-today__row--tomorrow, .glance-home .hd-today__row--undo {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .glance-home .hd-today__when, .glance-home .hd-today__mark {
    grid-column: 1/-1;
  }
  .glance-home .hd-today__done {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
  }
}
@media (prefers-reduced-motion: reduce) {
  .glance-home .hd-fold-line__chevron {
    transition: none;
  }
}

html[data-edc-new] .glance-prov--quiet {
  border-top: 0;
  padding-top: 4px;
  justify-content: flex-end;
}
html[data-edc-new] .glance-metric__figure-link {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
}
html[data-edc-new] .glance-metric__figure-link:hover .glance-metric__arrow, html[data-edc-new] .glance-metric__figure-link:focus-visible .glance-metric__arrow {
  transform: translateX(3px);
  color: #1d4ed8;
}
html[data-edc-new] .glance-metric__figure-link:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 3px;
}
html[data-edc-new] .glance-metric__arrow {
  font-size: max(var(--edc-fs-label), 0.42em);
  color: #667085;
  transition: transform 0.15s ease;
}
html[data-edc-new] .glance-empty--visual {
  border: 0;
  background: none;
  padding: 0;
}
html[data-edc-new] .glance-empty--visual .glance-empty__dash {
  margin: 0;
  line-height: 1;
  font-size: calc(var(--edc-fs-display) * 33.6 / 24);
  font-weight: 700;
  color: #98a2b3;
}
html[data-edc-new] .glance-empty--visual .glance-empty__word {
  margin: 6px 0 0;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475467;
}
html[data-edc-new] .glance-chips {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
html[data-edc-new] .glance-chips__chip {
  font-size: var(--edc-fs-label);
  line-height: 1.5;
  color: #344054;
  background: #f2f4f7;
  border-radius: 999px;
  padding: 2px 10px;
}
html[data-edc-new] .glance-chips__chip--lead {
  font-weight: 600;
  color: #101828;
  background: #e4e7ec;
}
@media (prefers-reduced-motion: reduce) {
  html[data-edc-new] .glance-metric__arrow {
    transition: none;
  }
}

html[data-edc-new] .glance-brief__grid {
  align-items: start;
}
html[data-edc-new] .glance-widget--s:is(.glance-widget--metric_tile, .glance-widget--delta_card) {
  min-height: 148px;
}
html[data-edc-new] .glance-brief__band--numbers .glance-brief__grid {
  align-items: stretch;
}
html[data-edc-new] .glance-widget--deferred:is(.glance-widget--metric_tile, .glance-widget--delta_card) .glance-skeleton__block {
  display: none;
}
html[data-edc-new] .glance-widget__foot {
  margin-top: auto;
  padding-top: 10px;
  display: flex;
  align-items: center;
  gap: 2px;
  min-height: 28px;
}
html[data-edc-new] .glance-widget__foot .glance-prov {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  border: 0;
  align-items: center;
}
html[data-edc-new] .glance-widget__tools {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: auto;
}
html[data-edc-new] .glance-widget__tools .glance-widget__gear {
  margin: 0;
}
html[data-edc-new] .glance-widget__tools .glance-widget__door {
  position: static;
  margin: 0;
}
html[data-edc-new] .glance-widget__foot .glance-prov__info,
html[data-edc-new] .glance-widget__tools .glance-widget__gear,
html[data-edc-new] .glance-widget__tools .workbook-pin-icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 6px;
  color: #98a2b3;
  font-size: var(--edc-fs-secondary);
  transition: color 0.15s ease, background 0.15s ease;
}
html[data-edc-new] .glance-widget:is(:hover, :focus-within) .glance-widget__foot .glance-prov__info, html[data-edc-new] .glance-widget:is(:hover, :focus-within) .glance-widget__foot .glance-widget__gear, html[data-edc-new] .glance-widget:is(:hover, :focus-within) .glance-widget__foot .workbook-pin-icon {
  color: #475467;
}
html[data-edc-new] .glance-widget__foot :is(.glance-prov__info, .glance-widget__gear, .workbook-pin-icon):hover {
  color: #1d4ed8;
  background: rgba(29, 78, 216, 0.08);
}
html[data-edc-new] .glance-widget__foot :is(.glance-prov__info, .glance-widget__gear, .workbook-pin-icon):focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
  color: #1d4ed8;
}
html[data-edc-new] .glance-widget:not(.glance-widget--deferred) > .glance-widget__head:not(.glance-widget__head--tools) {
  margin-bottom: 8px;
}
html[data-edc-new] .glance-widget:not(.glance-widget--deferred) > .glance-widget__head:not(.glance-widget__head--tools) .glance-widget__title {
  padding-right: 0;
}
html[data-edc-new] .glance-widget--metric_tile .glance-widget__body,
html[data-edc-new] .glance-widget--delta_card .glance-widget__body {
  justify-content: flex-start;
}
@media (prefers-reduced-motion: reduce) {
  html[data-edc-new] .glance-widget__foot :is(.glance-prov__info, .glance-widget__gear, .workbook-pin-icon) {
    transition: none;
  }
}

html[data-edc-new] .glance-target-bar {
  position: relative;
  height: 6px;
  margin: 8px 0 4px;
  border-radius: 999px;
  background: #eaecf0;
  overflow: hidden;
}
html[data-edc-new] .glance-target-bar__fill {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: 999px;
  background: #2f5cc4;
}
html[data-edc-new] .glance-target-bar--on_pace html[data-edc-new] .glance-target-bar__fill, html[data-edc-new] .glance-target-bar--reached html[data-edc-new] .glance-target-bar__fill {
  background: #2f6b4f;
}
html[data-edc-new] .glance-target-bar--off_pace html[data-edc-new] .glance-target-bar__fill {
  background: #b45309;
}
html[data-edc-new] .glance-chip-change {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 6px 0 0;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 1.6;
  color: #344054;
  background: #f2f4f7;
}
html[data-edc-new] .glance-chip-change--good {
  color: #1f5f45;
  background: #e7f3ec;
}
html[data-edc-new] .glance-chip-change--bad {
  color: #9f1d1d;
  background: #fbeaea;
}
html[data-edc-new] .glance-chip-change--warn {
  color: #8a4a06;
  background: #fdf1e2;
}
html[data-edc-new] .glance-chip-change__since {
  font-weight: 400;
  color: inherit;
  opacity: 0.9;
}
html[data-edc-new] .glance-context {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 6px 0 0;
  font-size: var(--edc-fs-label);
  line-height: 1.45;
  color: #475467;
}
html[data-edc-new] .glance-context__icon {
  flex: 0 0 auto;
  font-size: 0.95em;
  color: #667085;
}
html[data-edc-new] .glance-context--good html[data-edc-new] .glance-context__icon {
  color: #2f6b4f;
}
html[data-edc-new] .glance-context--warn html[data-edc-new] .glance-context__icon {
  color: #b45309;
}
html[data-edc-new] .glance-context--bad html[data-edc-new] .glance-context__icon {
  color: #b42318;
}
html[data-edc-new] .glance-spark--tile {
  display: block;
  width: 100%;
  height: 24px;
  margin-top: 8px;
}

.hd-target {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 8px;
  align-items: baseline;
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.hd-target__link {
  color: inherit;
}
.hd-target__link:hover {
  color: #1c3f75;
  text-decoration: underline;
}

.hd-target__pace {
  font-weight: 600;
  color: #1c2531;
}
.hd-target__pace i {
  margin-right: 2px;
}

.hd-target--on_pace .hd-target__pace, .hd-target--reached .hd-target__pace {
  color: #2f6b4f;
}

.hd-target--off_pace .hd-target__pace {
  color: #8a5a10;
}

html[data-edc-new] .glance-empty--visual .glance-empty__coverage {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #344054;
}
html[data-edc-new] .glance-empty--visual .glance-empty__coverage strong {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  color: #101828;
  margin-right: 2px;
}

html[data-edc-new] .glance-trend-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  margin: 0 0 8px;
}
html[data-edc-new] .glance-trend-head .glance-chip-change {
  margin: 0;
}
html[data-edc-new] .glance-trend-head__now {
  font-size: calc(var(--edc-fs-display) * 33.6 / 24);
  font-weight: 700;
  line-height: 1;
  color: #101828;
}
html[data-edc-new] .glance-widget--l .glance-trend__svg, html[data-edc-new] .glance-trend__svg {
  height: 96px;
}
html[data-edc-new] .glance-trend-pair {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 4px 0 6px;
}
html[data-edc-new] .glance-trend-pair__end {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
html[data-edc-new] .glance-trend-pair__end strong {
  font-size: calc(var(--edc-fs-display) * 33.6 / 24);
  font-weight: 700;
  line-height: 1.05;
  color: #101828;
}
html[data-edc-new] .glance-trend-pair__when {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475467;
}
html[data-edc-new] .glance-trend-pair__arrow {
  font-size: 1.6em;
  color: #667085;
}

html[data-edc-new] .glance-page--bold {
  --edc-fs-eyebrow: var(--edc-fs-secondary);
  --edc-fs-label: var(--edc-fs-secondary);
  --edc-fs-fine: var(--edc-fs-secondary);
  --edc-fs-floor: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-brief__band-heading {
  font-size: var(--edc-fs-secondary);
  letter-spacing: 0.08em;
  margin-bottom: 10px;
}
html[data-edc-new] .glance-page--bold .glance-brief__band + .glance-brief__band {
  margin-top: 24px;
}
html[data-edc-new] .glance-page--bold .glance-widget {
  padding: 16px 18px 14px;
  border-radius: 8px;
}
html[data-edc-new] .glance-page--bold .glance-widget__title {
  font-size: var(--edc-fs-secondary);
  letter-spacing: 0.06em;
}
html[data-edc-new] .glance-page--bold .glance-widget__summary, html[data-edc-new] .glance-page--bold .glance-widget__note, html[data-edc-new] .glance-page--bold .glance-widget__more {
  font-size: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-delta__figure,
html[data-edc-new] .glance-page--bold .glance-metric__figure,
html[data-edc-new] .glance-page--bold .glance-metric--m .glance-metric__figure,
html[data-edc-new] .glance-page--bold .glance-metric--l .glance-metric__figure,
html[data-edc-new] .glance-page--bold .glance-empty--visual .glance-empty__dash {
  font-size: calc(var(--edc-fs-display) * 48 / 24);
  line-height: 1;
  letter-spacing: -0.02em;
}
html[data-edc-new] .glance-page--bold .glance-delta__figure, html[data-edc-new] .glance-page--bold .glance-metric__figure {
  color: #1c2531;
}
html[data-edc-new] .glance-page--bold .glance-figure--long {
  font-size: calc(var(--edc-fs-display) * 36 / 24);
}
html[data-edc-new] .glance-page--bold .glance-figure--longer {
  font-size: calc(var(--edc-fs-display) * 30 / 24);
}
html[data-edc-new] .glance-page--bold .glance-figure-period {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
}
html[data-edc-new] .glance-page--bold .glance-delta__label, html[data-edc-new] .glance-page--bold .glance-metric__label, html[data-edc-new] .glance-page--bold .glance-metric__second, html[data-edc-new] .glance-page--bold .glance-context,
html[data-edc-new] .glance-page--bold .glance-empty--visual .glance-empty__word, html[data-edc-new] .glance-page--bold .hd-target, html[data-edc-new] .glance-page--bold .glance-delta__prior {
  font-size: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-delta__compare--bold {
  margin-top: 12px;
  gap: 8px;
  align-items: center;
}
html[data-edc-new] .glance-page--bold .glance-delta__compare--bold .glance-chip-change {
  margin: 0;
}
html[data-edc-new] .glance-page--bold .glance-chip-change {
  font-size: var(--edc-fs-secondary);
  padding: 2px 10px;
}
html[data-edc-new] .glance-page--bold .glance-chip-change--up, html[data-edc-new] .glance-page--bold .glance-chip-change--down {
  color: #1c3f75;
  background: #e8eef8;
}
html[data-edc-new] .glance-page--bold .glance-target-bar {
  height: 8px;
  margin-top: 12px;
}
html[data-edc-new] .glance-page--bold .glance-metric__arrow {
  font-size: max(var(--edc-fs-label), 0.42em);
}
html[data-edc-new] .glance-page--bold .glance-widget--s:is(.glance-widget--metric_tile, .glance-widget--delta_card),
html[data-edc-new] .glance-page--bold .glance-widget--m:is(.glance-widget--metric_tile, .glance-widget--delta_card) {
  min-height: 172px;
}
html[data-edc-new] .glance-page--bold .glance-bars__row {
  padding: 7px 0;
  grid-template-columns: minmax(120px, 38%) 1fr auto;
}
html[data-edc-new] .glance-page--bold .glance-bars__label {
  font-size: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-bars__value {
  font-size: var(--edc-fs-heading);
}
html[data-edc-new] .glance-page--bold .glance-bars__track {
  height: 10px;
  border-radius: 5px;
}
html[data-edc-new] .glance-page--bold .glance-bars__fill {
  border-radius: 5px;
}
html[data-edc-new] .glance-page--bold .glance-bars__unit, html[data-edc-new] .glance-page--bold .glance-chips__chip {
  font-size: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-bars__note--dash {
  font-style: normal;
  font-weight: 600;
  font-size: var(--edc-fs-body);
  color: #616d7e;
}
html[data-edc-new] .glance-page--bold .glance-funnel {
  --glance-funnel-h: 96px;
}
html[data-edc-new] .glance-page--bold .glance-funnel__stage {
  flex: 1 0 auto;
  min-width: 56px;
}
html[data-edc-new] .glance-page--bold .glance-funnel__name {
  overflow-wrap: normal;
  -webkit-hyphens: manual;
          hyphens: manual;
}
html[data-edc-new] .glance-page--bold .glance-funnel__count {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  padding-top: 8px;
}
html[data-edc-new] .glance-page--bold .glance-funnel__name {
  font-size: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-funnel__total--bold {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 14px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
}
html[data-edc-new] .glance-page--bold .glance-funnel__total-figure {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 700;
  line-height: 1;
  color: #1c2531;
  font-variant-numeric: lining-nums tabular-nums;
}
html[data-edc-new] .glance-page--bold .glance-figures th, html[data-edc-new] .glance-page--bold .glance-figures td {
  padding: 9px 10px;
}
html[data-edc-new] .glance-page--bold .glance-figures thead th {
  font-size: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-figures__rowhead {
  font-size: var(--edc-fs-body);
}
html[data-edc-new] .glance-page--bold .glance-figures__num {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
}
html[data-edc-new] .glance-page--bold .glance-figures__num--unmeasured {
  font-size: var(--edc-fs-body);
  font-weight: 400;
}
html[data-edc-new] .glance-page--bold .glance-figures tfoot .glance-figures__num {
  font-weight: 700;
}
html[data-edc-new] .glance-page--bold .glance-figures__basis, html[data-edc-new] .glance-page--bold .glance-figures__more {
  font-size: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-figures__folded {
  margin: 10px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
html[data-edc-new] .glance-page--bold .glance-figures__more-link {
  font-weight: 600;
  text-decoration: none;
}
html[data-edc-new] .glance-page--bold .glance-figures__more-link:hover, html[data-edc-new] .glance-page--bold .glance-figures__more-link:focus-visible {
  text-decoration: underline;
}
html[data-edc-new] .glance-page--bold .glance-brief__grid,
html[data-edc-new] .glance-page--bold .glance-brief__band--numbers .glance-brief__grid,
html[data-edc-new] .glance-page--bold .glance-brief__band--figures .glance-brief__grid,
html[data-edc-new] .glance-page--bold .glance-brief__band--counts .glance-brief__grid,
html[data-edc-new] .glance-page--bold .glance-brief__band--needs_you .glance-brief__grid,
html[data-edc-new] .glance-page--bold .hd-grid {
  align-items: stretch !important;
  grid-auto-flow: row !important;
}
html[data-edc-new] .glance-page--bold .glance-brief__grid > .glance-widget, html[data-edc-new] .glance-page--bold .hd-grid > .glance-widget {
  height: 100%;
}
html[data-edc-new] .glance-page--bold .glance-brief__grid > .glance-widget, html[data-edc-new] .glance-page--bold .hd-grid > .glance-widget {
  min-width: 0;
}
html[data-edc-new] .glance-page--bold .glance-widget .glance-figures {
  overflow-x: auto;
  max-width: 100%;
}
html[data-edc-new] .glance-page--bold .glance-metric__label--blank, html[data-edc-new] .glance-page--bold .glance-delta__label--blank {
  visibility: hidden;
}
html[data-edc-new] .glance-page--bold .glance-widget--s:is(.glance-widget--metric_tile, .glance-widget--delta_card),
html[data-edc-new] .glance-page--bold .glance-widget--m:is(.glance-widget--metric_tile, .glance-widget--delta_card),
html[data-edc-new] .glance-page--bold .hd-grid--numbers .glance-widget {
  min-height: 0;
}
html[data-edc-new] .glance-page--bold .glance-widget--deferred:is(.glance-widget--metric_tile, .glance-widget--delta_card) {
  min-height: 0;
}
html[data-edc-new] .glance-page--bold .glance-brief__grid--figures-run,
html[data-edc-new] .glance-page--bold .hd-grid--figures-run {
  grid-template-columns: repeat(auto-fill, minmax(200px, 240px)) !important;
  justify-content: start;
}
@media (max-width: 620px) {
  html[data-edc-new] .glance-page--bold .glance-brief__grid--figures-run, html[data-edc-new] .glance-page--bold .hd-grid--figures-run {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
html[data-edc-new] .glance-page--bold .hd-grid--motion, html[data-edc-new] .glance-page--bold .hd-grid--needs_you, html[data-edc-new] .glance-page--bold .hd-grid--counts {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html[data-edc-new] .glance-page--bold .hd-grid--numbers:not(.hd-grid--figures-run) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 1100px) {
  html[data-edc-new] .glance-page--bold .hd-grid--motion, html[data-edc-new] .glance-page--bold .hd-grid--needs_you, html[data-edc-new] .glance-page--bold .hd-grid--counts,
  html[data-edc-new] .glance-page--bold .hd-grid--numbers:not(.hd-grid--figures-run) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 620px) {
  html[data-edc-new] .glance-page--bold .hd-grid--motion, html[data-edc-new] .glance-page--bold .hd-grid--needs_you, html[data-edc-new] .glance-page--bold .hd-grid--counts, html[data-edc-new] .glance-page--bold .hd-grid--numbers {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html[data-edc-new] .glance-page--bold .hd-grid > .glance-widget {
    grid-column: 1/-1 !important;
  }
}
html[data-edc-new] .glance-page--bold .glance-brief__band--counts .glance-widget--l:is(.glance-widget--record_list, .glance-widget--evidence_list) {
  grid-column: auto;
}
html[data-edc-new] .glance-page--bold .glance-brief__band--needs_you .glance-brief__grid {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
html[data-edc-new] .glance-page--bold .glance-brief__band--needs_you .glance-brief__grid .glance-widget--attention_list {
  grid-column: 1/-1;
}
html[data-edc-new] .glance-page--bold .glance-brief__band--needs_you .glance-brief__grid .glance-records {
  display: block;
}
@media (min-width: 1100px) {
  html[data-edc-new] .glance-page--bold .glance-brief__band--needs_you .glance-records {
    display: block;
  }
}
html[data-edc-new] .glance-page--bold .glance-brief__band--numbers .glance-widget--l,
html[data-edc-new] .glance-page--bold .glance-brief__band--figures .glance-widget--l,
html[data-edc-new] .glance-page--bold .glance-brief__band--figures .glance-widget--m:not(.glance-widget--metric_tile):not(.glance-widget--delta_card):not(.glance-widget--score_ring),
html[data-edc-new] .glance-page--bold .hd-grid--numbers .glance-widget--l {
  grid-column: span 2;
}
html[data-edc-new] .glance-page--bold .glance-brief__band--figures .glance-widget--m:is(.glance-widget--metric_tile, .glance-widget--delta_card, .glance-widget--score_ring),
html[data-edc-new] .glance-page--bold .hd-grid--numbers .glance-widget--m:is(.glance-widget--metric_tile, .glance-widget--delta_card, .glance-widget--score_ring) {
  grid-column: auto;
}
@media (max-width: 620px) {
  html[data-edc-new] .glance-page--bold .glance-brief__band--numbers .glance-brief__grid,
  html[data-edc-new] .glance-page--bold .glance-brief__band--figures .glance-brief__grid,
  html[data-edc-new] .glance-page--bold .hd-grid--numbers {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html[data-edc-new] .glance-page--bold .glance-brief__band--numbers .glance-widget,
  html[data-edc-new] .glance-page--bold .glance-brief__band--figures .glance-widget,
  html[data-edc-new] .glance-page--bold .glance-brief__band--counts .glance-widget,
  html[data-edc-new] .glance-page--bold .hd-grid--numbers .glance-widget {
    grid-column: 1/-1;
  }
}
html[data-edc-new] .glance-page--bold .glance-widget:is(.glance-widget--metric_tile, .glance-widget--delta_card, .glance-widget--score_ring) {
  padding: 12px 14px 8px;
}
html[data-edc-new] .glance-page--bold .glance-widget:is(.glance-widget--metric_tile, .glance-widget--delta_card, .glance-widget--score_ring) .glance-widget__head {
  margin-bottom: 6px;
}
html[data-edc-new] .glance-page--bold .glance-widget:is(.glance-widget--metric_tile, .glance-widget--delta_card, .glance-widget--score_ring) .glance-widget__body {
  justify-content: flex-start;
}
html[data-edc-new] .glance-page--bold .glance-widget:is(.glance-widget--metric_tile, .glance-widget--delta_card, .glance-widget--score_ring) .glance-widget__foot {
  padding-top: 4px;
  min-height: 24px;
}
html[data-edc-new] .glance-page--bold .glance-widget:is(.glance-widget--metric_tile, .glance-widget--delta_card, .glance-widget--score_ring) .glance-delta__label, html[data-edc-new] .glance-page--bold .glance-widget:is(.glance-widget--metric_tile, .glance-widget--delta_card, .glance-widget--score_ring) .glance-metric__label {
  margin-top: 2px;
}
html[data-edc-new] .glance-page--bold .glance-widget__foot {
  padding-top: 6px;
  min-height: 24px;
}
html[data-edc-new] .glance-page--bold .glance-widget__foot .glance-prov__info, html[data-edc-new] .glance-page--bold .glance-widget__tools .glance-widget__gear, html[data-edc-new] .glance-page--bold .glance-widget__tools .workbook-pin-icon {
  width: 24px;
  height: 24px;
}
html[data-edc-new] .glance-page--bold .glance-records__item {
  padding: 6px 0;
  gap: 10px;
}
html[data-edc-new] .glance-page--bold .glance-records__more, html[data-edc-new] .glance-page--bold .glance-figures__more, html[data-edc-new] .glance-page--bold .glance-evidence__door {
  margin-top: 8px;
}
html[data-edc-new] .glance-page--bold .glance-evidence__item {
  padding: 6px 0 6px 16px;
}
html[data-edc-new] .glance-page--bold .glance-evidence__item:has(> .glance-evidence__detail--brief) .glance-evidence__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
html[data-edc-new] .glance-page--bold .glance-evidence__item:has(> .glance-evidence__detail--brief) {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 10px;
}
html[data-edc-new] .glance-page--bold .glance-evidence__detail--brief {
  color: #556070;
  font-size: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-evidence__title {
  font-size: var(--edc-fs-body);
}
html[data-edc-new] .glance-page--bold .glance-records__item {
  padding: 10px 0;
}
html[data-edc-new] .glance-page--bold .glance-records__title {
  font-size: var(--edc-fs-body);
}
html[data-edc-new] .glance-page--bold .glance-records__subtitle, html[data-edc-new] .glance-page--bold .glance-records__meta, html[data-edc-new] .glance-page--bold .glance-records__more {
  font-size: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-records__subtitle--line {
  margin-top: 2px;
}
html[data-edc-new] .glance-page--bold .glance-records__value {
  font-size: var(--edc-fs-heading);
}
html[data-edc-new] .glance-page--bold .glance-attention__title {
  font-size: var(--edc-fs-body);
}
html[data-edc-new] .glance-page--bold .glance-attention__chip, html[data-edc-new] .glance-page--bold .glance-attention__meta, html[data-edc-new] .glance-page--bold .glance-attention__more,
html[data-edc-new] .glance-page--bold .glance-rules__summary, html[data-edc-new] .glance-page--bold .glance-rules__rule {
  font-size: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-attention__chip {
  padding: 2px 10px;
}
html[data-edc-new] .glance-page--bold .leaflet-control-attribution {
  font-size: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-prov__panel {
  font-size: var(--edc-fs-secondary);
}
html[data-edc-new] .glance-page--bold .glance-prov__panel-title {
  font-size: var(--edc-fs-body);
}
html[data-edc-new] .glance-page--bold .glance-prov__time {
  font-size: var(--edc-fs-secondary);
}
@media (max-width: 620px) {
  html[data-edc-new] .glance-page--bold .glance-attention__chip {
    white-space: normal;
  }
  html[data-edc-new] .glance-page--bold .glance-delta__figure, html[data-edc-new] .glance-page--bold .glance-metric__figure,
  html[data-edc-new] .glance-page--bold .glance-metric--m .glance-metric__figure, html[data-edc-new] .glance-page--bold .glance-metric--l .glance-metric__figure,
  html[data-edc-new] .glance-page--bold .glance-empty--visual .glance-empty__dash {
    font-size: calc(var(--edc-fs-display) * 40 / 24);
  }
  html[data-edc-new] .glance-page--bold .glance-figure--long {
    font-size: calc(var(--edc-fs-display) * 34 / 24);
  }
  html[data-edc-new] .glance-page--bold .glance-figure--longer {
    font-size: calc(var(--edc-fs-display) * 28 / 24);
  }
  html[data-edc-new] .glance-page--bold .glance-funnel__total-figure {
    font-size: calc(var(--edc-fs-display) * 24 / 24);
  }
  html[data-edc-new] .glance-page--bold .glance-bars__row {
    grid-template-columns: minmax(104px, 40%) 1fr auto;
  }
}

.glance-page--bold .glance-bars__row:nth-child(8n+1) > .glance-bars__track > .glance-bars__fill:not(.glance-bars__fill--good):not(.glance-bars__fill--warn):not(.glance-bars__fill--bad):not([style*=background]) {
  background: #1c3f75;
}
.glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+1) .glance-delta__figure, .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+1) .glance-metric__figure:not(.glance-metric__figure--badge), .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+1) .glance-metric__figure-link,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+1) .glance-delta__figure,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+1) .glance-metric__figure:not(.glance-metric__figure--badge),
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+1) .glance-metric__figure-link {
  color: #1c3f75;
}
.glance-page--bold .glance-bars__row:nth-child(8n+2) > .glance-bars__track > .glance-bars__fill:not(.glance-bars__fill--good):not(.glance-bars__fill--warn):not(.glance-bars__fill--bad):not([style*=background]) {
  background: #1f6a4a;
}
.glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+2) .glance-delta__figure, .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+2) .glance-metric__figure:not(.glance-metric__figure--badge), .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+2) .glance-metric__figure-link,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+2) .glance-delta__figure,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+2) .glance-metric__figure:not(.glance-metric__figure--badge),
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+2) .glance-metric__figure-link {
  color: #1f6a4a;
}
.glance-page--bold .glance-bars__row:nth-child(8n+3) > .glance-bars__track > .glance-bars__fill:not(.glance-bars__fill--good):not(.glance-bars__fill--warn):not(.glance-bars__fill--bad):not([style*=background]) {
  background: #0e6e7a;
}
.glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+3) .glance-delta__figure, .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+3) .glance-metric__figure:not(.glance-metric__figure--badge), .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+3) .glance-metric__figure-link,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+3) .glance-delta__figure,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+3) .glance-metric__figure:not(.glance-metric__figure--badge),
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+3) .glance-metric__figure-link {
  color: #0e6e7a;
}
.glance-page--bold .glance-bars__row:nth-child(8n+4) > .glance-bars__track > .glance-bars__fill:not(.glance-bars__fill--good):not(.glance-bars__fill--warn):not(.glance-bars__fill--bad):not([style*=background]) {
  background: #8a5a0b;
}
.glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+4) .glance-delta__figure, .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+4) .glance-metric__figure:not(.glance-metric__figure--badge), .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+4) .glance-metric__figure-link,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+4) .glance-delta__figure,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+4) .glance-metric__figure:not(.glance-metric__figure--badge),
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+4) .glance-metric__figure-link {
  color: #8a5a0b;
}
.glance-page--bold .glance-bars__row:nth-child(8n+5) > .glance-bars__track > .glance-bars__fill:not(.glance-bars__fill--good):not(.glance-bars__fill--warn):not(.glance-bars__fill--bad):not([style*=background]) {
  background: #2f5cc4;
}
.glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+5) .glance-delta__figure, .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+5) .glance-metric__figure:not(.glance-metric__figure--badge), .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+5) .glance-metric__figure-link,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+5) .glance-delta__figure,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+5) .glance-metric__figure:not(.glance-metric__figure--badge),
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+5) .glance-metric__figure-link {
  color: #2f5cc4;
}
.glance-page--bold .glance-bars__row:nth-child(8n+6) > .glance-bars__track > .glance-bars__fill:not(.glance-bars__fill--good):not(.glance-bars__fill--warn):not(.glance-bars__fill--bad):not([style*=background]) {
  background: #6b3a8f;
}
.glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+6) .glance-delta__figure, .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+6) .glance-metric__figure:not(.glance-metric__figure--badge), .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+6) .glance-metric__figure-link,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+6) .glance-delta__figure,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+6) .glance-metric__figure:not(.glance-metric__figure--badge),
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+6) .glance-metric__figure-link {
  color: #6b3a8f;
}
.glance-page--bold .glance-bars__row:nth-child(8n+7) > .glance-bars__track > .glance-bars__fill:not(.glance-bars__fill--good):not(.glance-bars__fill--warn):not(.glance-bars__fill--bad):not([style*=background]) {
  background: #a2422a;
}
.glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+7) .glance-delta__figure, .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+7) .glance-metric__figure:not(.glance-metric__figure--badge), .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+7) .glance-metric__figure-link,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+7) .glance-delta__figure,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+7) .glance-metric__figure:not(.glance-metric__figure--badge),
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+7) .glance-metric__figure-link {
  color: #a2422a;
}
.glance-page--bold .glance-bars__row:nth-child(8n+8) > .glance-bars__track > .glance-bars__fill:not(.glance-bars__fill--good):not(.glance-bars__fill--warn):not(.glance-bars__fill--bad):not([style*=background]) {
  background: #a3315f;
}
.glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+8) .glance-delta__figure, .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+8) .glance-metric__figure:not(.glance-metric__figure--badge), .glance-page--bold .hd-grid--numbers > .glance-widget:nth-child(8n+8) .glance-metric__figure-link,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+8) .glance-delta__figure,
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+8) .glance-metric__figure:not(.glance-metric__figure--badge),
.glance-page--bold .glance-brief__band--figures .glance-brief__grid > .glance-widget:nth-child(8n+8) .glance-metric__figure-link {
  color: #a3315f;
}

.site-area {
  margin: 8px 0 0;
}
.site-area__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0 0 12px;
}
.site-area__title {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  color: #0f172a;
}
.site-area__lede {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
}
.site-area__radius {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-area__radius-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  margin-right: 2px;
}
.site-area__radius a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #334155;
  text-decoration: none;
}
.site-area__radius a:hover {
  border-color: #cbd5e1;
  color: #0f172a;
}
.site-area__radius a:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.site-area__radius a[aria-current=true] {
  background: #0f172a;
  border-color: #0f172a;
  color: #fff;
}
.site-area__sample {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  padding: 8px 12px;
  border: 1px solid #fde68a;
  border-radius: 8px;
  background: #fffbeb;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #78350f;
}
.site-area__grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.site-area__card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}
.site-area__card-title {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  color: #0f172a;
}
.site-area__figures {
  display: grid;
  gap: 10px;
  margin: 0;
}
.site-area__figure {
  margin: 0;
  min-width: 0;
}
.site-area__figure dt {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475569;
}
.site-area__figure dd {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  font-weight: 700;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.site-area__detail {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 400;
  color: #475569;
}
.site-area__note {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.site-area__empty {
  margin: 0;
  padding: 14px 16px;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  background: #f8fafc;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
}
.site-area__loading {
  margin: 0;
  padding: 14px 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
}

.site-area-line {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.site-area-line strong {
  color: #0f172a;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.sites-outputs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 12px 20px;
  border-bottom: 1px solid #e4e7ec;
  background: #f9fafb;
}

.sites-outputs__form {
  display: contents;
}

.sites-outputs__status {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #344054;
}

.sites-outputs__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sites-outputs .btn {
  min-width: 0;
}

.sites-outputs .btn:disabled {
  opacity: 0.55;
}

.sites-index .sites-pick-col {
  width: 36px;
  padding-right: 0;
}

.sites-index .sites-pick-col .form-check-input {
  margin: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.site-brochure-menu .site-brochure-menu__button {
  min-width: 0;
  white-space: nowrap;
}

.site-brochure-menu .dropdown-menu {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.site-brochure-menu .dropdown-menu form .dropdown-item {
  width: 100%;
  text-align: left;
}

.site-brochure-menu .dropdown-header {
  font-size: var(--edc-fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #475467;
}

.rfi-outputs__lede {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #344054;
  margin-bottom: 8px;
}

.rfi-outputs__facts {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin-bottom: 10px;
}

.rfi-outputs__latest {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 12px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  margin-bottom: 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.rfi-outputs__latest > i {
  color: #b42318;
  font-size: var(--edc-fs-title);
  margin-top: 2px;
}

.rfi-outputs__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin-top: 2px;
}

.rfi-outputs__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rfi-outputs__buttons .btn, .rfi-package .btn, #proposal .btn {
  min-width: 0;
}

.rfi-package__head {
  margin: 4px 0 18px;
}

.rfi-package__checks .form-check {
  margin-bottom: 8px;
}

.rfi-package__checks .form-check-label {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1f2733;
}

.rfi-package__help {
  font-size: var(--edc-fs-label);
  color: #475467;
}

.rfi-package__go {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rfi-package__printed {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rfi-package__printed li {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding: 9px 16px;
  border-bottom: 1px solid #eef0f3;
  font-size: var(--edc-fs-secondary);
}

.rfi-package__printed li span {
  color: #344054;
  min-width: 120px;
}

.rfi-package__preview {
  position: sticky;
  top: 12px;
}

.rfi-package__preview iframe {
  display: block;
  width: 100%;
  height: calc(100vh - 150px);
  min-height: 520px;
  border: 0;
  background: #e5e7eb;
}

.ccrfi-send {
  flex-wrap: wrap;
}

.ccrfi-send__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  width: 100%;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
}

.ccrfi-send__link {
  display: flex;
  gap: 6px;
  width: 100%;
  margin-top: 6px;
}

.ccrfi-send__link .ccs-input {
  flex: 1 1 auto;
  min-width: 0;
}

.property-views {
  margin: 24px 0 0;
}
.property-views__head {
  margin: 0 0 12px;
}
.property-views__title {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  color: #0f172a;
}
.property-views__lede {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
}
.property-views__totals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}
.property-views__totals > div {
  padding: 12px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  min-width: 0;
}
.property-views__totals dt {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475569;
}
.property-views__totals dd {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-title) * 19.25 / 18);
  font-weight: 700;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.property-views__label {
  display: block;
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475569;
}
.property-views__chart {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}
.property-views__bars {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 72px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.property-views__bars li {
  flex: 1 1 0;
  min-width: 0;
  height: max(var(--pv-h), 2px);
  border-radius: 2px 2px 0 0;
  background: #2f5cc4;
}
.property-views__lists {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.property-views__list {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}
.property-views__list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.property-views__list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
}
.property-views__list li span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.property-views__list strong {
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.property-views__none {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
}
.property-views__empty {
  margin: 0;
  padding: 14px 16px;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  background: #f8fafc;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
}
.property-views--compact {
  margin-top: 0;
}
.property-views--compact .property-views__totals {
  gap: 8px;
}
.property-views--compact .property-views__lists {
  grid-template-columns: 1fr;
}

.property-most-viewed {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
  counter-reset: pmv;
}
.property-most-viewed li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
  counter-increment: pmv;
}
.property-most-viewed li::before {
  content: counter(pmv);
  min-width: 1.25em;
  font-weight: 700;
  color: #475569;
  font-variant-numeric: tabular-nums;
}
.property-most-viewed a {
  color: #0f172a;
  font-weight: 600;
  text-decoration: none;
  min-width: 0;
  overflow-wrap: anywhere;
}
.property-most-viewed a:hover {
  text-decoration: underline;
}
.property-most-viewed a:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.property-most-viewed__n {
  margin-left: auto;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  color: #475569;
}

.ccp__inline-form {
  display: inline-flex;
  margin: 0;
}

.pn-pill {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}
.pn-pill i {
  font-size: var(--edc-fs-eyebrow);
}
.pn-pill--on {
  background: #ecfdf3;
  border-color: #abefc6;
  color: #067647;
}
.pn-pill--wait {
  background: #fffaeb;
  border-color: #fedf89;
  color: #93370d;
}
.pn-pill--off {
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #475569;
}

.pn-said {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #334155;
}
.pn-said:empty {
  display: none;
}
.pn-said--error {
  color: #b42318;
  font-weight: 600;
}

.pn-help {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}

.pn-empty {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
}

.pn-label {
  display: block;
  margin: 0 0 4px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #475569;
  letter-spacing: 0.01em;
}

.pn-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.pn-link {
  color: #1d4ed8;
  text-decoration: none;
}
.pn-link:hover, .pn-link:focus-visible {
  text-decoration: underline;
}

.pn-check, label.pn-check.pn-check {
  display: inline-flex !important;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 400;
  color: #334155;
  cursor: pointer;
}
.pn-check input, label.pn-check.pn-check input {
  position: static;
  margin: 3px 0 0;
  opacity: 1;
  flex: none;
  width: 16px;
  height: 16px;
  accent-color: #2f5cc4;
}
.pn-check > span, label.pn-check.pn-check > span {
  font-weight: 400;
  color: #334155;
}

.pn-share__offer > .pn-check, .pn-form__row > .pn-check, .pn-edit__flag {
  align-self: end;
  align-items: center;
  min-height: 38px;
  padding-bottom: 0 !important;
}
.pn-share__offer > .pn-check input, .pn-form__row > .pn-check input, .pn-edit__flag input {
  margin-top: 0;
}

.pn-btn.btn {
  min-width: 0;
  white-space: nowrap;
}

.pn-btn--danger {
  color: #b42318 !important;
}

.pn-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 4px;
  margin: 0;
  border: 0;
  background: none;
  color: #334155;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  cursor: pointer;
  border-radius: 8px;
}
.pn-switch__track {
  position: relative;
  flex: none;
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background: #cbd5e1;
  transition: background-color 0.15s ease;
}
.pn-switch__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.25);
  transition: transform 0.15s ease;
}
.pn-switch[aria-checked=true] .pn-switch__track {
  background: #2f5cc4;
}
.pn-switch[aria-checked=true] .pn-switch__thumb {
  transform: translateX(14px);
}
.pn-switch:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.pn-switch:disabled {
  opacity: 0.6;
  cursor: progress;
}
@media (prefers-reduced-motion: reduce) {
  .pn-switch__track, .pn-switch__thumb {
    transition: none;
  }
}

.pn-share {
  margin: 24px 0 0;
  padding: 20px 22px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}
.pn-share__head {
  margin: 0 0 12px;
}
.pn-share__title {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}
.pn-share__lede {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
  max-width: 72ch;
}
.pn-share__said {
  margin: 0 0 12px;
}
.pn-share__empty {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
}
.pn-share__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e2e8f0;
}
.pn-share__row {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  align-items: center;
  row-gap: 8px;
  padding: 12px 0;
  border-bottom: 1px solid #e2e8f0;
}
.pn-share__row > .pn-pill {
  justify-self: start;
}
.pn-share__row--ended > .pn-pill {
  grid-column: 2/-1;
}
.pn-share:not(.pn-share--compact) > .pn-share__list > .pn-share__row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.pn-share__who {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.pn-share__name {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 600;
  color: #0f172a;
  overflow-wrap: anywhere;
}
.pn-share__meta {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.pn-share__acts {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.pn-share__earlier {
  margin: 12px 0 0;
}
.pn-share__earlier > summary {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #1d4ed8;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
}
.pn-share__earlier .pn-share__list {
  margin-top: 8px;
}
.pn-share__offer {
  display: grid;
  grid-template-columns: minmax(200px, 320px) 1fr;
  align-items: end;
  gap: 8px 16px;
  margin: 16px 0 0;
  padding: 16px;
  border-radius: 10px;
  background: #f8fafc;
}
.pn-share__offer .pn-check {
  padding-bottom: 8px;
}
.pn-share__offer .pn-help {
  grid-column: 1/-1;
  margin: 0;
}
.pn-share__offer-acts {
  grid-column: 1/-1;
  display: flex;
}
.pn-share--compact {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}
.pn-share--compact .pn-share__head {
  margin: 0 0 8px;
}
.pn-share--compact .ccp__heading {
  display: flex;
  align-items: center;
}
.pn-share--compact .pn-share__list {
  grid-template-columns: minmax(0, 1fr) auto;
}
.pn-share--compact .pn-share__row {
  padding: 10px 0;
}
.pn-share--compact .pn-share__row > .pn-pill {
  justify-self: end;
}
.pn-share--compact .pn-share__row--ended > .pn-pill {
  grid-column: auto;
}
.pn-share--compact .pn-share__acts {
  grid-column: 1/-1;
  justify-content: flex-start;
}
.pn-share--compact .pn-share__offer {
  grid-template-columns: 1fr;
  padding: 12px;
}
.pn-share--compact .pn-check {
  padding-bottom: 0;
}
@media (max-width: 767.98px) {
  .pn-share__list {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .pn-share__acts {
    grid-column: 1/-1;
    justify-content: flex-start;
  }
  .pn-share__offer {
    grid-template-columns: 1fr;
  }
}

.pn-page {
  max-width: 1120px;
  margin: 0;
  padding-top: 24px;
  padding-bottom: 48px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pn-page h1, .pn-page h2, .pn-page h3 {
  text-shadow: none;
}
.pn-page__head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pn-page__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: #0f172a;
}
.pn-page__lede {
  margin: 0;
  max-width: 72ch;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  color: #475569;
}
.pn-page [data-pn-region] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pn-said--page {
  margin-top: -12px;
}

.pn-panel {
  padding: 20px 22px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}
.pn-panel__head {
  margin: 0 0 16px;
}
.pn-panel__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  font-weight: 700;
  color: #0f172a;
}
.pn-panel__lede {
  margin: 4px 0 0;
  max-width: 72ch;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
}

.pn-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  padding: 1px 8px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.pn-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e2e8f0;
}

.pn-panel .pn-list > .pn-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.pn-page code {
  border: 0;
  padding: 0;
  background: none;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #0f172a;
}

.pn-item {
  padding: 16px 0;
  border-bottom: 1px solid #e2e8f0;
}
.pn-item__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.pn-item__main {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.pn-item__name {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 600;
  color: #0f172a;
  overflow-wrap: anywhere;
}
.pn-item__meta {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.pn-item__meta code {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #334155;
}
.pn-item__note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #334155;
}
.pn-item__note i {
  font-size: var(--edc-fs-eyebrow);
}
.pn-item__note--warn {
  color: #93370d;
}
.pn-item__url {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #334155;
  overflow-wrap: anywhere;
  word-break: break-all;
}
.pn-item__acts {
  display: flex;
  flex: none;
  align-items: center;
  gap: 8px;
}
.pn-item__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 12px 0 0;
}
.pn-item__divider {
  width: 1px;
  height: 24px;
  margin: 0 4px;
  background: #e2e8f0;
}

.pn-facts {
  margin: 12px 0 0;
}
.pn-facts > summary {
  width: -moz-max-content;
  width: max-content;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #1d4ed8;
  cursor: pointer;
}
.pn-facts > summary:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
  border-radius: 4px;
}
.pn-facts__body {
  margin: 12px 0 0;
  padding: 16px;
  border-radius: 10px;
  background: #f8fafc;
}
.pn-facts__prose {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
}
.pn-facts__prose p:last-child {
  margin-bottom: 0;
}
.pn-facts__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px 24px;
  margin: 12px 0 0;
}
.pn-facts__list > div {
  min-width: 0;
}
.pn-facts__list dt {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
}
.pn-facts__list dd {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #0f172a;
  overflow-wrap: anywhere;
}
.pn-facts__body > .pn-help:last-child {
  margin-top: 12px;
}
.pn-facts code {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #0f172a;
  background: #eef2f7;
  padding: 1px 4px;
  border-radius: 4px;
}

.pn-edit__form {
  margin: 12px 0 0;
  padding: 16px;
  border-radius: 10px;
  background: #f8fafc;
}
.pn-edit__form > .pn-help {
  margin: 0 0 12px;
}
.pn-edit__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px 16px;
  align-items: end;
}
.pn-edit__wide {
  grid-column: 1/-1;
}
.pn-edit__flag {
  padding-bottom: 8px;
}
.pn-edit__acts {
  display: flex;
  margin: 16px 0 0;
}

.pn-urls {
  display: grid;
  gap: 12px;
  margin: 0 0 4px;
}
.pn-urls dt {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
}
.pn-urls dd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 4px 0 0;
}
.pn-urls code {
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  overflow-wrap: anywhere;
}

.pn-page .pn-panel > .pn-help code {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #0f172a;
  background: #eef2f7;
  padding: 1px 4px;
  border-radius: 4px;
}

.pn-panel > .pn-help {
  margin: 12px 0 16px;
}

.pn-form {
  margin: 16px 0 0;
  padding: 16px;
  border-radius: 10px;
  background: #f8fafc;
}
.pn-form__title {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  color: #0f172a;
}
.pn-form__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
}
.pn-form__row .pn-field {
  flex: 1 1 260px;
  max-width: 360px;
}
.pn-form__row .pn-check {
  padding-bottom: 8px;
}
.pn-form__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: 12px 16px;
  align-items: start;
}
.pn-form__acts {
  display: flex;
  margin: 16px 0 0;
}
@media (max-width: 767.98px) {
  .pn-form__grid {
    grid-template-columns: 1fr;
  }
}

.pn-events {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin: 12px 0 0;
  padding: 0;
  border: 0;
}
.pn-events legend {
  width: 100%;
  float: none;
  margin-bottom: 4px;
}

.pn-once {
  padding: 16px 20px;
  border: 1px solid #b3c7f0;
  border-radius: 12px;
  background: #eef4ff;
}
.pn-once:focus {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.pn-once__title {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}
.pn-once__lede {
  margin: 4px 0 12px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
}
.pn-once__value {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
}
.pn-once__value code {
  flex: 1 1 320px;
  padding: 8px 12px !important;
  border: 1px solid #b3c7f0 !important;
  border-radius: 8px;
  background: #fff !important;
  color: #0f172a;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  overflow-wrap: anywhere;
  word-break: break-all;
}

.pn-deliveries {
  margin: 12px 0 0;
  overflow-x: auto;
}

.pn-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.pn-table th {
  padding: 8px 12px;
  border-bottom: 1px solid #e2e8f0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  text-align: left;
  white-space: nowrap;
}
.pn-table td {
  padding: 8px 12px;
  border-bottom: 1px solid #e2e8f0;
  color: #334155;
  vertical-align: top;
}
.pn-table td:first-child, .pn-table td:nth-child(3) {
  white-space: nowrap;
}
.pn-table__num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.pn-table__status--delivered {
  color: #067647;
  font-weight: 600;
}
.pn-table__status--failed {
  color: #b42318;
  font-weight: 600;
}

.pn-targets {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.pn-targets li {
  display: contents;
}
.pn-targets__who {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
  align-self: center;
}
.pn-targets__kind {
  color: #475569;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.pn-targets .pn-pill {
  justify-self: end;
}

body.dbld-open {
  overflow: hidden;
}

@keyframes dbld-toast {
  0% {
    opacity: 0;
    transform: translate(-50%, -6px);
  }
  10%, 80% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, 0);
  }
}
.glance-customize {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 14px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #0f172a;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.glance-customize:hover, .glance-customize:focus-visible {
  border-color: #2559b8;
  color: #2559b8;
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 89, 184, 0.16);
}
.glance-customize .fa {
  color: #475569;
}
.glance-customize:hover .fa, .glance-customize:focus-visible .fa {
  color: #2559b8;
}

.dbld {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  flex-direction: column;
  background: #f4f6f9;
  color: #0f172a;
  font-family: inherit;
}
.dbld__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex: 0 0 auto;
  min-height: 56px;
  padding: 8px 20px;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
}
.dbld__bar-left {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex: 0 0 auto;
}
.dbld__name {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  letter-spacing: -0.01em;
  text-shadow: none;
  white-space: nowrap;
}
.dbld__name:focus {
  outline: none;
}
.dbld__owner {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
}
.dbld__crest {
  margin-right: 8px;
  font-size: var(--edc-fs-body);
  color: #1f2937;
}
.dbld__bar-mid {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.dbld__bar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.dbld__status {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.dbld__toast {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  padding: 6px 14px;
  max-width: 70%;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-align: center;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.2);
  animation: dbld-toast 3.2s ease forwards;
  pointer-events: none;
}
.dbld__error {
  margin: 0;
  padding: 8px 20px;
  background: #fdf2f2;
  color: #9b1c1c;
  font-size: var(--edc-fs-secondary);
  border-bottom: 1px solid #f8b4b4;
}
.dbld__main {
  position: relative;
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  min-height: 0;
}
.dbld__main.is-busy {
  cursor: progress;
}
.dbld__canvas-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  flex-wrap: wrap;
  margin: 0 auto 12px;
}
.dbld__canvas-head .dbld-views {
  flex: 0 0 auto;
}
.dbld__canvas-note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.dbld__loading {
  padding: 40px;
  font-size: var(--edc-fs-body);
  color: #475569;
}
.dbld__canvas {
  overflow: auto;
  padding: 24px 28px 80px;
  min-width: 0;
}
.dbld__stage-wrap {
  position: relative;
  margin: 0 auto;
}
.dbld__stage {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 16px;
}
.dbld__stage--wall {
  font-size: 1.15em;
}
.dbld__canvas--tablet .dbld__stage, .dbld__canvas--desktop .dbld__stage {
  transition: width 160ms ease;
}
.dbld__panel {
  background: #fff;
  border-left: 1px solid #e2e8f0;
  overflow: auto;
  padding: 16px 18px 40px;
  font-size: var(--edc-fs-secondary);
}

.glance--builder {
  padding: 0;
}

.glance-brief--builder {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.dbld-band {
  position: relative;
}
.dbld-band__head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 8px;
}
.dbld-band__name {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  text-shadow: none;
}
.dbld-band__blurb {
  margin: 0;
  font-size: var(--edc-fs-label);
  color: #475569;
}
.dbld-band__empty {
  margin: 0 0 12px;
  padding: 18px;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
  background: #f8fafc;
  color: #475569;
  font-size: var(--edc-fs-secondary);
}
.dbld-band__grid {
  align-items: start;
}
.dbld-band + .dbld-band {
  margin-top: 20px;
}

.dbld .dbld-card.glance-widget {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  margin: 0;
  height: auto;
  display: block;
}

.dbld-card {
  position: relative;
  border-radius: 8px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  min-width: 0;
}
.dbld-card:hover, .dbld-card:focus-within, .dbld-card.is-selected {
  outline-color: rgba(37, 89, 184, 0.55);
}
.dbld-card.is-selected {
  outline-color: #2559b8;
}
.dbld-card.is-dragging {
  opacity: 0.75;
  z-index: 5;
}
.dbld-card:focus {
  outline-color: #2559b8;
}
.dbld-card__body {
  pointer-events: none;
}
.dbld-card__body .glance-widget {
  height: 100%;
}
.dbld-card__tools {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: calc(100% - 12px);
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
  opacity: 0;
  transition: opacity 120ms ease;
}
.dbld-card:hover .dbld-card__tools, .dbld-card:focus-within .dbld-card__tools, .dbld-card.is-selected .dbld-card__tools {
  opacity: 1;
}

.dbld-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #475569;
  font-size: var(--edc-fs-secondary);
  line-height: 1;
}
.dbld-tool:hover, .dbld-tool:focus-visible {
  background: #eef2ff;
  color: #2559b8;
  outline: none;
}
.dbld-tool:disabled {
  opacity: 0.35;
}
.dbld-tool--handle {
  cursor: grab;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}
.dbld-tool--handle:active {
  cursor: grabbing;
}
.dbld-tool--remove:hover, .dbld-tool--remove:focus-visible {
  background: #fdf2f2;
  color: #9b1c1c;
}

.dbld-sizes {
  display: inline-flex;
  gap: 2px;
  padding: 0 4px;
}
.dbld-sizes--panel {
  padding: 0;
  gap: 6px;
}

.dbld-size {
  min-width: 26px;
  height: 26px;
  padding: 0 8px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
  color: #475569;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 1;
}
.dbld-size.is-on {
  background: #2559b8;
  border-color: #2559b8;
  color: #fff;
}
.dbld-size:hover:not(.is-on), .dbld-size:focus-visible {
  border-color: #2559b8;
  color: #2559b8;
  outline: none;
}
.dbld-sizes--panel .dbld-size {
  height: 32px;
  padding: 0 12px;
}

.dbld-fold {
  position: absolute;
  left: -12px;
  right: -12px;
  height: 0;
  border-top: 2px dashed #94a3b8;
  pointer-events: none;
}
.dbld-fold__chip {
  position: absolute;
  left: 0;
  top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #94a3b8;
  color: #475569;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  white-space: nowrap;
}
.dbld-fold.is-ok {
  border-top-color: #0d9f6e;
}
.dbld-fold.is-ok .dbld-fold__chip {
  border-color: #0d9f6e;
  color: #056e4c;
}
.dbld-fold.is-over {
  border-top-color: #c2620e;
}
.dbld-fold.is-over .dbld-fold__chip {
  border-color: #c2620e;
  color: #8a4508;
}

.dbld-picker {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
}

.dbld-picker__select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  min-height: 32px;
  padding: 4px 28px 4px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  max-width: 260px;
  text-overflow: ellipsis;
}
.dbld-picker__select:focus {
  outline: none;
  border-color: #2559b8;
  box-shadow: 0 0 0 3px rgba(37, 89, 184, 0.14);
}

.dbld-picker__chev {
  position: absolute;
  right: 10px;
  pointer-events: none;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  color: #475569;
}

.dbld-views {
  display: inline-flex;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.dbld-seg .fa {
  margin-right: 4px;
  font-size: var(--edc-fs-label);
}

.dbld-seg {
  min-width: 0;
  padding: 6px 12px;
  border: 0;
  background: #fff;
  color: #475569;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.dbld-seg + .dbld-seg {
  border-left: 1px solid #e2e8f0;
}
.dbld-seg.is-on {
  background: #eef2ff;
  color: #2559b8;
}
.dbld-seg:focus-visible {
  outline: 2px solid #2559b8;
  outline-offset: -2px;
}

.dbld-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}
.dbld-btn:hover, .dbld-btn:focus-visible {
  border-color: #2559b8;
  color: #2559b8;
  outline: none;
  text-decoration: none;
}
.dbld-btn:disabled {
  opacity: 0.45;
  pointer-events: none;
}
.dbld-btn--done {
  background: #2559b8;
  border-color: #2559b8;
  color: #fff;
}
.dbld-btn--done:hover, .dbld-btn--done:focus-visible {
  background: #1e4a9a;
  color: #fff;
}
.dbld-btn--publish {
  border-color: #0d9f6e;
  color: #056e4c;
}
.dbld-btn--publish:hover, .dbld-btn--publish:focus-visible {
  background: #ecfdf5;
  border-color: #0d9f6e;
  color: #056e4c;
}
.dbld-btn--add {
  min-height: 28px;
  padding: 3px 10px;
}
.dbld-btn--icon {
  padding: 6px 9px;
}
.dbld-btn--danger {
  margin-top: 18px;
  border-color: #f8b4b4;
  color: #9b1c1c;
}
.dbld-btn--danger:hover, .dbld-btn--danger:focus-visible {
  background: #fdf2f2;
  border-color: #9b1c1c;
  color: #9b1c1c;
}

.dbld-link {
  border: 0;
  background: transparent;
  padding: 0;
  min-width: 0;
  color: #2559b8;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.dbld-link:hover {
  text-decoration: underline;
}

.dbld__canvas--gallery {
  padding: 20px 28px 80px;
}

.dbld-gallery + .dbld-gallery {
  margin-top: 28px;
}
.dbld-gallery__head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 12px;
  flex-wrap: wrap;
}
.dbld-gallery__name {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475569;
  text-shadow: none;
}
.dbld-gallery__q {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #0f172a;
}
.dbld-gallery__blurb {
  font-weight: 400;
  color: #475569;
  margin-left: 6px;
}
.dbld-gallery__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
  grid-auto-flow: dense;
}

.dbld-gcard--wide {
  grid-column: span 2;
}

.dbld-gcard {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.dbld-gcard__card .glance-widget {
  margin: 0;
}
.dbld-gcard__skeleton {
  min-height: 120px;
}
.dbld-gcard__skeleton .glance-widget__title {
  margin-bottom: 8px;
}
.dbld-gcard__note {
  margin: 0;
  font-size: var(--edc-fs-label);
  color: #475569;
}
.dbld-gcard__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 2px;
  flex-wrap: wrap;
}
.dbld-gcard__q {
  margin: 0;
  font-size: var(--edc-fs-label);
  color: #475569;
  flex: 1 1 160px;
  min-width: 0;
}
.dbld-gcard__placed {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #056e4c;
  white-space: nowrap;
}
.dbld-gcard__placed .fa {
  font-size: var(--edc-fs-eyebrow);
}
.dbld-gcard__remove {
  font-weight: 600;
  color: #475569;
}
.dbld-gcard__remove:hover {
  color: #9b1c1c;
}
.dbld-gcard.is-placed .dbld-gcard__card {
  outline: 2px solid rgba(13, 159, 110, 0.45);
  outline-offset: 2px;
  border-radius: 8px;
}

.dbld-btn--primary {
  background: #2559b8;
  border-color: #2559b8;
  color: #fff;
}
.dbld-btn--primary:hover, .dbld-btn--primary:focus-visible {
  background: #1e4a9a;
  border-color: #1e4a9a;
  color: #fff;
}
.dbld-btn--primary .fa {
  font-size: var(--edc-fs-eyebrow);
}

.dbld-selected__count {
  display: inline-block;
  min-width: 20px;
  padding: 1px 6px;
  margin-left: 6px;
  border-radius: 999px;
  background: #eef2ff;
  color: #2559b8;
  font-size: var(--edc-fs-eyebrow);
  text-align: center;
}
.dbld-selected__band {
  margin-top: 10px;
}
.dbld-selected__band-name {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #0f172a;
}
.dbld-selected__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dbld-selected__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border-top: 1px solid #f1f5f9;
}
.dbld-selected__item:first-child {
  border-top: 0;
}
.dbld-selected__title {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0f172a;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dbld-selected__title:hover, .dbld-selected__title:focus-visible {
  color: #2559b8;
  outline: none;
}
.dbld-selected__size {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  color: #475569;
}

.dbld-search {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}
.dbld-search .fa {
  color: #475569;
}
.dbld-search input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: none;
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
  background: transparent;
}
.dbld-search:focus-within {
  border-color: #2559b8;
  box-shadow: 0 0 0 3px rgba(37, 89, 184, 0.14);
}

.dbld-family + .dbld-family {
  margin-top: 18px;
}
.dbld-family__name {
  margin: 0 0 6px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475569;
  text-shadow: none;
}
.dbld-family__q {
  display: block;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: #475569;
}
.dbld-family__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dbld-entry {
  padding: 8px 0;
  border-top: 1px solid #f1f5f9;
}
.dbld-entry:first-child {
  border-top: 0;
}
.dbld-entry__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.dbld-entry__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0f172a;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-align: left;
}
.dbld-entry__title:hover, .dbld-entry__title:focus-visible {
  color: #2559b8;
  outline: none;
}
.dbld-entry__chev {
  width: 10px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  color: #475569;
}
.dbld-entry__question {
  margin: 2px 0 0 18px;
  font-size: var(--edc-fs-label);
  color: #475569;
}
.dbld-entry__placed {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #056e4c;
  white-space: nowrap;
}
.dbld-entry__preview {
  margin: 8px 0 0 18px;
}
.dbld-entry__note {
  margin: 6px 0 0;
  font-size: var(--edc-fs-label);
  color: #475569;
}
.dbld-entry__note--error {
  color: #9b1c1c;
}
.dbld-entry.is-placed .dbld-entry__title {
  color: #475569;
}

.dbld-preview .glance-widget {
  margin: 0;
}

.dbld-settings__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
}
.dbld-settings__title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  text-shadow: none;
}
.dbld-settings__family {
  margin: 2px 0 14px;
  font-size: var(--edc-fs-label);
  color: #475569;
}

.dbld-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 14px;
}
.dbld-field__label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #475569;
}
.dbld-field__sub {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #0f172a;
}

.dbld-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.dbld-fieldset legend {
  padding: 0;
  margin: 0 0 8px;
}

.dbld-select {
  min-height: 34px;
  padding: 4px 8px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
}
.dbld-select:focus {
  outline: none;
  border-color: #2559b8;
  box-shadow: 0 0 0 3px rgba(37, 89, 184, 0.14);
}

.dbld-panel__note {
  margin: 6px 0 0;
  font-size: var(--edc-fs-label);
  color: #475569;
}

@media (max-width: 1199.98px) {
  .dbld__bar {
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .dbld__bar-left {
    flex: 1 1 auto;
  }
  .dbld__bar-mid {
    flex: 0 0 auto;
  }
  .dbld__bar-right {
    flex: 1 1 100%;
    justify-content: flex-start;
  }
  .dbld__name {
    max-width: 60vw;
  }
}
@media (max-width: 1199.98px) {
  .dbld-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dbld-gcard--wide {
    grid-column: 1/-1;
  }
}
@media (max-width: 991.98px) {
  .dbld__main {
    grid-template-columns: minmax(0, 1fr) 320px;
  }
  .dbld-card__tools {
    opacity: 1;
  }
}
@media (max-width: 620px) {
  .dbld-gallery__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 767.98px) {
  .dbld__main {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) 40vh;
  }
  .dbld__panel {
    border-left: 0;
    border-top: 1px solid #e2e8f0;
  }
}
.dbld-circle {
  display: grid;
  gap: 4px;
  max-height: 180px;
  overflow-y: auto;
  padding: 4px 0;
}

.dbld-circle__person {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  color: #111827;
  margin: 0;
}
.dbld-circle__person input {
  margin: 0;
}

.dbld-band__head {
  align-items: center;
}

.dbld-band__handle {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  margin-left: -4px;
}

.dbld-band__blurb {
  flex: 1 1 auto;
  min-width: 0;
}

.dbld-band__order {
  display: inline-flex;
  gap: 2px;
  margin-left: auto;
  flex: 0 0 auto;
}

.dbld-band__zone {
  min-height: 24px;
  border-radius: 8px;
}

.dbld-band {
  border-radius: 10px;
  transition: background-color 120ms ease, box-shadow 120ms ease;
}
.dbld-band.is-drop-target {
  background: #f5f8ff;
  box-shadow: 0 0 0 2px #2559b8;
}
.dbld-band.is-drop-target .dbld-band__empty {
  border-color: #2559b8;
  color: #0f172a;
  background: #eef2ff;
}
.dbld-band.is-dragging {
  opacity: 0.55;
}

.dbld-band__fixed {
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #f5f7fa;
  font-size: var(--edc-fs-secondary);
  color: #44576b;
}

.dbld-card.is-drop-before {
  outline: 2px dashed #2559b8;
  outline-offset: 3px;
}

.dbld-bandmenu {
  position: relative;
  display: inline-flex;
}

.dbld-tool--band {
  width: auto;
  padding: 0 8px;
  gap: 5px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #0f172a;
}
.dbld-tool--band .fa {
  font-size: var(--edc-fs-label);
  color: #475569;
}

.dbld-bandmenu.is-open .dbld-tool--band {
  background: #eef2ff;
  color: #2559b8;
}

.dbld-bandmenu__list {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 6;
  min-width: 220px;
  margin: 0;
  padding: 4px;
  list-style: none;
}
.dbld-bandmenu__list--start {
  right: auto;
  left: 0;
}
.dbld-bandmenu__list {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
}

.dbld-bandmenu__item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 6px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #0f172a;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}
.dbld-bandmenu__item .fa {
  width: 14px;
  font-size: var(--edc-fs-label);
  color: #2559b8;
}
.dbld-bandmenu__item:hover, .dbld-bandmenu__item:focus-visible {
  background: #eef2ff;
  color: #2559b8;
  outline: none;
}
.dbld-bandmenu__item:focus-visible {
  box-shadow: inset 0 0 0 2px #2559b8;
}

.dbld-bandmenu__now {
  margin-left: auto;
  padding-left: 12px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
}

.dbld-card:has(.dbld-bandmenu.is-open) .dbld-card__tools {
  opacity: 1;
  z-index: 7;
}

.dbld-drag-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.25);
  cursor: grabbing;
}
.dbld-drag-chip span {
  opacity: 0.8;
}

.dbld-hint {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 auto 14px;
  padding: 10px 12px 10px 14px;
  border: 1px solid #c7d2fe;
  border-radius: 8px;
  background: #eef2ff;
  color: #0f172a;
}
.dbld-hint__icon {
  flex: 0 0 auto;
  font-size: var(--edc-fs-body);
  color: #2559b8;
}
.dbld-hint__text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.4;
}
.dbld-hint__close {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 4px 12px;
}

.dbld-gallery__blurb--alone {
  margin-left: 0;
}

.dbld-elsewhere {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid #e2e8f0;
}
.dbld-elsewhere__heading {
  margin: 0;
  font-size: inherit;
  text-shadow: none;
}
.dbld-elsewhere__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 6px 10px 6px 4px;
  margin-left: -4px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #0f172a;
  text-align: left;
}
.dbld-elsewhere__toggle .fa {
  width: 14px;
  font-size: var(--edc-fs-label);
  color: #475569;
}
.dbld-elsewhere__toggle:hover:not(:disabled), .dbld-elsewhere__toggle:focus-visible {
  background: #eef2ff;
  color: #2559b8;
  outline: none;
}
.dbld-elsewhere__toggle:hover:not(:disabled) .fa, .dbld-elsewhere__toggle:focus-visible .fa {
  color: #2559b8;
}
.dbld-elsewhere__toggle:focus-visible {
  box-shadow: 0 0 0 2px #2559b8;
}
.dbld-elsewhere__toggle:disabled {
  cursor: default;
  opacity: 1;
}
.dbld-elsewhere__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}
.dbld-elsewhere__count {
  padding: 1px 8px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: var(--edc-fs-label);
  font-weight: 700;
}
.dbld-elsewhere__lede {
  margin: 4px 0 18px 24px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.dbld-details {
  margin: 0 0 18px;
  padding: 0 0 14px;
  border-bottom: 1px solid #e4e7ec;
}
.dbld-details__switch {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 6px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
  cursor: pointer;
}
.dbld-details__switch input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #1c3f75;
  cursor: pointer;
}
.dbld-details__switch input:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.dbld-details__switch input:disabled {
  cursor: progress;
}
.dbld-details .dbld-panel__note {
  margin: 0;
}

@keyframes cc-region-in {
  from {
    opacity: 0;
    transform: translateY(3px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.cc-island-docked {
  padding-bottom: calc(46px + 20px);
}

.site-menubar-unfold .cc-island-bar {
  left: 260px;
}

.site-menubar-fold .cc-island-bar {
  left: 90px;
}

@media (max-width: 767px) {
  .site-menubar-unfold .cc-island-bar,
  .site-menubar-fold .cc-island-bar {
    left: 0;
  }
}
.cc-island-docked .wb-panel {
  height: calc(100vh - 46px - 20px);
}

.cc-island-docked .edcf-toasts,
.cc-active .edcf-toasts {
  bottom: calc(36px + 46px);
}

.cc-island-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  padding: 0 14px 12px;
  background: transparent;
  border: 0;
  box-shadow: none;
  pointer-events: none;
  color: #1c2531;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
}
.cc-island-bar__inner {
  pointer-events: auto;
  display: flex;
  align-items: stretch;
  gap: 4px;
  min-height: 46px;
  padding: 4px 10px;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  background: #ffffff;
  border: 1px solid #ccd6e1;
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(18, 30, 48, 0.1), 0 12px 32px rgba(18, 30, 48, 0.18);
}
.cc-island-bar__scroll {
  display: flex;
  align-items: stretch;
  gap: 4px;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 18px), transparent 100%);
          mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 18px), transparent 100%);
}
.cc-island-bar__actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: none;
}
.cc-island-bar a,
.cc-island-bar button {
  color: inherit;
}
.cc-island-bar .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.cc-island-bar :focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -3px;
  border-radius: 6px;
}

.cc-il__home, .cc-il__chip, .cc-il__btn, .cc-il__leave {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  min-height: 34px;
  align-self: center;
  border: 0;
  background: transparent;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  transition: background-color 120ms ease, color 120ms ease;
}
.cc-il__home:hover, .cc-il__chip:hover, .cc-il__btn:hover, .cc-il__leave:hover {
  background: #edf1f6;
  color: #1c2531;
  text-decoration: none;
}
.cc-il__home {
  color: #1c2531;
}
.cc-il__home.is-current {
  background: #edf1f6;
}
.cc-il__home .fa {
  color: #1c3f75;
}
.cc-il__chips {
  display: flex;
  align-items: center;
  gap: 3px;
  flex: none;
  align-self: center;
}
.cc-il__chip {
  color: #556070;
}
.cc-il__chip .cc-il__marker {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 1px solid #98a3b2;
  background: transparent;
  flex: none;
}
.cc-il__chip.is-engaged, .cc-il__chip.is-current {
  color: #163258;
  background: #e6eefa;
  box-shadow: inset 0 0 0 1px #b7cbea;
}
.cc-il__chip.is-engaged:hover, .cc-il__chip.is-current:hover {
  background: #dbe7f8;
  color: #163258;
}
.cc-il__chip.is-engaged .cc-il__marker, .cc-il__chip.is-current .cc-il__marker {
  background: #1c3f75;
  border-color: #1c3f75;
}
.cc-il__chip-label {
  white-space: nowrap;
}
.cc-il__spacer {
  flex: 1 1 auto;
  min-width: 8px;
}
.cc-il__door-glyph {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  line-height: 1;
  color: #556070;
  width: 7px;
  text-align: center;
  flex: none;
}
.cc-il__btn {
  color: #1c2531;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #ccd6e1;
}
.cc-il__btn[aria-expanded=true] {
  background: #edf1f6;
}
.cc-il__leave {
  color: #556070;
  cursor: pointer;
}

.cc-island-bar .cc-il__form {
  display: inline-flex;
  align-items: center;
  align-self: center;
  margin: 0;
}

.cc-cs__save {
  margin-bottom: 16px;
}

.cc-save-form {
  display: flex;
  gap: 8px;
  align-items: center;
}
.cc-save-form__input {
  flex: 1 1 auto;
  min-width: 0;
}

.cc-cs__list {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
}
.cc-cs__list:last-child {
  margin-bottom: 0;
}

.cc-cs-card {
  position: relative;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.cc-cs-card:hover {
  border-color: #b7cbea;
  box-shadow: 0 2px 8px rgba(18, 30, 48, 0.1);
}
.cc-cs-card.is-current {
  border-color: #1c3f75;
  box-shadow: inset 0 0 0 1px #1c3f75;
}
.cc-cs-card__open {
  display: block;
  padding: 11px 13px 12px;
  color: inherit;
  text-decoration: none;
}
.cc-cs-card__open:hover {
  color: inherit;
  text-decoration: none;
}
.cc-cs-card__name {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
  color: #1c2531;
  margin-bottom: 5px;
  padding-right: 20px;
}
.cc-cs-card__now, .cc-cs-card__audience {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  border-radius: 999px;
  padding: 0 8px;
  white-space: nowrap;
}
.cc-cs-card__now {
  background: #e6eefa;
  color: #163258;
}
.cc-cs-card__audience {
  background: #eef2f7;
  color: #556070;
}
.cc-cs-card__contents {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cc-cs-card__contents li {
  position: relative;
  padding-left: 14px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
  line-height: 1.5;
}
.cc-cs-card__contents li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background: #b7c6dd;
}
.cc-cs-card__blurb {
  display: block;
  margin-top: 7px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6b7788;
  line-height: 1.45;
}
.cc-cs-card__remove {
  position: absolute;
  top: 7px;
  right: 7px;
  border: 0;
  background: transparent;
  color: #6b7788;
  border-radius: 6px;
  padding: 3px 6px;
  cursor: pointer;
  line-height: 1;
}
.cc-cs-card__remove:hover {
  background: #eef2f7;
  color: #a8342f;
}

.cc-il-panel {
  position: absolute;
  left: 50%;
  bottom: calc(46px + 18px);
  width: min(380px, 100vw - 24px);
  pointer-events: auto;
  background: #ffffff;
  color: #1c2531;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(18, 30, 48, 0.06), 0 14px 36px rgba(18, 30, 48, 0.22);
  padding: 16px 18px 18px;
}
.cc-il-panel--setups {
  width: min(640px, 100vw - 24px);
  max-height: min(66vh, 560px);
  overflow-y: auto;
}
.cc-il-panel {
  opacity: 0;
  transform: translate(-50%, 4px);
  transition: opacity 170ms ease, transform 170ms ease;
}
.cc-il-panel.is-open {
  opacity: 1;
  transform: translate(-50%, 0);
}
.cc-il-panel[hidden] {
  display: none;
}
.cc-il-panel__heading {
  font-size: calc(var(--edc-fs-body) * 13.72 / 14);
  font-weight: 600;
  margin: 0 0 6px;
}
.cc-il-panel__lede {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
  line-height: 1.5;
  text-wrap: pretty;
}
.cc-il-panel__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.cc-setup-row {
  display: flex;
  align-items: stretch;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  overflow: hidden;
}
.cc-setup-row.is-current {
  border-color: #1c3f75;
  box-shadow: inset 3px 0 0 0 #1c3f75;
}
.cc-setup-row__open {
  flex: 1 1 auto;
  display: block;
  padding: 9px 11px;
  text-decoration: none;
  color: #1c2531;
  min-width: 0;
}
.cc-setup-row__open:hover {
  background: #f5f7fa;
  text-decoration: none;
}
.cc-setup-row__name {
  display: block;
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
}
.cc-setup-row__surfaces {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6b7788;
  margin-top: 2px;
}
.cc-setup-row__remove {
  flex: none;
  border: 0;
  border-left: 1px solid #dfe4ea;
  background: transparent;
  color: #6b7788;
  padding: 0 12px;
  min-width: 44px;
}
.cc-setup-row__remove:hover {
  background: #eef2f7;
  color: #a8342f;
}

.cc-save-form__label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  margin-bottom: 5px;
}
.cc-save-form__input {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.cc-save-form__help {
  display: block;
  margin-top: 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6b7788;
}
.cc-save-form__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
}

.cc-bench {
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 14px 16px calc(46px + 28px);
  background: linear-gradient(150deg, #17345f, #2f6cb4);
  color: #1c2531;
}
.cc-bench__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 11px;
}
.cc-bench__heading {
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 700;
  margin: 0 0 2px;
  letter-spacing: -0.01em;
  color: #fff;
  line-height: 1.3;
}
.cc-bench__summary {
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  max-width: 68ch;
  text-wrap: pretty;
}
.cc-bench__setup-tag {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: rgba(255, 255, 255, 0.86);
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
}
.cc-bench__setup-word {
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  padding: 1px 6px;
}
.cc-bench__dropped {
  margin: 0 0 10px;
  padding: 9px 13px;
  background: #fdf6e6;
  border: 1px solid #e3cf9c;
  border-radius: 7px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #6a4d10;
}
.cc-bench__grid {
  display: grid;
  gap: 10px;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
}
@media (max-width: 900px) {
  .cc-bench {
    height: auto;
    min-height: 100vh;
    overflow: visible;
  }
  .cc-bench__grid {
    grid-template-columns: 1fr !important;
    align-items: start;
  }
  .cc-bench .cc-region {
    max-height: 72vh;
  }
}
.cc-bench__nothing {
  max-width: 54ch;
  margin: 12vh auto 0;
  text-align: center;
  color: #fff;
}
.cc-bench__nothing-heading {
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  font-weight: 600;
  margin: 0 0 10px;
}
.cc-bench__nothing-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.6;
  text-wrap: pretty;
}
.cc-bench__nothing-note {
  margin: 16px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: rgba(255, 255, 255, 0.75);
}

.cc-region {
  background: #ffffff;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(9, 30, 66, 0.28), 0 6px 20px rgba(9, 30, 66, 0.22);
  overflow: hidden;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.cc-region.is-folded {
  align-self: start;
}
.cc-region {
  animation: cc-region-in 170ms ease both;
}
.cc-region__head {
  padding: 9px 13px 8px;
  border-bottom: 1px solid #dfe4ea;
  background: #fbfcfe;
  flex: none;
}
.cc-region__head-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.cc-region__heading {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.005em;
  min-width: 0;
}
.cc-region__relation {
  margin: 1px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.cc-region__door {
  flex: none;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #1c3f75;
  text-decoration: none;
  white-space: nowrap;
  padding: 3px 7px;
  border-radius: 5px;
}
.cc-region__door:hover {
  background: #eef2f7;
  text-decoration: underline;
}
.cc-region__fold-form {
  margin: 0;
  flex: none;
  margin-left: auto;
}
.cc-region__fold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #6b7788;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  line-height: 1;
  cursor: pointer;
}
.cc-region__fold:hover {
  background: #eef2f7;
  color: #1c2531;
}
.cc-region__fold:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.cc-region.is-folded .cc-region__head {
  border-bottom: 0;
}
.cc-region__body {
  padding: 11px 13px 13px;
  overflow-y: auto;
  flex: 1 1 auto;
  background: linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)) top/100% 22px no-repeat local, linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) bottom/100% 22px no-repeat local, radial-gradient(farthest-side at 50% 0, rgba(28, 37, 49, 0.13), rgba(28, 37, 49, 0)) top/100% 12px no-repeat scroll, radial-gradient(farthest-side at 50% 100%, rgba(28, 37, 49, 0.13), rgba(28, 37, 49, 0)) bottom/100% 12px no-repeat scroll;
  background-color: #ffffff;
}
.cc-region--pipelines .cc-region__body, .cc-region--glance .cc-region__body {
  background: linear-gradient(#f5f7fa 30%, rgba(255, 255, 255, 0)) top/100% 22px no-repeat local, linear-gradient(rgba(255, 255, 255, 0), #f5f7fa 70%) bottom/100% 22px no-repeat local, radial-gradient(farthest-side at 50% 0, rgba(28, 37, 49, 0.13), rgba(28, 37, 49, 0)) top/100% 12px no-repeat scroll, radial-gradient(farthest-side at 50% 100%, rgba(28, 37, 49, 0.13), rgba(28, 37, 49, 0)) bottom/100% 12px no-repeat scroll;
  background-color: #f5f7fa;
}
.cc-region--leader .cc-region__heading {
  color: #163258;
}

.cc-queue {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
.cc-queue__caption {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  color: #6b7788;
}
.cc-queue__selected-note {
  color: #1c3f75;
  font-weight: 600;
}
.cc-queue__stage-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 7px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #556070;
}
.cc-queue__swatch {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  flex: none;
}
.cc-queue__stage-name {
  min-width: 0;
}
.cc-queue__stage-count {
  font-variant-numeric: tabular-nums;
  color: #1c2531;
  background: #eef2f7;
  border-radius: 9px;
  padding: 0 7px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.cc-queue__outcome {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  letter-spacing: 0.08em;
  color: #2f6b4f;
  border: 1px solid rgba(47, 107, 79, 0.35);
  border-radius: 4px;
  padding: 0 5px;
}
.cc-queue__stage--lost .cc-queue__outcome {
  color: #a8342f;
  border-color: rgba(168, 52, 47, 0.35);
}
.cc-queue__cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 5px;
}
.cc-queue__stage-empty, .cc-queue__overflow {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6b7788;
  padding-left: 17px;
}
.cc-queue__overflow {
  margin-top: 5px;
}
.cc-queue__empty, .cc-queue__empty-state {
  margin: 0;
  color: #556070;
}
.cc-queue__empty-state {
  padding: 18px 16px;
  background: #f5f7fa;
  border: 1px dashed #c9d2dd;
  border-radius: 9px;
}
.cc-queue__empty-heading {
  margin: 0 0 5px;
  font-weight: 600;
  color: #1c2531;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.cc-queue__empty-text {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  line-height: 1.55;
}

.cc-board {
  list-style: none;
  margin: 0;
  padding: 2px 1px 6px;
  display: flex;
  align-items: stretch;
  gap: 10px;
  height: 100%;
  min-height: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}
.cc-board__col {
  flex: 0 0 236px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: #eef1f6;
  border: 1px solid #e3e8ef;
  border-top: 3px solid var(--cc-stage-color, #8b96a5);
  border-radius: 10px;
  padding: 8px 8px 9px;
}
.cc-board__col--won {
  background: #eaf6f0;
  border-color: #d3e9dd;
}
.cc-board__col--lost {
  background: #f6eeee;
  border-color: #ead9d9;
}
.cc-board__col--empty {
  background: #f4f6f9;
  border-style: dashed;
  border-top-style: solid;
}
.cc-board__col-head {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 2px 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1c2531;
  min-width: 0;
}
.cc-board__swatch {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--cc-stage-color, #8b96a5);
}
.cc-board__col-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cc-board__col-count {
  flex: none;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 650;
  color: #556070;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 999px;
  padding: 1px 7px;
}
.cc-board__outcome {
  flex: none;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #556070;
}
.cc-board__cards {
  list-style: none;
  margin: 0;
  padding: 1px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  overflow-y: auto;
  min-height: 0;
  flex: 1 1 auto;
  scrollbar-width: thin;
}
.cc-board__col-blank {
  flex: 1 1 auto;
  margin: 0;
}
.cc-board__overflow {
  margin: 7px 2px 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.cc-board__overflow a {
  color: #1c3f75;
  text-decoration: none;
}
.cc-board__overflow a:hover {
  text-decoration: underline;
}

.cc-queue__blank-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding: 8px 11px;
  border: 1px dashed #ccd4df;
  border-radius: 8px;
  background: transparent;
}

.cc-queue__blank-word {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7788;
}

.cc-queue__blank-stage {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
  white-space: nowrap;
}

.cc-queue__swatch--dim {
  opacity: 0.55;
}

.cc-card__link {
  display: block;
  padding: 8px 11px;
  border: 1px solid #dfe4ea;
  border-radius: 7px;
  text-decoration: none;
  color: #1c2531;
  background: #ffffff;
}
.cc-card__link:hover {
  border-color: #c9d2dd;
  background: #f5f7fa;
  text-decoration: none;
}
.cc-card.is-selected .cc-card__link {
  border-color: #1c3f75;
  background: #f2f6fc;
  box-shadow: inset 3px 0 0 0 #1c3f75;
}
.cc-card__name {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 550;
  line-height: 1.35;
}
.cc-card__owner {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6b7788;
  margin-top: 2px;
}

.cc-card--board .cc-card__link {
  padding: 8px 10px;
}
.cc-card--board .cc-card__name {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
}
.cc-card--board .cc-card__owner {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}

.cc-panel__caption {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6b7788;
}
.cc-panel__workbook-link {
  color: #1c3f75;
}
.cc-panel__record {
  margin: 0 0 11px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
}
.cc-panel__fields {
  margin: 0;
  display: grid;
  gap: 9px;
}
.cc-panel__field {
  display: grid;
  gap: 1px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eef2f7;
}
.cc-panel__label {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #6b7788;
  font-weight: 600;
}
.cc-panel__value {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.cc-panel__value.is-empty {
  color: #6b7788;
}
.cc-panel__waiting {
  padding: 20px 16px;
  background: #f5f7fa;
  border: 1px dashed #c9d2dd;
  border-radius: 9px;
}
.cc-panel__waiting-heading {
  margin: 0 0 5px;
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.cc-panel__waiting-text {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  line-height: 1.55;
  text-wrap: pretty;
}
.cc-panel__empty {
  margin: 0;
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
}
.cc-panel__foot {
  margin: 14px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.cc-panel__foot-link {
  color: #1c3f75;
}

.cc-tray {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cc-tray__item {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 9px 10px 9px 8px;
  border-radius: 8px;
  border-left: 3px solid transparent;
}
.cc-tray__item + .cc-tray__item {
  border-top: 1px solid #eef2f7;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.cc-tray__item:hover {
  background: #f5f7fa;
}
.cc-tray__item.is-on-board {
  border-left-color: #c9d2dd;
}
.cc-tray__item.is-selected {
  background: #e6eefa;
  border-left-color: #1c3f75;
}
.cc-tray__check-form {
  margin: 0;
  flex: none;
}
.cc-tray__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  cursor: pointer;
}
.cc-tray__check:hover {
  background: #eef2f7;
}
.cc-tray__check:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.cc-tray__check-box {
  width: 15px;
  height: 15px;
  border: 1.5px solid #c9d2dd;
  border-radius: 4px;
  background: #ffffff;
}
.cc-tray__check:hover .cc-tray__check-box {
  border-color: #1c3f75;
}
.cc-tray__text {
  flex: 1;
  min-width: 0;
}
.cc-tray__name {
  display: block;
  font-size: calc(var(--edc-fs-label) * 12.18 / 12);
  font-weight: 600;
  line-height: 1.35;
  color: #1c2531;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.cc-tray__name:hover {
  color: #1c3f75;
  text-decoration: underline;
}
.cc-tray__meta {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6b7788;
}
.cc-tray__sep {
  margin: 0 5px;
}
.cc-tray__due--over {
  color: #a8342f;
  font-weight: 650;
}
.cc-tray__due--today {
  color: #8a5a1f;
  font-weight: 650;
}
.cc-tray__due--none {
  font-style: italic;
}
.cc-tray__on {
  margin: 3px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6b7788;
  overflow-wrap: anywhere;
}
.cc-tray__feed {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #1c3f75;
  text-decoration: none;
}
.cc-tray__feed:hover {
  text-decoration: underline;
}
.cc-tray__feed.is-current {
  color: #556070;
  font-weight: 500;
}
.cc-tray__overflow {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.cc-tray__overflow-link, .cc-tray__nothing-link {
  color: #1c3f75;
}
.cc-tray__empty {
  margin: 0;
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
}
.cc-tray__nothing {
  padding: 20px 16px;
  background: #f5f7fa;
  border: 1px dashed #c9d2dd;
  border-radius: 9px;
}
.cc-tray__nothing-heading {
  margin: 0 0 5px;
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.cc-tray__nothing-text {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  line-height: 1.55;
  text-wrap: pretty;
}

.cc-region--tasks .cc-tray__nothing {
  padding: 20px 16px;
  background: #f5f7fa;
  border: 1px dashed #c9d2dd;
  border-radius: 9px;
}
.cc-region--tasks .cc-tray__nothing-heading {
  margin: 0 0 5px;
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.cc-region--tasks .cc-tray__nothing-text {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  line-height: 1.55;
  text-wrap: pretty;
}
.cc-region--tasks .cc-tray__nothing-link,
.cc-region--tasks .cc-tray__overflow-link {
  color: #1c3f75;
}
.cc-region--tasks .cc-tray__empty {
  margin: 0;
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
}
.cc-region--tasks .cc-tray__overflow {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}

.cc-glance {
  padding: 0;
  font-size: 0.95em;
}
.cc-glance__band + .cc-glance__band {
  margin-top: 14px;
}
.cc-glance__band-heading {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6b7788;
  font-weight: 700;
}
.cc-glance__stack {
  display: grid;
  gap: 10px;
}
.cc-glance__empty-state {
  padding: 18px 16px;
  background: #f5f7fa;
  border: 1px dashed #c9d2dd;
  border-radius: 9px;
}
.cc-glance__empty-heading {
  margin: 0 0 5px;
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.cc-glance__empty-text {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  line-height: 1.55;
}
.cc-glance__empty-link, .cc-glance__foot-link {
  color: #1c3f75;
}
.cc-glance__empty {
  margin: 0;
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
}
.cc-glance__foot {
  margin: 13px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}

@media (max-width: 820px) {
  .cc-bench {
    padding: 16px 14px calc(46px + 20px);
  }
  .cc-bench__grid {
    grid-template-columns: 1fr !important;
  }
  .cc-region {
    max-height: none;
  }
  .cc-island-bar__scroll {
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 20px), transparent 100%);
            mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 20px), transparent 100%);
  }
  .cc-il__home-label {
    display: none;
  }
  .cc-il__pin {
    padding: 0 9px;
    gap: 6px;
  }
  .cc-il__marker, .cc-il__hint {
    display: none;
  }
  .cc-il__pin.is-engaged .cc-il__marker {
    display: inline-block;
  }
  .cc-il__btn-label {
    display: none;
  }
  .cc-il__btn--accent .cc-il__btn-short {
    display: inline;
  }
  .cc-il__caret {
    display: inline;
  }
  .cc-il-panel {
    left: 12px;
    right: 12px;
    width: auto;
  }
}
@media print {
  .cc-region {
    animation: none;
  }
  .cc-il-panel {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cc-il__home,
  .cc-il__pin,
  .cc-il__btn,
  .cc-il__leave,
  .cc-card__link {
    transition: none;
  }
  .cc-region {
    animation: none;
  }
  .cc-il-panel {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.shell-switch {
  margin-right: 8px;
}
.shell-switch__list {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding: 3px;
  list-style: none;
  border: 1px solid rgba(28, 63, 117, 0.28);
  border-radius: 20px;
  background: rgba(28, 37, 49, 0.07);
}
.shell-switch__item {
  margin: 0;
}
.shell-switch__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 32px;
  border-radius: 16px;
  color: #556070;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.shell-switch__btn .fa, .shell-switch__btn .fa-solid {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.shell-switch__btn:hover {
  background: rgba(28, 63, 117, 0.1);
  color: #1c3f75;
  text-decoration: none;
}
.shell-switch__btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.shell-switch__btn.is-current {
  background: #ffffff;
  color: #1c2531;
  box-shadow: 0 1px 3px rgba(28, 37, 49, 0.2);
}
.shell-switch__btn.is-current .fa, .shell-switch__btn.is-current .fa-solid {
  font-weight: 900;
}
.shell-switch__marker {
  display: none;
}
.shell-switch__btn.is-current .shell-switch__marker {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 3px;
  width: 12px;
  height: 2px;
  margin-left: -6px;
  border-radius: 1px;
  background: #1c3f75;
}
.shell-switch--island {
  margin: 0 4px 0 0;
}
.shell-switch--island .shell-switch__list {
  padding: 2px;
  border-color: #ccd6e1;
  background: #edf1f6;
}
.shell-switch--island .shell-switch__btn {
  width: 36px;
  height: 28px;
  color: #556070;
}
.shell-switch--island .shell-switch__btn:hover {
  background: #e2e8f1;
  color: #1c3f75;
}
.shell-switch--island .shell-switch__btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.shell-switch--island .shell-switch__btn.is-current {
  background: #ffffff;
  color: #1c2531;
  box-shadow: 0 1px 2px rgba(18, 30, 48, 0.18);
}
.shell-switch--island .shell-switch__btn.is-current .shell-switch__marker {
  background: #1c3f75;
}

.cc-il__settings {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 28px;
  margin-right: 2px;
  border-radius: 8px;
  color: #556070;
  text-decoration: none;
}
.cc-il__settings:hover {
  background: #edf1f6;
  color: #1c3f75;
}
.cc-il__settings:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.cc-home__settings-door {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  color: #556070;
  text-decoration: none;
}
.cc-home__settings-door:hover {
  background: #eef2f7;
  color: #1c3f75;
}
.cc-home__settings-door:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.cc-home__landing-summary {
  max-width: 34rem;
  margin: 16px 0 0;
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #f5f7fa;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #1c2531;
}
.cc-home__landing-summary a {
  margin-left: 6px;
  font-weight: 600;
  color: #1c3f75;
}
.cc-home__landing-summary a:hover {
  text-decoration: underline;
}
.cc-home__landing-summary a:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 4px;
}

.cc-settings {
  max-width: calc(46rem + 40px);
}
.cc-settings .cc-home__landing,
.cc-settings .cc-home__section-head,
.cc-settings .cc-home__section-lede,
.cc-settings .cc-home__subtitle,
.cc-settings .cc-home__empty {
  max-width: 46rem;
}
.cc-settings__back {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.cc-settings__back a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #556070;
  font-weight: 600;
}
.cc-settings__back a:hover {
  color: #1c3f75;
  text-decoration: underline;
}
.cc-settings__back a:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 4px;
}
.cc-settings__fieldset {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
}
.cc-settings__setups {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 46rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-settings__pins {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 46rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-settings__pin {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #ffffff;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: #1c2531;
}
.cc-settings__pin .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #6b7788;
}
.cc-settings__pin-title {
  font-weight: 600;
}

.cc-setup-card {
  padding: 15px 18px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
}
.cc-setup-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.cc-setup-card__name {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1c2531;
}
.cc-setup-card__source {
  padding: 2px 9px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #f5f7fa;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #556070;
}
.cc-setup-card__members {
  margin: 6px 0 2px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: #1c2531;
}
.cc-setup-card__meta {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #556070;
}
.cc-setup-card__stale {
  color: #8a5a1f;
}
.cc-setup-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #eef2f7;
}
.cc-setup-card__open {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 16px;
  border-radius: 8px;
  background: #1c3f75;
  color: #fff;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
  text-decoration: none;
}
.cc-setup-card__open:hover {
  background: #163258;
  color: #fff;
  text-decoration: none;
}
.cc-setup-card__open:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.cc-setup-card__rename {
  margin: 0;
}
.cc-setup-card__rename[open] {
  flex: 1 1 100%;
  order: 9;
  margin-top: 2px;
}
.cc-setup-card__rename-toggle {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #556070;
  cursor: pointer;
  list-style: none;
}
.cc-setup-card__rename-toggle::-webkit-details-marker {
  display: none;
}
.cc-setup-card__rename-toggle::marker {
  content: "";
}
.cc-setup-card__rename-toggle:hover {
  background: #f5f7fa;
  border-color: #6b7788;
  color: #1c2531;
}
.cc-setup-card__rename-toggle:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.cc-setup-card__rename[open] .cc-setup-card__rename-toggle {
  background: #eef2f7;
  border-color: #6b7788;
  color: #1c2531;
}
.cc-setup-card__rename-form {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 0;
}
.cc-setup-card__rename-input {
  width: 12rem;
  min-height: 34px;
  padding: 4px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #1c2531;
}
.cc-setup-card__rename-input:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.cc-setup-card__rename-btn, .cc-setup-card__remove {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #556070;
  cursor: pointer;
}
.cc-setup-card__rename-btn:hover, .cc-setup-card__remove:hover {
  background: #f5f7fa;
  border-color: #6b7788;
  color: #1c2531;
}
.cc-setup-card__rename-btn:focus-visible, .cc-setup-card__remove:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.cc-setup-card__remove {
  color: #a8342f;
  border-color: rgba(168, 52, 47, 0.28);
}
.cc-setup-card__remove:hover {
  background: rgba(168, 52, 47, 0.06);
  border-color: rgba(168, 52, 47, 0.5);
  color: #a8342f;
}
.cc-setup-card__order {
  display: inline-flex;
  gap: 4px;
}
.cc-setup-card__move {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  min-height: 34px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
  color: #556070;
  cursor: pointer;
}
.cc-setup-card__move:hover:not(:disabled) {
  background: #f5f7fa;
  border-color: #6b7788;
  color: #1c3f75;
}
.cc-setup-card__move:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.cc-setup-card__move:disabled {
  opacity: 0.4;
  cursor: default;
}

.cc-setup-card__move-form,
.cc-setup-card__remove-form {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.cc-setup-card__remove-form {
  margin-left: auto;
}

@media (max-width: 820px) {
  .shell-switch--navbar {
    margin-right: 4px;
  }
  .shell-switch--navbar .shell-switch__btn {
    width: 36px;
  }
  .cc-setup-card__actions {
    gap: 10px;
  }
  .cc-setup-card__rename[open] {
    margin-top: 0;
  }
  .cc-setup-card__rename-form {
    width: 100%;
  }
  .cc-setup-card__rename-input {
    flex: 1;
    width: auto;
    min-width: 0;
  }
  .cc-settings .cc-landing-choice {
    flex-wrap: wrap;
  }
  .cc-settings .cc-landing-choice__select {
    flex: 1 1 100%;
    margin-left: 28px;
    max-width: calc(100% - 28px);
  }
  .cc-setup-card__actions .cc-setup-card__remove-form {
    margin-left: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .shell-switch__btn {
    transition: none;
  }
}
.cc-body--board {
  background: linear-gradient(150deg, #17345f, #2f6cb4);
  background-attachment: fixed;
}

.cc-home--grid {
  max-width: 1280px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
  padding: 20px 20px calc(46px + 34px);
}
.cc-home--grid .cc-home__header {
  grid-column: 1/-1;
  margin-bottom: 0;
}
.cc-home--grid .cc-home__title {
  color: #fff;
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  margin-bottom: 2px;
}
.cc-home--grid .cc-home__subtitle {
  color: rgba(255, 255, 255, 0.86);
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.cc-home--grid .cc-home__section {
  grid-column: 1/-1;
  margin-top: 0;
  background: #ffffff;
  border-radius: 14px;
  padding: 16px 18px 18px;
  box-shadow: 0 1px 2px rgba(9, 30, 66, 0.28), 0 6px 20px rgba(9, 30, 66, 0.22);
  min-width: 0;
}
.cc-home--grid .cc-home__section--main {
  grid-column: span 7;
}
.cc-home--grid .cc-home__section--side {
  grid-column: span 5;
}
.cc-home--grid .cc-home__section-title {
  font-size: var(--edc-fs-body);
}
.cc-home--grid .cc-home__empty {
  background: #f5f7fa;
  border-color: #c9d2dd;
  max-width: none;
}
.cc-home--grid .cc-home__recents {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.cc-home--grid .cc-home__launchers {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.cc-home--grid .cc-home__setup {
  max-width: none;
}
@media (max-width: 980px) {
  .cc-home--grid .cc-home__section--main,
  .cc-home--grid .cc-home__section--side {
    grid-column: 1/-1;
  }
}

.cc-settings__pin-add-heading {
  margin: 18px 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #556070;
}

.cc-bench__nothing-sub {
  margin: 26px 0 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
}

.cc-bench__starters {
  margin-bottom: 0;
  text-align: left;
}
.cc-bench__starters .cc-cs-card {
  box-shadow: 0 1px 2px rgba(9, 30, 66, 0.28), 0 6px 20px rgba(9, 30, 66, 0.22);
  border: 0;
}

.cc-bench__doors {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.cc-bench__door {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  color: #1c2531;
  border-radius: 10px;
  padding: 9px 16px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 650;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(9, 30, 66, 0.28), 0 6px 20px rgba(9, 30, 66, 0.22);
}
.cc-bench__door .fa {
  color: #1c3f75;
}
.cc-bench__door:hover {
  color: #163258;
  text-decoration: none;
  box-shadow: 0 2px 4px rgba(9, 30, 66, 0.3), 0 10px 26px rgba(9, 30, 66, 0.26);
}

.cc-bench--welcome .cc-bench__nothing,
.cc-bench__nothing:has(.cc-bench__starters) {
  max-width: 760px;
  margin-top: 7vh;
  overflow-y: auto;
  min-height: 0;
  padding: 0 4px;
}

.cc-cs__doors {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cc-cs__door {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
  padding: 7px 13px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 650;
  color: #1c2531;
  text-decoration: none;
}
.cc-cs__door .fa {
  color: #1c3f75;
}
.cc-cs__door:hover {
  border-color: #b7cbea;
  color: #163258;
  text-decoration: none;
  background: #f5f7fa;
}

.cc-desk {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 2px 2px 8px;
}
@media (max-width: 900px) {
  .cc-desk {
    grid-template-columns: 1fr;
  }
}

.cc-desk__lane-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #556070;
}

.cc-desk__lane-count {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  background: #eef2f7;
  color: #556070;
  border-radius: 999px;
  padding: 0 8px;
}

.cc-desk__lane:first-child .cc-desk__lane-count {
  background: #fdf1ef;
  color: #a8342f;
}

.cc-desk__lane-empty {
  margin: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #6b7788;
}

.cc-tray__add {
  display: flex;
  gap: 8px;
  padding: 2px 2px 10px;
}
.cc-tray__add-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 7px 11px;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-family: inherit;
}
.cc-tray__add-input:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.cc-tray__add-btn {
  flex: none;
  border: 0;
  background: #1c3f75;
  color: #fff;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  font-weight: 700;
  padding: 7px 16px;
  cursor: pointer;
}
.cc-tray__add-btn:hover {
  background: #163258;
}
.cc-tray__add-btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.cc-glance--wall .cc-glance__stack {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 14px;
  align-items: start;
}
.cc-glance--wall .cc-glance__band + .cc-glance__band {
  margin-top: 14px;
}
@media (max-width: 720px) {
  .cc-glance--wall .cc-glance__stack {
    grid-template-columns: 1fr;
  }
}

.cc-checkin {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}
.cc-checkin__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 14px 18px 12px;
  border-bottom: 1px solid #dfe4ea;
}
.cc-checkin__event {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 750;
  margin: 0 0 2px;
}
.cc-checkin__meta {
  margin: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
}
.cc-checkin__stats {
  display: flex;
  gap: 22px;
  margin: 0;
}
.cc-checkin__stat dt {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #556070;
  margin: 0;
}
.cc-checkin__stat dd {
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  font-weight: 800;
  margin: 0;
  letter-spacing: -0.01em;
}
.cc-checkin__stat--in dd {
  color: #2f6b4f;
}
.cc-checkin__list {
  list-style: none;
  margin: 0;
  padding: 10px 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  min-height: 0;
}
.cc-checkin__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  padding: 10px 14px;
}
.cc-checkin__row.is-in {
  background: #f2f9f5;
  border-color: #cbe5d6;
}
.cc-checkin__name {
  display: block;
  font-weight: 700;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.cc-checkin__ticket {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.cc-checkin__done {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 700;
  color: #2f6b4f;
  white-space: nowrap;
}
.cc-checkin__btn {
  border: 0;
  background: #1c3f75;
  color: #fff;
  border-radius: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 700;
  padding: 7px 16px;
  cursor: pointer;
  white-space: nowrap;
}
.cc-checkin__btn:hover {
  background: #163258;
}
.cc-checkin__btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.cc-checkin__form {
  display: inline-flex;
  margin: 0;
}
.cc-checkin__empty {
  padding: 18px;
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.cc-checkin__nothing {
  padding: 34px 22px;
  text-align: center;
}
.cc-checkin__nothing-heading {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  margin: 0 0 6px;
}
.cc-checkin__nothing-text {
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}

.cc-cal {
  padding: 12px 18px 16px;
  overflow-y: auto;
  min-height: 0;
}
.cc-cal__date {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #556070;
  margin: 0 0 10px;
}
.cc-cal__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.cc-cal__row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
  padding: 8px 12px;
}
.cc-cal__time {
  flex: none;
  width: 64px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  color: #1c2531;
  white-space: nowrap;
}
.cc-cal__time--allday {
  color: #556070;
  font-weight: 650;
}
.cc-cal__dot {
  flex: none;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  align-self: center;
}
.cc-cal__what {
  min-width: 0;
}
.cc-cal__title {
  display: block;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 650;
}
.cc-cal__where {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.cc-cal__overflow {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #6b7788;
}
.cc-cal__empty {
  padding: 16px 18px;
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.cc-cal--rail {
  padding: 10px 12px 14px;
}
.cc-cal--rail .cc-cal__time {
  width: 58px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.64 / 11);
}
.cc-cal--rail .cc-cal__title {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.cc-cal--rail .cc-cal__row {
  padding: 7px 10px;
}

.cc-inbox {
  padding: 12px 18px 18px;
  overflow-y: auto;
  min-height: 0;
}
.cc-inbox__band + .cc-inbox__band {
  margin-top: 20px;
}
.cc-inbox__band-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #556070;
  margin: 0 0 10px;
}
.cc-inbox__count {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  background: #fdf6e6;
  color: #8a5a1f;
  border-radius: 999px;
  padding: 0 8px;
}
.cc-inbox__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cc-inbox__card {
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  padding: 12px 15px;
}
.cc-inbox__card-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.cc-inbox__who {
  font-weight: 700;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.cc-inbox__meta {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
}
.cc-inbox__panel {
  margin-left: auto;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 700;
  color: #1c3f75;
  text-decoration: none;
}
.cc-inbox__panel:hover {
  text-decoration: underline;
}
.cc-inbox__diff {
  margin: 0 0 10px;
}
.cc-inbox__diff-row {
  display: flex;
  gap: 12px;
  padding: 3px 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.cc-inbox__diff-row dt {
  font-weight: 700;
  min-width: 110px;
  margin: 0;
}
.cc-inbox__diff-row dd {
  margin: 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.cc-inbox__old {
  color: #556070;
  text-decoration: line-through;
}
.cc-inbox__new {
  font-weight: 650;
  color: #2f6b4f;
}
.cc-inbox__actions {
  display: flex;
  gap: 10px;
}
.cc-inbox__form {
  display: inline-flex;
  margin: 0;
}
.cc-inbox__apply {
  border: 0;
  background: #1c3f75;
  color: #fff;
  border-radius: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
  font-weight: 700;
  padding: 6px 16px;
  cursor: pointer;
}
.cc-inbox__apply:hover {
  background: #163258;
}
.cc-inbox__dismiss {
  border: 1px solid #dfe4ea;
  background: #fff;
  color: #556070;
  border-radius: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
  font-weight: 600;
  padding: 6px 14px;
  cursor: pointer;
}
.cc-inbox__dismiss:hover {
  color: #1c2531;
  border-color: #c9d2dd;
}
.cc-inbox__msg {
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  padding: 10px 14px;
}
.cc-inbox__msg-body {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  line-height: 1.5;
}
.cc-inbox__empty {
  margin: 0;
  padding: 4px 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}

.cc-aging {
  padding: 12px 18px 18px;
  overflow-y: auto;
  min-height: 0;
}
.cc-aging__total {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #556070;
}
.cc-aging__total strong {
  font-size: calc(var(--edc-fs-heading) * 16.8 / 16);
  color: #1c2531;
  letter-spacing: -0.01em;
}
.cc-aging__buckets {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  align-items: start;
}
.cc-aging__bucket-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #556070;
  margin: 0 0 8px;
}
.cc-aging__bucket--late .cc-aging__bucket-head {
  color: #a8342f;
}
.cc-aging__bucket--late .cc-aging__count {
  background: #fdf1ef;
  color: #a8342f;
}
.cc-aging__count {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  background: #eef2f7;
  color: #556070;
  border-radius: 999px;
  padding: 0 8px;
}
.cc-aging__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.cc-aging__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
  padding: 9px 13px;
  color: inherit;
  text-decoration: none;
}
.cc-aging__row:hover {
  border-color: #b7cbea;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(18, 30, 48, 0.08);
}
.cc-aging__name {
  display: block;
  font-weight: 650;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.cc-aging__recipient {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.cc-aging__amount {
  flex: none;
  font-weight: 750;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.cc-aging__empty {
  padding: 16px 18px;
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}

.cc-cs-card--template {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
}

.cc-cs-card__body {
  padding: 11px 13px 6px;
}

.cc-cs-card__blurb {
  display: block;
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.cc-cs-card__use-form {
  padding: 0 13px 12px;
}

.cc-cs-card__use {
  min-width: 0;
}

.cc-setup-card__tabs-form {
  display: block;
}

.cc-setup-card__tabs-fields {
  border: 0;
  margin: 0 0 10px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 6px 14px;
}

.cc-setup-card__tabs-legend {
  float: none;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.cc-setup-card__tab-choice {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #1c2531;
  cursor: pointer;
}
.cc-setup-card__tab-choice input {
  margin: 0;
}

/* START HERE WHEN I SIGN IN — Change Setup's row (command_center/_change_setup_panel). */
.cc-cs-row__start {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 6px 0 2px;
}

.cc-cs-row__start-tab {
  font: inherit;
  font-size: var(--edc-fs-secondary);
  min-height: 32px;
  padding: 0 28px 0 10px;
  border: 1px solid var(--ccs-line, #d7dde6);
  border-radius: 8px;
  background: #fff;
  max-width: 220px;
}

.cc-cs-row__start-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  min-width: 0;
  padding: 0 12px;
  font: inherit;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  border: 1px solid var(--ccs-line, #d7dde6);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  cursor: pointer;
}

.cc-cs-row__start-btn.is-on {
  background: var(--ccs-ink, #1f2a44);
  border-color: var(--ccs-ink, #1f2a44);
  color: #fff;
}

.cc-cs-row__start-btn:focus-visible {
  outline: 2px solid var(--ccs-focus, #1f5fd1);
  outline-offset: 2px;
}

.cc-settings .cc-landing-choice__on {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.cc-settings .cc-landing-choice__on[hidden] {
  display: none;
}

.dht {
  min-height: 100vh;
  padding: 18px 20px calc(52px + 22px);
  background: #f1f4f8;
  color: #1c2531;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.dht__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.dht__title {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 18.48 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.dht__subtitle {
  margin: 3px 0 0;
  color: #556070;
  max-width: 46rem;
}
.dht__travel {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #ffffff;
  color: #556070;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  text-decoration: none;
}
.dht__travel:hover {
  color: #1c3f75;
  border-color: #ccd6e1;
  text-decoration: none;
}
.dht__travel:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.dht__body {
  display: grid;
  grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  min-height: calc(100vh - 52px - 118px);
}
.dht__rail {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 12px 10px;
}
.dht__rail.is-collapsed {
  padding-bottom: 10px;
}
.dht__rail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 4px 8px;
}
.dht__rail-title {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #556070;
}
.dht__rail-form {
  margin: 0;
}
.dht__rail-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid #dfe4ea;
  border-radius: 7px;
  background: #ffffff;
  color: #556070;
  cursor: pointer;
  line-height: 1;
}
.dht__rail-toggle:hover {
  background: #e6eefa;
  color: #1c3f75;
}
.dht__rail-toggle:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.dht__rail-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 0;
  overflow-y: auto;
}
.dht__rule {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 8px;
  color: inherit;
  text-decoration: none;
}
.dht__rule:hover {
  background: #eef2f7;
  text-decoration: none;
  color: inherit;
}
.dht__rule:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}
.dht__rule.is-current {
  background: #e6eefa;
  box-shadow: inset 3px 0 0 #1c3f75;
}
.dht__rule.is-current .dht__rule-label {
  font-weight: 700;
  color: #1c3f75;
}
.dht__rule-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dht__rule-label {
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.dht__rule-sev {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.dht__rule-sev--high {
  color: #a8342f;
}
.dht__rule-sev--medium {
  color: #8a5a1f;
}
.dht__rule-sev--low {
  color: #556070;
}
.dht__rule-count {
  flex: none;
  min-width: 26px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef2f7;
  color: #556070;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.dht__pane {
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 20px 22px 22px;
}
.dht__meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}
.dht__meta-rule {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #556070;
}
.dht__meta-pos {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.dht__finding {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-heading) * 15.96 / 16);
  font-weight: 650;
  line-height: 1.35;
  max-width: 52rem;
}
.dht__rule-why {
  margin: 0 0 16px;
  color: #556070;
  max-width: 52rem;
}
.dht__record {
  margin: 0 0 18px;
  padding: 13px 15px;
  border: 1px solid #dfe4ea;
  border-left: 3px solid #ccd6e1;
  border-radius: 10px;
  background: #fafbfd;
}
.dht__record-kind {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #556070;
}
.dht__record-name {
  margin: 2px 0 4px;
  font-size: calc(var(--edc-fs-body) * 14.28 / 14);
  font-weight: 650;
}
.dht__record-name a {
  color: #1c3f75;
  text-decoration: none;
}
.dht__record-name a:hover {
  text-decoration: underline;
}
.dht__record-meta {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
}
.dht__field {
  padding: 1px 5px;
  border-radius: 4px;
  background: #eef2f7;
  color: #1c2531;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.dht__handoff {
  margin: 0 0 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dfe4ea;
}
.dht__handoff-note {
  margin: 8px 0 0;
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  max-width: 46rem;
}
.dht__verbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.dht__verb-form {
  margin: 0;
}
.dht__remind {
  display: inline-flex;
  align-items: stretch;
}
.dht__remind-select, .dht__remind .dht__remind-select {
  min-height: 36px;
  width: auto;
  padding: 0 30px 0 12px;
  border: 1px solid #e2cfae;
  border-right: 0;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  color: #1c2531;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 500;
}
.dht__remind-select:focus-visible, .dht__remind .dht__remind-select:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  position: relative;
  z-index: 1;
}
.dht__remind .dht__btn {
  border-radius: 0 8px 8px 0;
}
.dht__verbs-note {
  margin: 10px 0 0;
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
  max-width: 46rem;
}
.dht__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 15px;
  border: 1px solid #ccd6e1;
  border-radius: 8px;
  background: #ffffff;
  color: #1c2531;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.dht__btn:hover {
  background: #eef2f7;
  color: #1c2531;
  text-decoration: none;
}
.dht__btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.dht__btn--primary {
  background: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}
.dht__btn--primary:hover {
  background: #163259;
  color: #fff;
}
.dht__btn--resolve {
  color: #2f6b4f;
  border-color: #b9d3c5;
}
.dht__btn--resolve:hover {
  background: #eef6f1;
  color: #2f6b4f;
}
.dht__btn--dismiss {
  color: #556070;
}
.dht__btn--flag {
  color: #8a5a1f;
  border-color: #e2cfae;
}
.dht__btn--flag:hover {
  background: #fbf5ea;
  color: #8a5a1f;
}
.dht__btn--quiet {
  font-weight: 500;
  color: #556070;
}
.dht__clear {
  max-width: 40rem;
  margin: 12vh auto 0;
  padding: 30px 28px;
  border: 1px solid #dfe4ea;
  border-radius: 14px;
  background: #ffffff;
  text-align: center;
}
.dht__clear-mark {
  margin: 0 auto 10px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 50%;
  background: #eaf3ee;
  color: #2f6b4f;
  font-size: calc(var(--edc-fs-title) * 18.2 / 18);
  font-weight: 700;
}
.dht__clear-heading {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-heading) * 15.96 / 16);
  font-weight: 700;
}
.dht__clear-text {
  margin: 0;
  color: #556070;
  max-width: 34rem;
  margin-inline: auto;
}
.dht__clear-actions {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 16px 0 0;
}

@media (max-width: 900px) {
  .dht {
    padding: 14px 12px calc(52px + 18px);
  }
  .dht__head {
    flex-direction: column;
    gap: 10px;
  }
  .dht__body {
    grid-template-columns: minmax(0, 1fr);
  }
  .dht__rail {
    position: static;
    max-height: none;
  }
  .dht__rail-list {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    max-height: none;
    gap: 6px;
    padding-bottom: 4px;
  }
  .dht__rail-item {
    flex: none;
  }
  .dht__rule {
    min-width: 190px;
    border: 1px solid #dfe4ea;
  }
  .dht__pane {
    padding: 16px 14px 18px;
  }
  .dht__verbs {
    flex-direction: column;
  }
  .dht__verbs .dht__verb-form {
    width: 100%;
  }
  .dht__remind .dht__btn {
    flex: 1 1 auto;
    width: auto;
  }
  .dht__btn {
    width: 100%;
  }
  .dht__handoff .dht__btn {
    width: auto;
  }
}
body.reduced-motion .dht * {
  transition: none !important;
}

.dht__remind .fcard__btn {
  border-radius: 0 8px 8px 0;
}

#dht-group-card {
  margin-bottom: 16px;
}

.fcard {
  border: 1px solid #d5dbe3;
  border-radius: 10px;
  background: #fff;
  padding: 16px 20px;
  display: grid;
  gap: 8px;
  min-width: 0;
  color: #1c2531;
}
.fcard--full {
  padding: 20px 24px;
  gap: 12px;
}
.fcard__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
}
.fcard__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0;
  color: #111827;
  text-shadow: none;
  letter-spacing: -0.005em;
}
.fcard--full .fcard__title {
  font-size: calc(var(--edc-fs-title) * 19 / 18);
}
.fcard__count {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}
.fcard__time {
  font-size: var(--edc-fs-secondary);
  color: #475467;
}
.fcard__pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  border-radius: 999px;
  padding: 2px 10px;
  border: 1px solid;
  line-height: 1.5;
}
.fcard__pill--holds {
  color: #7a4a0d;
  border-color: #f2c66d;
  background: #fff8e6;
}
.fcard__pill--advice {
  color: #1d3f75;
  border-color: #bcd0f0;
  background: #eef4fd;
}
.fcard__pill--checking {
  color: #3d4757;
  border-color: #cfd6df;
  background: #f4f6f9;
}
.fcard__pill--errored {
  color: #8f2b26;
  border-color: #f0b7b1;
  background: #fdf1f0;
}
.fcard__pill--clear {
  color: #1f5f3f;
  border-color: #a9d8bd;
  background: #eef8f2;
}
.fcard__sentence {
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  margin: 0;
  max-width: 78ch;
  color: #283241;
}
.fcard__example {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  align-items: baseline;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #344054;
  min-width: 0;
}
.fcard__example-label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
}
.fcard__example-value {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: var(--edc-fs-secondary);
  background: #f4f6f9;
  border: 1px solid #e3e8ef;
  border-radius: 6px;
  padding: 1px 8px;
  overflow-wrap: anywhere;
  min-width: 0;
}
.fcard__default {
  font-size: var(--edc-fs-secondary);
  color: #344054;
  margin: 0;
}
.fcard__default strong {
  color: #111827;
}
.fcard__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 4px;
}
.fcard__open {
  margin-left: auto;
}
.fcard__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  min-width: 0;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid #c3ccd8;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.fcard__btn:hover {
  background: #f1f4f8;
  color: #1c2531;
  text-decoration: none;
}
.fcard__btn:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.fcard__btn[disabled] {
  opacity: 0.55;
  cursor: default;
}
.fcard__btn--primary {
  background: #1d3f75;
  border-color: #1d3f75;
  color: #fff;
}
.fcard__btn--primary:hover {
  background: #163259;
  color: #fff;
}
.fcard__btn--link {
  border-color: transparent;
  color: #1d4ed8;
  padding: 0 4px;
  text-decoration: underline;
}
.fcard__btn--link:hover {
  background: none;
  color: #1e3a8a;
}

.rec-chassis {
  margin: 16px 0 8px;
}
.rec-chassis__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  padding: 9px 14px;
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
}
.rec-chassis__label {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #556070;
}
.rec-chassis__toggles {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.rec-chassis__toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 4px 12px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #1c2531;
  background: #ffffff;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  cursor: pointer;
}
.rec-chassis__toggle:hover {
  border-color: #1c3f75;
  color: #1c3f75;
}
.rec-chassis__toggle:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.rec-chassis__toggle-mark {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid #c9d2dd;
  background: transparent;
}
.rec-chassis__toggle--on {
  background: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}
.rec-chassis__toggle--on:hover {
  background: #163258;
  border-color: #163258;
  color: #fff;
}
.rec-chassis__toggle--on .rec-chassis__toggle-mark {
  background: #fff;
  border-color: #fff;
}
.rec-chassis__panels {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 14px;
}
.rec-chassis__panels:empty {
  margin-top: 0;
}
.rec-chassis__panel {
  flex: 1 1 360px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  padding: 14px 16px 16px;
  min-width: 0;
}
.rec-chassis__panel[hidden] {
  display: none;
}
.rec-chassis__panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #dfe4ea;
}
.rec-chassis__panel-title {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
  color: #1c2531;
}
.rec-chassis__panel-hint {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6b7788;
  max-width: 60ch;
}
.rec-chassis__hide {
  flex: 0 0 auto;
  background: transparent;
  border: 0;
  padding: 2px 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
  text-decoration: underline;
  cursor: pointer;
}
.rec-chassis__hide:hover {
  color: #1c3f75;
}
.rec-chassis__hide:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.rec-chassis__mount {
  min-width: 0;
}
.rec-chassis__loading {
  margin: 0;
  color: #6b7788;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.rec-chassis .sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.rec-chassis__mount > .tab-pane.rc-open {
  display: block;
  opacity: 1;
}

@media (max-width: 767.98px) {
  .rec-chassis__panel {
    flex: 1 1 100%;
  }
  .rec-chassis__bar {
    align-items: flex-start;
    flex-direction: column;
  }
  .rec-chassis__toggle {
    min-height: 44px;
    padding: 6px 14px;
  }
  .rec-chassis__hide {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}
.vgr-switch {
  display: inline-block;
}
.vgr-switch__list {
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 2px;
  list-style: none;
  background: #eef2f7;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
}
.vgr-switch__item {
  display: flex;
}
.vgr-switch__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 500;
  line-height: 1.2;
  color: #556070;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.vgr-switch__link:hover, .vgr-switch__link:focus {
  color: #1c2531;
  background: rgba(255, 255, 255, 0.72);
  text-decoration: none;
}
.vgr-switch__link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.vgr-switch__link.is-active {
  color: #1c2531;
  font-weight: 600;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(28, 37, 49, 0.12), inset 0 -2px 0 0 #1c3f75;
}
.vgr-switch__glyph {
  display: inline-flex;
  color: currentColor;
  opacity: 0.85;
}
.vgr-switch__label {
  padding-bottom: 1px;
}
.vgr-switch__label::after {
  display: block;
  content: attr(data-label);
  font-weight: 600;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
@media (max-width: 575px) {
  .vgr-switch__glyph {
    display: none;
  }
  .vgr-switch__link {
    padding: 5px 10px;
  }
}

.vgr-table {
  color: #1c2531;
}
.vgr-table__bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 0 0 12px;
}
.vgr-table__count {
  margin: 0 0 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
}
.vgr-table__count strong {
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}
.vgr-table__filters {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.vgr-table__filter-field {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.vgr-table__filter-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7788;
}
.vgr-table__control {
  min-width: 160px;
  padding: 5px 9px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #1c2531;
  background: #ffffff;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
}
.vgr-table__control:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.vgr-table__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.vgr-table__apply {
  padding: 6px 14px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 600;
  color: #ffffff;
  background: #1c3f75;
  border: 1px solid #1c3f75;
  border-radius: 6px;
  cursor: pointer;
}
.vgr-table__apply:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.vgr-table__clear {
  align-self: center;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #1c3f75;
}
.vgr-table__scroll {
  overflow-x: auto;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
}
.vgr-table__grid {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.vgr-table__grid th,
.vgr-table__grid td {
  padding: 9px 14px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #dfe4ea;
}
.vgr-table__grid thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f5f7fa;
  border-bottom: 1px solid #c9d2dd;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
  white-space: nowrap;
}
.vgr-table__grid tbody tr:last-child td {
  border-bottom: 0;
}
.vgr-table__grid tbody tr:hover td {
  background: #f5f7fa;
}
.vgr-table__grid td.vgr-table__cell--number, .vgr-table__grid th.vgr-table__head--number {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.vgr-table__grid td.vgr-table__cell--date, .vgr-table__grid th.vgr-table__head--date {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.vgr-table__grid th.vgr-table__cell--title {
  font-weight: 500;
  background: transparent;
  position: static;
  text-transform: none;
  letter-spacing: normal;
  font-size: inherit;
  color: #1c2531;
  white-space: normal;
  border-bottom: 1px solid #dfe4ea;
}
.vgr-table__record {
  font-weight: 600;
  color: #1c3f75;
  text-decoration: none;
}
.vgr-table__record:hover {
  text-decoration: underline;
}
.vgr-table__blank {
  color: #6b7788;
  font-style: italic;
}
.vgr-table__sort {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: inherit;
  text-decoration: none;
}
.vgr-table__sort:hover {
  color: #1c2531;
  text-decoration: none;
}
.vgr-table__sort:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.vgr-table__sort-mark {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.1 / 10);
  color: #1c3f75;
}
.vgr-table__unsortable {
  color: inherit;
}
.vgr-table__pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 2px 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
}
.vgr-table__pager-pages {
  display: flex;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.vgr-table__page {
  display: inline-block;
  min-width: 30px;
  padding: 4px 8px;
  text-align: center;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  color: #1c3f75;
  background: #ffffff;
  text-decoration: none;
  font-variant-numeric: tabular-nums;
}
.vgr-table__page:hover {
  background: #f5f7fa;
  text-decoration: none;
}
.vgr-table__page:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.vgr-table__page.is-current {
  font-weight: 700;
  color: #ffffff;
  background: #1c3f75;
  border-color: #1c3f75;
}
.vgr-table__empty {
  padding: 64px 24px 68px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.vgr-table__empty-title {
  margin: 0 0 6px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}
.vgr-table__empty-note {
  margin: 0 auto;
  max-width: 52ch;
  font-size: calc(var(--edc-fs-label) * 12.18 / 12);
  color: #556070;
  text-wrap: pretty;
}
.vgr-table__empty-act {
  display: inline-block;
  margin-top: 14px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #1c3f75;
}
.vgr-table__provenance {
  margin: 10px 2px 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #6b7788;
  text-wrap: pretty;
}
@media (max-width: 575px) {
  .vgr-table__bar {
    align-items: stretch;
  }
  .vgr-table__filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: end;
    gap: 8px;
    width: 100%;
  }
  .vgr-table__control {
    min-width: 0;
    width: 100%;
  }
  .vgr-table__actions {
    grid-column: 1/-1;
  }
  .vgr-table__apply {
    flex: 1;
  }
  .vgr-table__grid {
    font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  }
  .vgr-table__grid th, .vgr-table__grid td {
    padding: 8px 10px;
  }
  .vgr-table__pager {
    justify-content: center;
  }
}

.vgr-list > .panel-body {
  padding: 0;
}
.vgr-list .dt-container > .row:not(.dt-layout-table) {
  --bs-gutter-x: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin: 0 !important;
  padding: 12px 16px;
}
.vgr-list .dt-container > .row:not(.dt-layout-table) > .dt-layout-start,
.vgr-list .dt-container > .row:not(.dt-layout-table) > .dt-layout-end {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 1 auto;
  width: auto;
  padding: 0;
  margin: 0;
}
.vgr-list .dt-container > .row:not(.dt-layout-table) > .dt-layout-start {
  flex: 1 1 auto;
  min-width: 0;
}
.vgr-list .dt-container > .row:not(.dt-layout-table) > .dt-layout-end {
  margin-left: auto;
  gap: 12px;
}
.vgr-list .dt-container > .row:first-child {
  border-bottom: 1px solid #dfe4ea;
}
.vgr-list .dt-container > .row.dt-layout-table {
  --bs-gutter-x: 0;
  margin: 0 !important;
}
.vgr-list .dt-container > .row.dt-layout-table > .col-12 {
  padding: 0;
}
.vgr-list table.dataTable > thead > tr > th:first-child,
.vgr-list table.dataTable > tbody > tr > td:first-child {
  padding-left: 14px;
}
.vgr-list table.dataTable > thead > tr > th:last-child,
.vgr-list table.dataTable > tbody > tr > td:last-child {
  padding-right: 14px;
}
.vgr-list .dt-search,
.vgr-list .dt-length {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.vgr-list .dt-search label,
.vgr-list .dt-length label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
  white-space: nowrap;
}
.vgr-list div.dt-container div.dt-search input {
  height: 32px;
  width: 240px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
  background: #ffffff;
}
.vgr-list div.dt-container div.dt-search input:focus {
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.16);
  outline: none;
}
.vgr-list div.dt-container div.dt-length select {
  height: 32px;
  width: auto;
  min-width: 72px;
  margin: 0;
  padding: 0 28px 0 10px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
  background-color: #ffffff;
}
.vgr-list div.dt-container div.dt-length select:focus {
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.16);
  outline: none;
}
.vgr-list .filters-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 13px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #ffffff;
  color: #556070;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
  text-decoration: none;
}
.vgr-list .filters-toggle:hover, .vgr-list .filters-toggle:focus {
  color: #1c2531;
  border-color: #d0d5dd;
  background: #f9fafb;
}
.vgr-list .filters-toggle:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.vgr-list .pt-divider {
  width: 1px;
  height: 26px;
  background: #dfe4ea;
  flex-shrink: 0;
}

.vgr-band__start {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}

.vgr-scope {
  display: inline-flex;
  align-items: stretch;
  padding: 2px;
  background: #eef2f7;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
}
.vgr-scope__btn {
  display: inline-flex;
  align-items: center;
  height: 26px;
  border: 0;
  background: transparent;
  padding: 0 12px;
  border-radius: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  line-height: 1.2;
  color: #556070;
  white-space: nowrap;
  cursor: pointer;
  min-width: 0;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.vgr-scope__btn:hover, .vgr-scope__btn:focus {
  color: #1c2531;
  background: rgba(255, 255, 255, 0.72);
}
.vgr-scope__btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.vgr-scope__btn.is-active {
  color: #1c2531;
  font-weight: 600;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(28, 37, 49, 0.12), inset 0 -2px 0 0 #1c3f75;
}

.vgr-list-head {
  margin: 0 0 12px;
}
.vgr-list-head__title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #1c2531;
  margin: 0 0 2px;
  letter-spacing: -0.01em;
}
.vgr-list-head__sub {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.vgr-tools {
  align-items: center;
}

.vgr-tools__primary {
  margin-left: auto;
}

.mvbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 16px;
  margin: 0 0 16px;
}
.mvbar__views {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}
.mvbar__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.mvbar--map {
  margin: 0 0 12px;
}
.mvbar .mvbar-add {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  margin: 0;
  padding: 0 18px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .mvbar__views {
    width: 100%;
  }
  .mvbar__actions {
    width: 100%;
    justify-content: flex-end;
  }
}

.mvbar-btn,
.mvbar-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.mvbar-btn:hover, .mvbar-btn:focus,
.mvbar-icon:hover,
.mvbar-icon:focus {
  color: #1c2531;
  background: #f5f7fa;
  border-color: #aeb9c7;
  text-decoration: none;
}
.mvbar-btn:focus-visible,
.mvbar-icon:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.mvbar-btn {
  padding: 0 16px;
}
.mvbar-btn.is-active {
  color: #1c3f75;
  background: #e8eef7;
  border-color: #1c3f75;
}

.mvbar-icon {
  width: 44px;
  padding: 0;
  font-size: calc(var(--edc-fs-body) * 16 / 14);
}

.mvbar-pick__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  background: #ffffff;
  font-size: var(--edc-fs-body);
  line-height: 1;
  color: #1c2531;
  cursor: pointer;
  white-space: nowrap;
  max-width: 100%;
}
.mvbar-pick__btn:hover {
  background: #f5f7fa;
  border-color: #aeb9c7;
}
.mvbar-pick__btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.mvbar-pick__label {
  font-weight: 500;
  color: #374151;
}

.mvbar-pick__value {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mvbar-pick__caret {
  margin-left: 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11 / 11);
  color: #374151;
}

.glance-page--in-view {
  padding-top: 0;
}

.glance-page__tools--in-view {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 12px;
}

.mvbar-empty {
  padding: 48px 24px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.mvbar-empty__title {
  margin: 0 0 6px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}
.mvbar-empty__note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.mvbar-btn--quiet {
  border-color: transparent;
  background: transparent;
  color: #374151;
}

.mvbar-filters {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.mvbar-filters__btn {
  padding: 0 16px;
}
.mvbar-filters__n {
  font-weight: 700;
  color: #1c3f75;
}
.mvbar-filters__panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 1060;
  width: min(560px, 100vw - 32px);
  padding: 16px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(28, 37, 49, 0.18);
}

.mvbar-place {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.mvbar-place__item {
  position: relative;
}
.mvbar-place__btn {
  padding: 0 14px;
}
.mvbar-place__panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 1060;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: min(380px, 100vw - 32px);
  padding: 16px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(28, 37, 49, 0.18);
}
.mvbar-place__panel[hidden] {
  display: none;
}
.mvbar-place__panel .form-control {
  height: 40px;
  font-size: var(--edc-fs-body);
}
.mvbar-place__label {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c2531;
}
.mvbar-place__hint {
  margin: -4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #374151;
}
.mvbar-place__combo {
  position: relative;
}
.mvbar-place__options {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 1070;
  max-height: 280px;
  margin: 0;
  padding: 4px;
  overflow-y: auto;
  list-style: none;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 30, 60, 0.16);
}
.mvbar-place__options[hidden] {
  display: none;
}
.mvbar-place__option {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  cursor: pointer;
}
.mvbar-place__option:hover, .mvbar-place__option.is-active {
  background: #eef2f7;
}
.mvbar-place__option-label {
  min-width: 0;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mvbar-place__option-type {
  flex: 0 0 auto;
  font-size: var(--edc-fs-secondary);
  color: #374151;
}
.mvbar-place__live {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.mvbar-place__foot {
  display: flex;
  justify-content: flex-end;
  padding-top: 4px;
}
.mvbar-place__apply {
  height: 40px;
  min-width: 0;
  margin: 0;
  padding: 0 20px;
  border-radius: 10px;
}
.mvbar-place .mvbar-chip__value {
  max-width: 18em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mvbar-chips {
  display: contents;
}
.mvbar-chips ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mvbar-chips ul:empty {
  display: none;
}

.mvbar-chips ul li.mvbar-chip,
.mvbar-chips.filter-tags ul li {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 6px;
  min-height: 32px;
  margin: 0;
  padding: 2px 4px 2px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #f5f7fa;
  font-size: var(--edc-fs-secondary);
  line-height: 1.2;
  color: #1c2531;
}
.mvbar-chips ul li.mvbar-chip strong,
.mvbar-chips.filter-tags ul li strong {
  font-weight: 600 !important;
  color: #374151;
}
.mvbar-chips ul li.mvbar-chip > span,
.mvbar-chips.filter-tags ul li > span {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.mvbar-chips.filter-tags ul li .mvbar-chip__x,
.mvbar-chips ul li .mvbar-chip__x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #374151;
  cursor: pointer;
}
.mvbar-chips.filter-tags ul li .mvbar-chip__x::before,
.mvbar-chips ul li .mvbar-chip__x::before {
  content: "×";
  font-size: var(--edc-fs-title);
  font-weight: 500;
  line-height: 1;
  vertical-align: 0;
}
.mvbar-chips.filter-tags ul li .mvbar-chip__x:hover,
.mvbar-chips ul li .mvbar-chip__x:hover {
  background: #eef2f7;
  color: #1c2531;
}
.mvbar-chips.filter-tags ul li .mvbar-chip__x:focus-visible,
.mvbar-chips ul li .mvbar-chip__x:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.mvbar-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
}
.mvbar-form__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.mvbar-form__field.hidden {
  display: none;
}
.mvbar-form__field label {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c2531;
}
.mvbar-form__field .form-control {
  height: 40px;
  font-size: var(--edc-fs-body);
}
.mvbar-form__field select[multiple].form-control {
  height: auto;
  min-height: 88px;
}
.mvbar-form__field--check {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  grid-column: 1/-1;
}
.mvbar-form__field--check input {
  width: 18px;
  height: 18px;
  margin: 0;
}
.mvbar-form__field--check label {
  font-weight: 500;
}
.mvbar-form__foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #dfe4ea;
}
.mvbar-form__foot .mvbar-btn {
  height: 40px;
  padding: 0 16px;
}
.mvbar-form__apply {
  height: 40px;
  min-width: 0;
  margin: 0;
  padding: 0 20px;
  border-radius: 10px;
  font-weight: 600;
}
@media (max-width: 575px) {
  .mvbar-form__grid {
    grid-template-columns: 1fr;
  }
}

.prj-status-cell {
  display: inline-flex;
  text-decoration: none;
}
.prj-status-cell:hover, .prj-status-cell:focus {
  text-decoration: none;
}
.prj-status-cell:hover .prj-status-pill {
  box-shadow: 0 0 0 2px rgba(15, 26, 46, 0.18);
}
.prj-status-cell:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 999px;
}

.prj-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 1px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
}

.mvbar--page {
  gap: 12px 14px;
  margin-bottom: 14px;
}
.mvbar--page .mvbar__tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}
.mvbar--page .mvbar__actions {
  margin-left: auto;
}

.mvbar-title {
  margin: 0;
  flex: 0 0 auto;
}

.mvbar-title__text,
h1.mvbar-title__text {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #1c2531;
  text-shadow: none;
}

.mvbar-title__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  margin: 0 0 0 -8px;
  padding: 0 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  font: inherit;
  font-weight: 700;
  color: inherit;
  cursor: pointer;
}
.mvbar-title__btn:hover {
  background: #eef2f7;
}
.mvbar-title__btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.mvbar-title__caret {
  font-size: calc(var(--edc-fs-eyebrow) * 12 / 11);
  color: #374151;
}

.mvbar-search {
  position: relative;
  flex: 1 1 180px;
  min-width: 160px;
  max-width: 320px;
}
.mvbar-search__icon {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  color: #374151;
  pointer-events: none;
}
.mvbar-search__input {
  width: 100%;
  height: 44px;
  padding: 0 12px 0 38px;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  background: #ffffff;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.mvbar-search__input::-moz-placeholder {
  color: #556070;
  opacity: 1;
}
.mvbar-search__input::placeholder {
  color: #556070;
  opacity: 1;
}
.mvbar-search__input:focus {
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.16);
  outline: none;
}

.mvbar-list .dt-container > .row:first-child:not(.dt-layout-table) {
  display: none;
}

.mvbar-list #projects-band {
  display: none;
}

.mvbar-list .dt-container > .row:last-child:not(.dt-layout-table) .dt-layout-end {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
  justify-content: flex-end;
}
.mvbar-list .dt-container > .row:last-child:not(.dt-layout-table) .dt-length {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.mvbar-list .dt-container > .row:last-child:not(.dt-layout-table) .dt-length label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #374151;
  white-space: nowrap;
}
.mvbar-list .dt-container > .row:last-child:not(.dt-layout-table) .dt-length select {
  height: 36px;
  min-width: 72px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
}

.mvbar-private {
  margin: 0 0 16px;
  padding: 0 0 16px;
  border: 0;
  border-bottom: 1px solid #dfe4ea;
}
.mvbar-private__legend {
  float: none;
  width: auto;
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #374151;
}
.mvbar-private__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #ffffff;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
  text-decoration: none;
}
.mvbar-private__toggle:hover, .mvbar-private__toggle:focus {
  color: #1c2531;
  background: #f5f7fa;
  text-decoration: none;
}
.mvbar-private__toggle:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.mvbar-private__toggle.is-on {
  color: #fff;
  background: var(--edc-sidebar-bg, #0f1a2e);
  border-color: var(--edc-sidebar-bg, #0f1a2e);
}

.mvbar-chip--link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 2px 6px 2px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #f5f7fa;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
  text-decoration: none;
}
.mvbar-chip--link strong {
  font-weight: 600;
  color: #374151;
}
.mvbar-chip--link .mvbar-chip__x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #374151;
}
.mvbar-chip--link .mvbar-chip__x::before {
  content: "×";
  font-size: var(--edc-fs-title);
  line-height: 1;
}
.mvbar-chip--link:hover, .mvbar-chip--link:focus {
  color: #1c2531;
  text-decoration: none;
}
.mvbar-chip--link:hover .mvbar-chip__x, .mvbar-chip--link:focus .mvbar-chip__x {
  background: #eef2f7;
}
.mvbar-chip--link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.mvbar-title--projects {
  min-width: 7.4em;
  font-size: var(--edc-fs-title);
}

.gis-page--module-view {
  padding: 0;
}

.dropdown-menu.mvbar-menu {
  min-width: 0;
  width: -moz-max-content;
  width: max-content;
  max-width: min(320px, 100vw - 32px);
  margin-top: 4px;
  padding: 6px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(28, 37, 49, 0.14);
}
.dropdown-menu.mvbar-menu > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dropdown-menu.mvbar-menu .dropdown-divider {
  margin: 6px 4px;
  border-top-color: #dfe4ea;
  opacity: 1;
}

.mvbar-menu .mvbar-menu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 40px;
  margin: 0;
  padding: 0 14px 0 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  color: #1c2531;
  cursor: pointer;
}
.mvbar-menu .mvbar-menu__item > i,
.mvbar-menu .mvbar-menu__item .mvbar-menu__check {
  flex: 0 0 16px;
  width: 16px;
  text-align: center;
  color: #374151;
}
.mvbar-menu .mvbar-menu__item:hover, .mvbar-menu .mvbar-menu__item:focus {
  color: #1c2531;
  background: #f5f7fa;
  box-shadow: none;
  text-decoration: none;
}
.mvbar-menu .mvbar-menu__item:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}
.mvbar-menu .mvbar-menu__item.is-active, .mvbar-menu .mvbar-menu__item[aria-current=page], .mvbar-menu .mvbar-menu__item[aria-current=true] {
  font-weight: 600;
  color: var(--edc-primary-strong, #1d4ed8);
  background: transparent;
  box-shadow: none;
}
.mvbar-menu .mvbar-menu__item.is-active .mvbar-menu__check, .mvbar-menu .mvbar-menu__item[aria-current=page] .mvbar-menu__check, .mvbar-menu .mvbar-menu__item[aria-current=true] .mvbar-menu__check {
  color: var(--edc-primary-strong, #1d4ed8);
}
.mvbar-menu .mvbar-menu__item.is-active:hover, .mvbar-menu .mvbar-menu__item.is-active:focus {
  background: #f5f7fa;
}

.mvbar-menu__name {
  flex: 1 1 auto;
}

.mvbar-menu .mvbar-menu__item:not(.is-active):not([aria-current=page]):not([aria-current=true]) .mvbar-menu__check .fa-check {
  visibility: hidden;
}

.mvbar-menu .mvbar-menu__heading {
  display: block;
  padding: 8px 14px 4px 10px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #374151;
  white-space: nowrap;
}

.mvbar-menu__count {
  flex: 0 0 auto;
  min-width: 24px;
  margin-left: 12px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  text-align: right;
  color: #374151;
}

.mvbar-title--wide {
  min-width: 0;
  max-width: 100%;
}

.mvbar-title--wide .mvbar-title__btn > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 22ch;
}

.mvbar-menu .mvbar-menu__form {
  margin: 0;
}

.mvbar-filters__panel > form > br,
.mvbar-filters__panel > form > hr,
.mvbar-filters__panel .panel-body > br,
.mvbar-filters__panel .panel-body > hr {
  display: none;
}
.mvbar-filters__panel .panel-body {
  padding: 0;
}
.mvbar-filters__panel .form-group {
  margin-bottom: 12px;
}
.mvbar-filters__panel .px-20 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mvbar-filters__panel--wide {
  width: min(760px, 100vw - 32px);
  max-height: min(70vh, 640px);
  overflow-y: auto;
}

.mvbar-filters__panel .form-group > label,
.mvbar-filters__panel .form-control-label {
  margin-bottom: 4px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c2531;
}

.mvbar-form__section {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #dfe4ea;
}
.mvbar-form__section > h2 {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c2531;
  text-shadow: none;
}

.mvbar-form__inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.mvbar-form__inline .form-control {
  flex: 1 1 200px;
  height: 40px;
}
.mvbar-form__inline label {
  margin: 0;
  font-weight: 500;
}

.mvbar-form__door {
  grid-column: 1/-1;
  justify-self: start;
}

.mvbar-title--activities {
  min-width: 8.8em;
  font-size: var(--edc-fs-title);
}

.mvbar-title--tasks {
  min-width: 8.4em;
  font-size: var(--edc-fs-title);
}

.mvbar-form__field[hidden] {
  display: none;
}

.mvbar-title--events {
  min-width: 9.6em;
  font-size: var(--edc-fs-title);
}

.mvbar-title--companies {
  font-size: var(--edc-fs-title);
}

.mvbar-note {
  margin: -6px 0 12px;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #374151;
}

.mvbar-menu .mvbar-menu__item.is-copy-failed {
  white-space: normal;
  word-break: break-all;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.mvbar--page {
  gap: 10px 12px;
}
.mvbar--page .mvbar__tools {
  flex: 1 1 0;
  min-width: 0;
  gap: 8px;
}
.mvbar--page .mvbar-search {
  flex: 1 1 140px;
  min-width: 120px;
  max-width: 300px;
}
.mvbar--page .gis-hsearch {
  flex: 1 1 140px;
  min-width: 140px;
  max-width: 320px;
}

@media (max-width: 1399.98px) {
  .mvbar--page .mvbar__views {
    order: 10;
    flex: 1 0 100%;
  }
}
@media (max-width: 767.98px) {
  .mvbar--page .mvbar__tools {
    order: 11;
    flex: 1 0 100%;
  }
}
.sd-root {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1e293b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sd-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5rem 2rem;
  color: #475569;
  gap: 1rem;
}
.sd-loading__spinner {
  width: 28px;
  height: 28px;
  border: 2.5px solid #e2e8f0;
  border-top-color: #193f87;
  border-radius: 50%;
  animation: sd-spin 0.7s linear infinite;
}

@keyframes sd-spin {
  to {
    transform: rotate(360deg);
  }
}
.sd-section {
  margin-bottom: 2rem;
}
.sd-section__divider {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding-top: 0.5rem;
}
.sd-section__divider::before, .sd-section__divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, #e2e8f0, transparent);
}
.sd-section__divider-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #475569;
  white-space: nowrap;
}

.sd-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1024px) {
  .sd-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .sd-metrics {
    grid-template-columns: 1fr;
  }
}

.sd-metric {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  padding: 1.25rem 1.25rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sd-metric::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--metric-color, #193f87);
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sd-metric:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
  transform: translateY(-1px);
}
.sd-metric:hover::before {
  opacity: 1;
}
.sd-metric__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--metric-accent, #f1f5f9);
  color: var(--metric-color, #193f87);
  flex-shrink: 0;
}
.sd-metric__icon-wrap svg {
  width: 20px;
  height: 20px;
}
.sd-metric__body {
  flex: 1;
  min-width: 0;
}
.sd-metric__value {
  font-size: calc(var(--edc-fs-display) * 24.5 / 24);
  font-weight: 800;
  line-height: 1.1;
  color: #0f172a;
  letter-spacing: -0.025em;
}
.sd-metric__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 500;
  color: #475569;
  margin-top: 0.125rem;
}
.sd-metric__sub {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  color: #475569;
  margin-top: 0.125rem;
}
.sd-metric__ring {
  flex-shrink: 0;
  margin-left: auto;
}

.sd-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  margin-bottom: 1rem;
  overflow: hidden;
}
.sd-card--elevated {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}
.sd-card--attention > .sd-card__header {
  background: #fef7f7;
  border-bottom-color: #fbe0e0;
}
.sd-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #f1f5f9;
  gap: 1rem;
}
.sd-card__body {
  padding: 1.25rem;
}

.sd-section-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}
.sd-section-header__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #f8fafc;
  flex-shrink: 0;
}
.sd-section-header__text {
  flex: 1;
  min-width: 0;
}
.sd-section-header__title {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  line-height: 1.3;
}
.sd-section-header__subtitle {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  margin: 0;
  margin-top: 0.0625rem;
}
.sd-section-header__action {
  flex-shrink: 0;
}

.sd-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  line-height: 1.4;
}
.sd-btn--primary {
  background: #193f87;
  color: #fff;
  box-shadow: 0 1px 2px rgba(25, 63, 135, 0.3);
}
.sd-btn--primary:hover {
  background: rgb(20.21875, 50.95125, 109.18125);
  box-shadow: 0 2px 8px rgba(25, 63, 135, 0.35);
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
}
.sd-btn--success {
  background: #059669;
  color: #fff;
  box-shadow: 0 1px 2px rgba(5, 150, 105, 0.3);
}
.sd-btn--success:hover {
  background: rgb(4.0129032258, 120.3870967742, 84.2709677419);
  color: #fff;
  text-decoration: none;
}
.sd-btn--outline {
  background: #fff;
  color: #334155;
  border-color: #cbd5e1;
}
.sd-btn--outline:hover {
  background: #f8fafc;
  border-color: #475569;
  color: #334155;
  text-decoration: none;
}
.sd-btn--ghost {
  background: transparent;
  color: #475569;
  padding: 0.375rem 0.625rem;
}
.sd-btn--ghost:hover {
  background: #f1f5f9;
  color: #1e293b;
  text-decoration: none;
}
.sd-btn--sm {
  padding: 0.3125rem 0.625rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}

.sd-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.sd-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.sd-table thead th {
  padding: 0.625rem 1rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #475569;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  white-space: nowrap;
  text-align: left;
}
.sd-table__right {
  text-align: right !important;
}
.sd-table tbody td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}
.sd-table__row {
  transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sd-table__row:hover {
  background: #f8fafc;
}
.sd-table__row:last-child td {
  border-bottom: none;
}
.sd-table__link {
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sd-table__link:hover {
  color: #193f87;
  text-decoration: none;
}
.sd-table__category {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 500;
  color: #475569;
  background: #f1f5f9;
  border-radius: 99px;
}
.sd-table__date {
  color: #475569;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.sd-table__responses {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.sd-table__responses strong {
  color: #0f172a;
  font-weight: 700;
}

.sd-progress {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 120px;
}
.sd-progress__track {
  flex: 1;
  height: 6px;
  background: #f1f5f9;
  border-radius: 99px;
  overflow: hidden;
}
.sd-progress__fill {
  height: 100%;
  border-radius: 99px;
  transition: width 0.6s ease;
}
.sd-progress__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  min-width: 2.5rem;
  text-align: right;
}

.sd-velocity-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.sd-sparkline {
  display: block;
  flex-shrink: 0;
}

.sd-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.1875rem 0.5rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  border-radius: 99px;
  white-space: nowrap;
}
.sd-badge--success {
  background: rgba(5, 150, 105, 0.1);
  color: #059669;
}
.sd-badge--danger {
  background: rgba(220, 38, 38, 0.1);
  color: #dc2626;
}
.sd-badge--info {
  background: rgba(25, 63, 135, 0.1);
  color: #193f87;
}
.sd-badge--muted {
  background: #f1f5f9;
  color: #475569;
}
.sd-badge--warn {
  background: rgba(217, 119, 6, 0.12);
  color: #d97706;
}
.sd-badge--review {
  background: rgba(124, 58, 237, 0.1);
  color: #7c3aed;
}
.sd-badge--dotted {
  padding-left: 0.4375rem;
}
.sd-badge__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex: none;
}

.sd-ident {
  min-width: 0;
}
.sd-ident__primary {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-width: 0;
}
.sd-ident__sub {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  color: #475569;
  margin-top: 0.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sd-attn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 4px;
  background: rgba(220, 38, 38, 0.12);
  color: #dc2626;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.75 / 10);
  font-weight: 800;
  line-height: 1;
  flex: none;
  cursor: default;
}

.sd-deadline {
  display: inline-flex;
  align-items: baseline;
  gap: 0.375rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
}
.sd-deadline__in {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  color: #475569;
}
.sd-deadline--soon {
  color: #d97706;
}
.sd-deadline--soon .sd-deadline__in {
  color: #d97706;
}
.sd-deadline--critical {
  color: #dc2626;
}
.sd-deadline--critical .sd-deadline__in {
  color: #dc2626;
}
.sd-deadline--past, .sd-deadline--none {
  color: #475569;
  font-weight: 500;
}

.sd-seg {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: #f1f5f9;
  border-radius: 99px;
  padding: 0.1875rem;
}
.sd-seg__chip {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  border-radius: 99px;
  padding: 0.3125rem 0.75rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sd-seg__chip:hover {
  color: #334155;
}
.sd-seg__chip:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 1px;
}
.sd-seg__chip.is-active {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.sd-seg__count {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.75 / 10);
  font-weight: 700;
  color: #475569;
  background: #f1f5f9;
  border-radius: 99px;
  padding: 0.0625rem 0.375rem;
}
.is-active .sd-seg__count {
  background: #f1f5f9;
  color: #475569;
}

.sd-card__header-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sd-table__row--ended {
  background: #f8fafc;
}
.sd-table__row--ended .sd-table__link {
  color: #64748b;
}

.sd-table__none {
  text-align: center;
  color: #475569;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  padding: 1.5rem 1rem !important;
}

.sd-drafts {
  padding: 0.25rem 0;
}

.sd-draft-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid #f1f5f9;
  transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  gap: 1rem;
}
.sd-draft-item:last-child {
  border-bottom: none;
}
.sd-draft-item:hover {
  background: #f8fafc;
}
.sd-draft-item__info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.sd-draft-item__name {
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sd-draft-item__name:hover {
  color: #193f87;
  text-decoration: none;
}
.sd-draft-item__date {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  color: #475569;
  margin-top: 0.125rem;
}
.sd-draft-item__actions {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}

.sd-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.5rem 2rem;
  text-align: center;
}
.sd-empty__icon {
  margin-bottom: 1rem;
  opacity: 0.4;
}
.sd-empty__title {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  color: #334155;
  margin: 0 0 0.375rem;
}
.sd-empty__desc {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  margin: 0 0 1.25rem;
  max-width: 300px;
}

.sd-analytics-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media (max-width: 1100px) {
  .sd-analytics-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 700px) {
  .sd-analytics-grid {
    grid-template-columns: 1fr;
  }
}

.sd-funnel {
  margin-bottom: 1.25rem;
}
.sd-funnel__row {
  margin-bottom: 0.875rem;
}
.sd-funnel__row:last-child {
  margin-bottom: 0;
}
.sd-funnel__label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.375rem;
}
.sd-funnel__stage {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #334155;
}
.sd-funnel__stat {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 700;
}
.sd-funnel__pct {
  font-weight: 500;
  opacity: 0.7;
}
.sd-funnel__track {
  height: 8px;
  background: #f1f5f9;
  border-radius: 99px;
  overflow: hidden;
}
.sd-funnel__fill {
  height: 100%;
  border-radius: 99px;
  animation: sd-fill-in 0.8s ease forwards;
  transform-origin: left;
}
.sd-funnel__summary {
  display: flex;
  gap: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #f1f5f9;
}

@keyframes sd-fill-in {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.sd-mini-stat {
  display: flex;
  flex-direction: column;
}
.sd-mini-stat__value {
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  font-weight: 800;
  line-height: 1.2;
}
.sd-mini-stat__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.75 / 10);
  font-weight: 600;
  color: #475569;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-top: 0.0625rem;
}

.sd-dropoff {
  flex: 1;
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 120px;
  padding-bottom: 1.5rem;
  margin-bottom: 1rem;
  border-left: 1px solid #f1f5f9;
  padding-left: 8px;
}
.sd-dropoff__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.sd-dropoff__bar-wrap {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.sd-dropoff__bar {
  width: 100%;
  border-radius: 3px 3px 0 0;
  min-height: 4px;
  transition: height 0.6s ease;
}
.sd-dropoff__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  color: #475569;
  margin-top: 0.375rem;
}

.sd-dropq-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sd-dropq {
  padding: 0.5rem 0;
}
.sd-dropq:not(:last-child) {
  border-bottom: 1px solid #f8fafc;
}
.sd-dropq__top {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-bottom: 0.375rem;
}
.sd-dropq__label {
  flex: 1;
  min-width: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.35;
  font-weight: 600;
  color: #1e293b;
  overflow-wrap: anywhere;
}
.sd-dropq__pct {
  flex-shrink: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #1e293b;
  font-variant-numeric: tabular-nums;
}
.sd-dropq__track {
  height: 8px;
  background: #f1f5f9;
  border-radius: 99px;
  overflow: hidden;
}
.sd-dropq__fill {
  height: 100%;
  border-radius: 99px;
  transition: width 0.6s ease;
}
.sd-dropq__meta {
  margin: 0.375rem 0 0;
  font-size: var(--edc-fs-eyebrow);
  line-height: 1.4;
  color: #475569;
}
.sd-dropq__note {
  margin: 0.625rem 0 0;
  padding-top: 0.625rem;
  border-top: 1px solid #f1f5f9;
  font-size: var(--edc-fs-eyebrow);
  line-height: 1.5;
  color: #475569;
}
.sd-dropq__clean {
  margin: 0;
  padding: 1rem 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}

.sd-velocity-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding: 0.5rem 0;
}

.sd-velocity-ring {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
}
.sd-velocity-ring__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
}
.sd-velocity-ring__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  font-weight: 800;
}
.sd-velocity-ring__circle--success {
  background: rgba(5, 150, 105, 0.1);
  color: #059669;
  border: 2px solid rgba(5, 150, 105, 0.2);
}
.sd-velocity-ring__circle--info {
  background: rgba(25, 63, 135, 0.1);
  color: #193f87;
  border: 2px solid rgba(25, 63, 135, 0.2);
}
.sd-velocity-ring__circle--danger {
  background: rgba(220, 38, 38, 0.1);
  color: #dc2626;
  border: 2px solid rgba(220, 38, 38, 0.2);
}
.sd-velocity-ring__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.75 / 10);
  font-weight: 600;
  color: #475569;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.sd-velocity-avg {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
}
.sd-velocity-avg__number {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.02em;
}
.sd-velocity-avg__unit {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
  font-weight: 500;
}

.sd-insights-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 800px) {
  .sd-insights-grid {
    grid-template-columns: 1fr;
  }
}

.sd-attention-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0;
  gap: 1rem;
}
.sd-attention-item:not(:last-child) {
  border-bottom: 1px solid #f1f5f9;
}
.sd-attention-item__info {
  flex: 1;
  min-width: 0;
}
.sd-attention-item__name {
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sd-attention-item__name:hover {
  color: #193f87;
  text-decoration: none;
}
.sd-attention-item__meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
}

.sd-sentiment-bars {
  margin-bottom: 1.25rem;
}

.sd-sentiment-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.625rem;
}
.sd-sentiment-row:last-child {
  margin-bottom: 0;
}
.sd-sentiment-row__label {
  width: 62px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
  flex-shrink: 0;
}
.sd-sentiment-row__track {
  flex: 1;
  height: 8px;
  background: #f1f5f9;
  border-radius: 99px;
  overflow: hidden;
}
.sd-sentiment-row__fill {
  height: 100%;
  border-radius: 99px;
  transition: width 0.6s ease;
}
.sd-sentiment-row__pct {
  width: 34px;
  text-align: right;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #1e293b;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}
.sd-sentiment-row__count {
  width: 46px;
  margin-left: -0.375rem;
  text-align: right;
  font-size: var(--edc-fs-eyebrow);
  color: #475569;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}

.sd-sentiment-note {
  margin: 0.5rem 0 0;
  font-size: var(--edc-fs-eyebrow);
  line-height: 1.5;
  color: #475569;
}

.sd-sentiment-none {
  margin: 0 0 1rem;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}

.sd-wordcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem 0.5rem;
  justify-content: center;
  padding: 0.75rem 0;
}
.sd-wordcloud__word {
  display: inline-block;
  color: #7c3aed;
  font-weight: 600;
  cursor: default;
  transition: transform 0.15s ease, opacity 0.15s ease;
  line-height: 1.3;
}
.sd-wordcloud__word:hover {
  transform: scale(1.12);
  opacity: 1 !important;
}

.sd-progress-ring {
  display: block;
}

.ed-funnel-mini {
  min-width: 140px;
}
.ed-funnel-mini__track {
  position: relative;
  height: 6px;
  background: #f1f5f9;
  border-radius: 99px;
  overflow: hidden;
  margin-bottom: 0.25rem;
}
.ed-funnel-mini__seg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 99px;
  transition: width 0.6s ease;
}
.ed-funnel-mini__seg--delivered {
  background: #193f87;
  z-index: 1;
}
.ed-funnel-mini__seg--opened {
  background: #7c3aed;
  z-index: 2;
}
.ed-funnel-mini__seg--clicked {
  background: #059669;
  z-index: 3;
}
.ed-funnel-mini__labels {
  display: flex;
  gap: 0.5rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 7.875 / 10);
  font-weight: 600;
}

.ed-send-time {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  height: 120px;
  padding-bottom: 2.5rem;
}
.ed-send-time__day {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.ed-send-time__bar-wrap {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.ed-send-time__bar {
  width: 70%;
  max-width: 32px;
  border-radius: 4px 4px 0 0;
  min-height: 4px;
  background: #cbd5e1;
  transition: height 0.6s ease, background 0.3s ease;
}
.ed-send-time__bar--best {
  background: #d97706;
  box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.2);
}
.ed-send-time__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 700;
  color: #475569;
  margin-top: 0.375rem;
}
.ed-send-time__rate {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 7.875 / 10);
  font-weight: 600;
  color: #475569;
  margin-top: 0.125rem;
}

.ed-performer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0;
}
.ed-performer:not(:last-of-type) {
  border-bottom: 1px solid #f1f5f9;
}
.ed-performer__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  flex-shrink: 0;
}
.ed-performer__info {
  flex: 1;
  min-width: 0;
}
.ed-performer__label {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.75 / 10);
  font-weight: 600;
  color: #475569;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ed-performer__name {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #1e293b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ed-performer__value {
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  font-weight: 800;
  flex-shrink: 0;
}

.sd-badge--link {
  text-decoration: none;
  cursor: pointer;
  transition: filter 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sd-badge--link:hover {
  filter: brightness(0.92);
  text-decoration: none;
}
.sd-badge--link:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 1px;
}

.sd-flash {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  margin-bottom: 1rem;
}
.sd-flash--success {
  background: rgba(5, 150, 105, 0.08);
  color: rgb(4.1774193548, 125.3225806452, 87.7258064516);
  border: 1px solid rgba(5, 150, 105, 0.25);
}

.rpt {
  max-width: 1100px;
  margin: 0 auto;
}

.rpt-head {
  padding: 4px 4px 20px;
}

.rpt-head__crumb {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
  margin-bottom: 6px;
}

.rpt-head__title {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: #0f172a;
}

.rpt-head__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  flex-wrap: wrap;
}

.rpt-head__period {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475569;
}

.rpt-head__note {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}

.rpt-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.rpt-kpi {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px 18px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.rpt-kpi__value {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: #0f172a;
}

.rpt-kpi__of {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 500;
  color: #475569;
}

.rpt-kpi__label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  margin-top: 2px;
}

.rpt-section {
  margin-bottom: 20px;
}

.rpt-section__body {
  padding: 4px 20px 20px;
}

.rpt-change-metrics {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.rpt-change-metric__label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  margin-bottom: 4px;
}

.rpt-change-metric__values {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rpt-change-metric__prior {
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  color: #475569;
}

.rpt-change-metric__arrow {
  color: #475569;
}

.rpt-change-metric__this {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: #0f172a;
}

.rpt-movers {
  margin-top: 18px;
}

.rpt-movers__title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475569;
  margin-bottom: 8px;
}

.rpt-dist {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.rpt-dist__row {
  display: grid;
  grid-template-columns: minmax(140px, 240px) minmax(0, 1fr) 84px;
  align-items: center;
  gap: 10px;
}

.rpt-dist__label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #334155;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.rpt-dist__track {
  height: 14px;
  background: #f1f5f9;
  border-radius: 6px;
  overflow: hidden;
}

.rpt-dist__fill {
  height: 100%;
  border-radius: 6px;
  transition: width 0.4s ease;
}

.rpt-dist__count {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: #475569;
  text-align: right;
}

.rpt-results {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.rpt-q__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 8px;
  gap: 12px;
}

.rpt-q__label {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #1e293b;
}

.rpt-q__answered {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  white-space: nowrap;
}

.rpt-numeric {
  display: flex;
  gap: 20px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
}

.rpt-numeric strong {
  color: #0f172a;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
}

.rpt-textcount {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}

.rpt-flag__item {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  padding: 3px 0;
}
.rpt-flag__item + .rpt-flag__item {
  border-top: 1px dashed #e2e8f0;
}

.rpt-flag__signal {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
  flex: 1 1 200px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.rpt-themes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: baseline;
}

.rpt-theme {
  color: #334155;
  font-weight: 600;
}

.rpt-theme__n {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
  margin-left: 3px;
  vertical-align: super;
}

.rpt-more {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  padding: 8px 0 0;
}

.rpt-sentiment {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}

.rpt-sentiment__item {
  min-width: 220px;
}

.rpt-sentiment__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 8px;
  max-width: 320px;
}

.rpt-sentiment__figures {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}

.rpt-sentiment__avg strong {
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  color: #0f172a;
}

.rpt-sentiment__avg span, .rpt-sentiment__topbox span {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}

.rpt-sentiment__topbox strong {
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  color: #059669;
}

.rpt-rating-bars {
  display: flex;
  gap: 6px;
  align-items: flex-end;
  height: 56px;
}

.rpt-rating-bar {
  width: 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

.rpt-rating-bar__fill {
  width: 100%;
  background: #059669;
  border-radius: 4px 4px 0 0;
  min-height: 2px;
  opacity: 0.85;
}

.rpt-rating-bar__n {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
  margin-top: 4px;
}

.rpt-health {
  display: flex;
  align-items: flex-end;
  gap: 32px;
  flex-wrap: wrap;
}

.rpt-health__value {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: #0f172a;
}

.rpt-health__label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  margin-top: 2px;
}

.rpt-health__spark {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 44px;
  margin-left: auto;
}

.rpt-health__sparkbar {
  width: 8px;
  background: #193f87;
  border-radius: 2px 2px 0 0;
  min-height: 2px;
  opacity: 0.8;
}

.preview-btn-div {
  position: static !important;
  top: auto;
  right: auto;
  margin-top: 12px;
  margin-bottom: 4px;
}
.preview-btn-div > .col {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 0;
  justify-content: flex-end;
}

.icon-action {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: inherit;
  line-height: 1;
}
.icon-action:disabled {
  cursor: default;
  opacity: 0.35;
}
.icon-action:hover:not(:disabled) {
  color: #193f87;
}

.icon-action:focus-visible,
.section-break-card:focus-visible,
.question-card:focus-within {
  outline: 2px solid #193f87;
  outline-offset: 2px;
  border-radius: 6px;
}

.rollup-zone-header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 20px 0 10px;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #334155;
}
.rollup-zone-header > .fa {
  margin-top: 3px;
  font-size: var(--edc-fs-body);
  color: #475569;
  flex: 0 0 auto;
}
.rollup-zone-header__title {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 700;
  line-height: 1.4;
  color: #0f172a;
  text-shadow: none;
  letter-spacing: 0;
  text-transform: none;
}
.rollup-zone-header__text {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.5;
  color: #475569;
}

.locked-q {
  padding: 2px 4px 0;
}
.locked-q__tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #334155;
}
.locked-q__tag .fa-lock {
  font-size: var(--edc-fs-label);
  color: #475569;
}
.locked-q__kind {
  margin-left: auto;
  padding: 1px 8px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #cbd5e1;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #475569;
}
.locked-q__body {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  cursor: default;
}
.locked-q__num {
  flex: 0 0 auto;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 999px;
  background: #e2e8f0;
  color: #334155;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}
.locked-q__field {
  flex: 1 1 auto;
  min-width: 0;
}
.locked-q__field > div {
  margin-bottom: 4px !important;
}
.locked-q__field input, .locked-q__field select, .locked-q__field textarea, .locked-q__field .form-control, .locked-q__field .form-select {
  background: #eef1f5 !important;
  border-color: #cbd5e1 !important;
  color: #64748b !important;
  box-shadow: none !important;
}
.locked-q__field input[type=radio], .locked-q__field input[type=checkbox] {
  opacity: 0.55;
  filter: grayscale(1);
}
.locked-q__field input::-moz-placeholder, .locked-q__field textarea::-moz-placeholder {
  color: #94a3b8;
}
.locked-q__field input::placeholder, .locked-q__field textarea::placeholder {
  color: #94a3b8;
}
.locked-q__field label, .locked-q__field .form-check-label {
  color: #64748b;
}
.locked-q__untitled {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
}

.rollup-zone-divider {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 22px 0 14px;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.45;
}
.rollup-zone-divider > i {
  margin-top: 2px;
  flex: 0 0 auto;
}
.rollup-zone-divider strong {
  display: block;
  margin-bottom: 2px;
}
.rollup-zone-divider.rollup-zone-divider--core {
  color: #0b4a6f;
  background: #e7f2f9;
  border: 1px solid #b9d7ea;
}
.rollup-zone-divider.rollup-zone-divider--local {
  color: #4a4a4a;
  background: #f2f2f2;
  border: 1px solid #d4d4d4;
}

.rollup-role-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #0b4a6f;
  background: #e7f2f9;
  border: 1px solid #b9d8ea;
  white-space: nowrap;
  vertical-align: middle;
}

.builder-layout {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.builder-layout__main {
  flex: 1 1 auto;
  min-width: 0;
}
.builder-layout__main .card {
  position: relative;
}

@media (max-width: 1100px) {
  .builder-layout {
    flex-wrap: wrap;
  }
  .builder-layout__main {
    flex-basis: 100%;
  }
}
.builder-add-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0 4px;
  margin-top: 4px;
}
.builder-add-row--centered {
  position: static;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 0;
}

.builder-layout__main--docked {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.builder-layout__main--docked > .card {
  flex: 1 1 auto;
  min-width: 0;
  order: 1;
}

.builder-dock {
  order: 2;
  flex: 0 0 40px;
  width: 40px;
  position: relative;
}
.builder-dock__btn {
  position: sticky;
  top: calc(100vh - 176px);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 40px;
  min-width: 0;
  padding: 12px 0;
  background: #fff;
  border: 1.5px solid #193f87;
  border-radius: 10px;
  color: #193f87;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.builder-dock__btn:hover {
  background: rgba(25, 63, 135, 0.1);
}
.builder-dock__btn:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}
.builder-dock__btn.is-hidden {
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  visibility: hidden;
}
.builder-dock__label {
  writing-mode: vertical-rl;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  letter-spacing: 0.02em;
}

@media (prefers-reduced-motion: reduce) {
  .builder-dock__btn {
    transition: none;
  }
}
@media print {
  .builder-dock {
    display: none;
  }
}
.add-question-cta.MuiButton-root {
  border: 1.5px solid #193f87;
  color: #193f87;
  font-weight: 600;
  text-transform: none;
  border-radius: 10px;
  padding: 8px 18px;
}
.add-question-cta.MuiButton-root:hover {
  border-color: #193f87;
  background: rgba(25, 63, 135, 0.1);
}

.builder-empty-hint {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.builder-empty-hint strong {
  color: #334155;
}

.question-palette.MuiPaper-root {
  width: 480px;
  max-width: calc(100vw - 32px);
  max-height: 520px;
  overflow-y: auto;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
}

.question-palette__inner {
  padding: 14px;
}

.question-palette__filter {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 9px 12px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #0f172a;
  margin-bottom: 12px;
}
.question-palette__filter::-moz-placeholder {
  color: #64748b;
}
.question-palette__filter::placeholder {
  color: #64748b;
}
.question-palette__filter:focus {
  outline: none;
  border-color: #193f87;
  box-shadow: 0 0 0 3px rgba(25, 63, 135, 0.1);
}

.question-palette__section-h {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #334155;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 12px 4px 8px;
}

.question-palette__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.question-palette__rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.qp-tile {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  text-align: left;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px;
  cursor: pointer;
  width: 100%;
}
.qp-tile:hover, .qp-tile:focus-visible {
  outline: none;
  border-color: #193f87;
  background: rgba(25, 63, 135, 0.1);
}
.qp-tile--row {
  align-items: center;
}
.qp-tile--lib {
  align-items: flex-start;
}
.qp-tile__icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(25, 63, 135, 0.1);
  color: #193f87;
}
.qp-tile__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.qp-tile__name {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
  color: #0f172a;
  line-height: 1.25;
}
.qp-tile__desc {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
  line-height: 1.3;
  margin-top: 2px;
}

.qp-lib-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.qp-lib-type,
.qp-lib-role {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 999px;
}

.qp-lib-type {
  color: #193f87;
  background: rgba(25, 63, 135, 0.1);
}

.qp-lib-role {
  color: #0b4a6f;
  background: #e7f2f9;
}

.question-palette__back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  color: #193f87;
  font-weight: 600;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  padding: 4px;
  margin-bottom: 6px;
  cursor: pointer;
}
.question-palette__back:hover {
  text-decoration: underline;
}

.question-palette__lib-group {
  margin-bottom: 6px;
}

.question-palette__empty {
  padding: 18px 8px;
  text-align: center;
  color: #475569;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.builder-preview-pane {
  flex: 0 0 420px;
  width: 420px;
  align-self: stretch;
  position: sticky;
  top: 16px;
  max-height: calc(100vh - 32px);
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
}
.builder-preview-pane__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
}
.builder-preview-pane__title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #334155;
  margin-right: auto;
}
.builder-preview-pane__devices.MuiToggleButtonGroup-root .MuiToggleButton-root {
  text-transform: none;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #475569;
  border-color: #e2e8f0;
  padding: 3px 10px;
}
.builder-preview-pane__devices.MuiToggleButtonGroup-root .MuiToggleButton-root.Mui-selected {
  background: #193f87;
  color: #fff;
}
.builder-preview-pane__devices.MuiToggleButtonGroup-root .MuiToggleButton-root.Mui-selected:hover {
  background: #193f87;
}
.builder-preview-pane__collapse {
  background: none;
  border: none;
  color: #475569;
  cursor: pointer;
  display: inline-flex;
  padding: 4px;
  border-radius: 6px;
}
.builder-preview-pane__collapse:hover {
  background: #eef2ff;
  color: #193f87;
}
.builder-preview-pane__collapse:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 1px;
}
.builder-preview-pane__body {
  flex: 1 1 auto;
  overflow: auto;
  background: #f1f5f9;
  padding: 12px;
}
.builder-preview-pane__empty {
  text-align: center;
  color: #475569;
  padding: 40px 16px;
}
.builder-preview-pane__empty p {
  font-weight: 600;
  color: #334155;
  margin: 0 0 4px;
}
.builder-preview-pane__empty span {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
}

.builder-preview-frame {
  background: #fff;
}
.builder-preview-frame--phone {
  width: 390px;
  max-width: 100%;
  margin: 0 auto;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(15, 23, 42, 0.12);
}
.builder-preview-frame--desktop {
  width: 100%;
}

.style-drawer__scrim {
  position: absolute;
  inset: 0;
  z-index: 30;
  background: rgba(15, 23, 42, 0.28);
  animation: style-drawer-fade 0.15s ease;
}

@keyframes style-drawer-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes style-drawer-slide {
  from {
    transform: translateX(-24px);
    opacity: 0.4;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.style-drawer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 31;
  display: flex;
  flex-direction: column;
  width: 400px;
  max-width: 100%;
  min-height: 460px;
  background: #fff;
  border-right: 1px solid #e2e8f0;
  box-shadow: 4px 0 24px rgba(15, 23, 42, 0.1);
  animation: style-drawer-slide 0.18s ease;
}
.style-drawer__header {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
}
.style-drawer__title {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 600;
  color: #0f172a;
}
.style-drawer__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  color: #475569;
  padding: 4px;
  border-radius: 6px;
  cursor: pointer;
}
.style-drawer__close:hover {
  background: #eef2ff;
  color: #193f87;
}
.style-drawer__close:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 1px;
}
.style-drawer__body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 4px 16px 24px;
}
.style-drawer__section {
  padding: 16px 0;
  border-bottom: 1px solid #f1f5f9;
}
.style-drawer__section:last-child {
  border-bottom: none;
}
.style-drawer__label {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #334155;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.style-drawer__error {
  margin: 8px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #b91c1c;
}

.style-brand-card {
  padding: 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}
.style-brand-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.style-brand-card__logo {
  flex: 0 0 auto;
  width: 96px;
  height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e2e8f0;
  padding: 4px 6px;
}
.style-brand-card__logo--empty {
  width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
}
.style-brand-card__meta {
  min-width: 0;
  flex: 1 1 auto;
}
.style-brand-card__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #0f172a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style-brand-card__swatches {
  display: flex;
  gap: 6px;
  margin-top: 6px;
}
.style-brand-card__swatch {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid rgba(15, 23, 42, 0.12);
}
.style-brand-card__status {
  flex: 0 0 auto;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  border-radius: 999px;
  padding: 3px 10px;
  white-space: nowrap;
}
.style-brand-card__status--set {
  color: #334155;
  background: #e2e8f0;
}
.style-brand-card__status--unset {
  color: #7c4a03;
  background: #fef3c7;
}
.style-brand-card__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
}
.style-brand-card__actions .style-btn {
  margin-top: 0;
}
.style-brand-card__chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #166534;
  background: #dcfce7;
  border-radius: 999px;
  padding: 4px 12px;
}
.style-brand-card__manage {
  display: inline-block;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #193f87;
  text-decoration: none;
  border-radius: 4px;
}
.style-brand-card__manage:hover {
  text-decoration: underline;
}
.style-brand-card__manage:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}
.style-brand-card__error {
  flex-basis: 100%;
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #b91c1c;
}

.style-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  border-radius: 8px;
  padding: 8px 14px;
  cursor: pointer;
  border: 1px solid transparent;
}
.style-btn--primary {
  background: #193f87;
  color: #fff;
}
.style-btn--primary:hover {
  background: #12356f;
}
.style-btn--ghost {
  background: #fff;
  color: #193f87;
  border-color: #cbd5e1;
}
.style-btn--ghost:hover {
  border-color: #193f87;
  background: rgba(25, 63, 135, 0.1);
}
.style-btn:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}

.style-swatch-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.style-swatch {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: transform 0.08s ease;
}
.style-swatch:hover {
  transform: scale(1.06);
}
.style-swatch.is-selected {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
}
.style-swatch:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}

.style-hex {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
.style-hex__label {
  margin: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
}
.style-hex__picker {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: none;
  cursor: pointer;
}
.style-hex__text {
  width: 100px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #0f172a;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 6px 10px;
}
.style-hex__text:focus {
  outline: none;
  border-color: #193f87;
  box-shadow: 0 0 0 3px rgba(25, 63, 135, 0.1);
}

.style-dropzone-wrap {
  margin-top: 2px;
}

.style-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  padding: 22px 16px;
  border: 1.5px dashed #cbd5e1;
  border-radius: 12px;
  background: #f8fafc;
  cursor: pointer;
}
.style-dropzone:hover, .style-dropzone.is-dragging {
  border-color: #193f87;
  background: rgba(25, 63, 135, 0.1);
}
.style-dropzone:focus-within {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}
.style-dropzone__prompt {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
}
.style-dropzone__prompt strong {
  color: #334155;
  font-weight: 600;
}
.style-dropzone__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.style-dropzone__help {
  margin: 8px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #475569;
}

.style-thumb {
  position: relative;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  background: #f8fafc;
}
.style-thumb img {
  display: block;
  width: 100%;
  max-height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
  padding: 10px;
}
.style-thumb--tall img {
  max-height: 120px;
}
.style-thumb__remove {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #b91c1c;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 4px 8px;
  cursor: pointer;
}
.style-thumb__remove:hover {
  background: #fef2f2;
}
.style-thumb__remove:focus-visible {
  outline: 2px solid #b91c1c;
  outline-offset: 1px;
}

.style-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #334155;
  cursor: pointer;
}
.style-toggle input {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.qcard-num {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(25, 63, 135, 0.1);
  color: #193f87;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
}

.qcard-collapsed {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 4px 10px;
  cursor: pointer;
}
.qcard-collapsed__label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #0f172a;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qcard-collapsed__placeholder {
  color: #475569;
  font-style: italic;
  font-weight: 400;
}
.qcard-collapsed__actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  opacity: 0;
  transition: opacity 0.12s ease;
}

.qcard-collapsed:hover .qcard-collapsed__actions,
.qcard-collapsed:focus-within .qcard-collapsed__actions,
.qcard-collapsed:focus-visible .qcard-collapsed__actions {
  opacity: 1;
}

.qcard-collapsed:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
  border-radius: 8px;
}

.qcard-chips {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 0 0 auto;
}

.qcard-chip {
  display: inline-flex;
  align-items: center;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  padding: 2px 9px;
  border-radius: 999px;
  white-space: nowrap;
  line-height: 1.5;
}
.qcard-chip--type {
  color: #193f87;
  background: rgba(25, 63, 135, 0.1);
}
.qcard-chip--role {
  color: #0b4a6f;
  background: #e7f2f9;
}
.qcard-chip--required {
  color: #b45309;
  background: #fef3c7;
}
.qcard-chip--hidden {
  color: #475569;
  background: #e2e8f0;
}
.qcard-chip--section {
  color: #193f87;
  background: rgba(25, 63, 135, 0.1);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
}

.qcard-expanded {
  padding: 12px 4px 6px;
}
.qcard-expanded__top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.qcard-expanded__spacer {
  flex: 1 1 auto;
}
.qcard-expanded__actions {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.qcard-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.qcard-field-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}
.qcard-field-row__label {
  flex: 1 1 auto;
  min-width: 0;
}
.qcard-field-row__type {
  flex: 0 0 190px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.qcard-field-row__type .form-control-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #475569;
  margin: 0;
}

@media (max-width: 720px) {
  .qcard-field-row {
    flex-direction: column;
  }
  .qcard-field-row__type {
    flex-basis: auto;
    width: 100%;
  }
}
.qcard-label-input {
  font-size: var(--edc-fs-body);
  font-weight: 500;
  color: #0f172a;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  resize: vertical;
}
.qcard-label-input::-moz-placeholder {
  color: #475569;
}
.qcard-label-input::placeholder {
  color: #475569;
}
.qcard-label-input:focus {
  border-color: #193f87;
  box-shadow: 0 0 0 3px rgba(25, 63, 135, 0.1);
}

.qcard-type-select {
  color: #0f172a;
}

.qcard-option-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0;
}
.qcard-option-row .qcard-option-num {
  flex: 0 0 auto;
  width: 22px;
  text-align: right;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #475569;
}
.qcard-option-row .qcard-option-input {
  flex: 1 1 auto;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
}
.qcard-option-row .qcard-option-input:focus {
  border-color: #193f87;
  box-shadow: 0 0 0 3px rgba(25, 63, 135, 0.1);
}
.qcard-option-row .qcard-option-del {
  color: #64748b;
}
.qcard-option-row .qcard-option-del:hover {
  color: #dc2626;
}
.qcard-option-row .qcard-add-filter {
  flex: 0 0 auto;
  white-space: nowrap;
}

.qcard-add-option-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 4px 32px;
}

.qcard-choice-settings {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  margin: 6px 0 4px 32px;
}

.qcard-choice-settings__note {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.qcard-option-goto-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -2px 0 8px 32px;
}

.qcard-option-goto-row__label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  white-space: nowrap;
}

.qcard-option-goto {
  width: auto;
  max-width: 320px;
  min-width: 0;
  font-size: var(--edc-fs-secondary);
}

.qcard-add-option {
  background: none;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  color: #193f87;
  font-weight: 600;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  padding: 7px 14px;
  cursor: pointer;
  transition: border-color 0.12s ease, background 0.12s ease;
}
.qcard-add-option:hover {
  border-color: #193f87;
  background: rgba(25, 63, 135, 0.1);
}
.qcard-add-option:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}

.qcard-settings {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #eef2f6;
}
.qcard-settings .MuiFormControlLabel-label {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #334155;
  font-weight: 500;
}

.qcard-setting {
  display: inline-flex;
  align-items: center;
}

.qcard-role {
  gap: 8px;
}
.qcard-role__label {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
}
.qcard-role__select {
  width: auto;
  min-width: 170px;
}
.qcard-role__hint {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #475569;
}

@media (max-width: 720px) {
  .qcard-role__hint {
    display: none;
  }
}
.qcard-crm {
  gap: 8px;
}
.qcard-crm__mapped {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 600;
  color: #193f87;
  background: rgba(25, 63, 135, 0.1);
  padding: 2px 9px;
  border-radius: 999px;
}

.section-break-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 3px solid #193f87;
  border-radius: 8px;
  margin: 12px 0;
  position: relative;
  transition: box-shadow 0.15s ease;
}
.section-break-card:hover {
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.07);
}
.section-break-card__actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  opacity: 0;
  transition: opacity 0.12s ease;
}

.section-break-card:hover .section-break-card__actions,
.section-break-card:focus-within .section-break-card__actions {
  opacity: 1;
}

.builder-preview-rail {
  flex: 0 0 auto;
  align-self: flex-start;
  position: sticky;
  top: 16px;
}
.builder-preview-rail__btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 12px 8px;
  color: #193f87;
  cursor: pointer;
  writing-mode: vertical-rl;
}
.builder-preview-rail__btn:hover {
  background: rgba(25, 63, 135, 0.1);
}
.builder-preview-rail__btn:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}
.builder-preview-rail__label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.svy-page .svy-report-head {
  margin-bottom: 20px;
}

.svy-page .svy-report-head .svy-camp {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.rpt-head--slim {
  padding: 0 4px 16px;
}

.rpt-head--slim .rpt-head__meta {
  margin-top: 0;
}

.rpt-dist__row {
  row-gap: 2px;
}

@media (max-width: 575.98px) {
  .rpt-dist__row {
    grid-template-columns: minmax(0, 1fr) 72px;
  }
  .rpt-dist__label {
    grid-column: 1/-1;
  }
}
.rpt-rating-bar__count {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #334155;
  font-variant-numeric: tabular-nums;
  margin-bottom: 2px;
}

.rpt-rating-bars--counted {
  height: 76px;
}

.rpt-health__spark-wrap {
  margin-left: auto;
  text-align: right;
}

.rpt-health__spark-wrap .rpt-health__spark {
  margin-left: 0;
  justify-content: flex-end;
}

.rpt-health__spark-caption {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  margin-top: 4px;
}

.rpt-textcount a {
  font-weight: 600;
}

.qcard-collapsed {
  flex-wrap: wrap;
  row-gap: 6px;
}
.qcard-collapsed .qcard-num {
  order: 0;
}
.qcard-collapsed .qcard-collapsed__label {
  order: 1;
  flex: 1 1 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
  line-height: 1.4;
}
.qcard-collapsed .qcard-collapsed__actions {
  order: 2;
}
.qcard-collapsed .qcard-chips {
  order: 3;
  flex: 1 0 100%;
  padding-left: 38px;
}

@media (max-width: 1100px) {
  .builder-preview-pane {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 575.98px) {
  .qcard-collapsed .qcard-collapsed__label {
    flex: 1 1 calc(100% - 48px);
  }
  .qcard-collapsed .qcard-chips {
    flex: 1 1 auto;
  }
  .qcard-collapsed .qcard-collapsed__actions {
    order: 4;
    opacity: 1;
    margin-left: auto;
  }
  .builder-header .builder-header__controls {
    flex: 1 1 100%;
    min-width: 0;
    row-gap: 8px;
  }
}
.rpt .sd-badge {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}

.rpt .sd-badge--success {
  color: #047857;
}

.rpt .sd-badge--danger {
  color: #b91c1c;
}

.rpt h2.sd-section-header__title {
  margin: 0;
}

.rpt-kpis:has(> :nth-child(4)) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1279.98px) {
  .rpt-kpis:has(> :nth-child(4)) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 419.98px) {
  .rpt-kpis:has(> :nth-child(4)) {
    grid-template-columns: minmax(0, 1fr);
  }
}
.qscale {
  margin: 14px 0 0;
  padding: 14px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  min-width: 0;
}
.qscale__legend {
  float: left;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
  color: #1e293b;
}
.qscale__legend + * {
  clear: both;
}
.qscale__row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: flex-end;
}
.qscale__row--end {
  margin-top: 14px;
  align-items: flex-start;
  justify-content: space-between;
}
.qscale__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 180px;
  min-width: 0;
}
.qscale__field label {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475569;
}
.qscale__field--narrow {
  flex: 0 0 96px;
}
.qscale__words {
  margin-top: 14px;
}
.qscale__sub {
  display: block;
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475569;
}
.qscale__hint {
  font-weight: 400;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.qscale__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px 12px;
}
.qscale__list li {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.qscale__list .form-control {
  min-width: 0;
}
.qscale__num {
  flex: 0 0 28px;
  height: 28px;
  margin: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #cbd5e1;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #334155;
}
.qscale__radios, .qscale__na {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
}
.qscale__radios .qscale__sub {
  margin: 0;
}
.qscale__radio {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
  cursor: pointer;
}
.qscale__radio input {
  margin: 0;
}
.qscale__radio.is-disabled {
  color: #64748b;
  cursor: not-allowed;
}
.qscale__na-input {
  width: 200px;
  max-width: 100%;
}

.rpt-rating-words {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 16px;
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}

.plo {
  max-width: 1080px;
  padding: 8px 0 32px;
}
.plo-head {
  margin: 0 0 20px;
}
.plo-head__title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: #101828;
  text-shadow: none;
}
.plo-head__lede {
  margin: 0;
  max-width: 74ch;
  font-size: var(--edc-fs-body);
  line-height: 1.6;
  color: #344054;
}
.plo-card {
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  padding: 20px 22px;
  margin: 0 0 16px;
}
.plo-card__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px 24px;
  margin-bottom: 14px;
}
.plo-card__head > div {
  flex: 1 1 420px;
  min-width: 0;
}
.plo-card__title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-body) * 14.875 / 14);
  font-weight: 700;
  color: #101828;
  text-shadow: none;
}
.plo-card__sub {
  font-weight: 500;
  color: #475467;
}
.plo-card__note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
  max-width: 80ch;
}
.plo-btn {
  min-width: 0;
  white-space: nowrap;
}
.plo-empty {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #475467;
}
.plo-stages {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  overflow: hidden;
}
.plo-stage {
  display: grid;
  grid-template-columns: 14px minmax(140px, 1.2fr) minmax(90px, 0.6fr) minmax(120px, 1fr);
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-top: 1px solid #eaecf0;
  font-size: var(--edc-fs-body);
}
.plo-stage:first-child {
  border-top: 0;
}
.plo-stage__swatch {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.plo-stage__name {
  font-weight: 600;
  color: #101828;
  overflow-wrap: anywhere;
}
.plo-stage__count {
  color: #344054;
  font-variant-numeric: tabular-nums;
}
.plo-stage__meaning {
  color: #475467;
  font-size: var(--edc-fs-secondary);
}
@media (max-width: 575.98px) {
  .plo-stage {
    grid-template-columns: 14px 1fr;
  }
  .plo-stage__count, .plo-stage__meaning {
    grid-column: 2;
  }
}
.plo-changes {
  list-style: none;
  margin: 0;
  padding: 0;
}
.plo-change {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px 16px;
  padding: 12px 0;
  border-top: 1px solid #eaecf0;
}
.plo-change:first-child {
  border-top: 0;
  padding-top: 0;
}
.plo-change__words {
  flex: 1 1 420px;
  min-width: 0;
}
.plo-change__what {
  display: block;
  font-size: var(--edc-fs-body);
  color: #101828;
}
.plo-change__meta, .plo-change__state {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}
.plo-change__undo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.plo-group {
  margin: 14px 0 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
  text-shadow: none;
}
.plo-group:first-of-type {
  margin-top: 0;
}
.plo-lists {
  list-style: none;
  margin: 0;
  padding: 0;
}
.plo-list {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  padding: 8px 0;
  border-top: 1px solid #f2f4f7;
  font-size: var(--edc-fs-body);
}
.plo-list:first-child {
  border-top: 0;
}
.plo-list__name {
  font-weight: 600;
  color: #101828;
}
.plo-list__meta {
  color: #475467;
  font-size: var(--edc-fs-secondary);
}
.plo-link {
  margin-left: auto;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.plo-templates {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 10px;
}
.plo-template {
  border: 1px solid #eaecf0;
  border-radius: 10px;
  padding: 12px 14px;
}
.plo-template__name {
  display: block;
  font-weight: 700;
  color: #101828;
  font-size: var(--edc-fs-body);
}
.plo-template__desc {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}
.plo-template__stages {
  display: block;
  margin-top: 6px;
  font-size: var(--edc-fs-secondary);
  color: #344054;
}

.psc {
  margin: 14px 0 0;
  padding: 18px 20px;
  border: 1px solid #fda29b;
  border-radius: 12px;
  background: #fff;
}
.psc__title {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-body) * 14.875 / 14);
  font-weight: 700;
  color: #101828;
  text-shadow: none;
}
.psc__title:focus {
  outline: none;
}
.psc__title:focus-visible {
  outline: 2px solid #101828;
  outline-offset: 3px;
}
.psc__lead {
  margin: 0 0 6px;
  font-size: var(--edc-fs-body);
  color: #101828;
}
.psc__names {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #344054;
}
.psc__error {
  margin: 8px 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #b42318;
}
.psc__form {
  margin-top: 12px;
}
.psc__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 0 12px;
  max-width: 420px;
}
.psc__field label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
}
.psc__hint {
  font-size: var(--edc-fs-secondary);
  color: #475467;
}
.psc__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.psc__actions .btn {
  min-width: 0;
}

.psc__note {
  margin: 6px 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
}
.psc__note .fa-solid {
  margin-right: 6px;
}

.qcard-format {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
.qcard-format__label {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
}
.qcard-format__select {
  width: auto;
  min-width: 170px;
}

.survey-draft__label {
  display: block;
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
}

.survey-draft__help, .survey-draft__status {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

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

.survey-draft__problem {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #b42318;
}

.survey-draft__list {
  margin: 12px 0 0;
  padding-left: 0;
  list-style: none;
  font-size: var(--edc-fs-body);
  color: #1e293b;
}
.survey-draft__list li {
  margin: 6px 0;
}
.survey-draft__list .survey-draft__section {
  margin-top: 12px;
}
.survey-draft__list .survey-draft__num {
  display: inline-block;
  min-width: 1.6em;
  color: #475569;
}

.survey-draft__type {
  font-size: var(--edc-fs-label);
  color: #475569;
}

.campaign-responded-split {
  display: inline-block;
  margin-left: 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  color: #475569;
}

.campaign-responded-note {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
  color: #475569;
}

.campaign-empty-state {
  color: #475569;
}
.campaign-empty-state .fa-inbox {
  color: #94a3b8;
}

html.ccs-html, body.ccs-body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #f1f4f8;
  color: #1c2531;
}

body.ccs-body {
  font-size: var(--edc-fs-body);
}

body.ccs-body {
  overflow: hidden;
}

.ccs-frame {
  position: fixed;
  inset: 0;
  background: #f1f4f8;
}
.ccs-frame__in {
  height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  background: #f1f4f8;
  grid-template-rows: 50px auto minmax(0, 1fr) 30px;
}
.ccs-frame__in > .ccs-bar {
  grid-row: 1;
}
.ccs-frame__in > .ccs-flash {
  grid-row: 2;
}
.ccs-frame__in > .ccs-sheet {
  grid-row: 3;
}
.ccs-frame__in > .ccs-status {
  grid-row: 4;
}

.ccs-bar {
  display: flex;
  align-items: stretch;
  gap: 12px;
  min-width: 0;
  height: 50px;
  padding: 0 12px 0 0;
  background: linear-gradient(to bottom, #f8fafc, #e9eef4);
  color: #1c2531;
  border-bottom: 1px solid #c6cfda;
  box-sizing: border-box;
}
.ccs-bar__brand {
  flex: none;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 16px;
  color: #1c2531;
  text-decoration: none;
  border-right: 1px solid rgba(28, 37, 49, 0.1);
}
.ccs-bar__brand .fa {
  color: #1c3f75;
  font-size: var(--edc-fs-heading);
}
.ccs-bar__brand:hover, .ccs-bar__brand:focus-visible {
  color: #1c3f75;
  text-decoration: none;
}
.ccs-bar__brand:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}
.ccs-bar__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  min-width: 0;
}
.ccs-bar__eyebrow {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
  opacity: 0.68;
  white-space: nowrap;
}
.ccs-bar__setup {
  font-weight: 700;
  font-size: var(--edc-fs-body);
  line-height: 1.2;
  white-space: nowrap;
  letter-spacing: 0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}
.ccs-bar__tools {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  flex: none;
}
@media (max-width: 1100px) {
  .ccs-bar {
    gap: 8px;
  }
  .ccs-bar .ccs-keycap {
    display: none;
  }
  .ccs-bar .ccs-tool > span {
    display: none;
  }
  .ccs-bar .ccs-tool {
    padding: 0 9px;
  }
  .ccs-bar .ccs-tab {
    padding: 0 14px;
  }
}

.ccs-tabs {
  display: flex;
  align-items: flex-end;
  gap: 0;
  flex: 0 1 auto;
  min-width: 0;
  padding: 0 6px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.ccs-tabs::-webkit-scrollbar {
  display: none;
}
.ccs-tabs[hidden] {
  display: none;
}

.ccs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 34px;
  margin: 0 3px -1px;
  padding: 0 18px;
  color: #556070;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  text-decoration: none;
  white-space: nowrap;
  background: #e1e7ee;
  border: 1px solid #c6cfda;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  transition: background 120ms ease, color 120ms ease, height 120ms ease;
}
.ccs-tab:hover {
  color: #1c2531;
  background: #ebf0f5;
  text-decoration: none;
}
.ccs-tab:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -3px;
}
.ccs-tab.is-active {
  height: 39px;
  z-index: 2;
  color: #1c2531;
  background: #f1f4f8;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
}
.ccs-tab.is-active .ccs-keycap {
  background: #ffffff;
  color: #1c3f75;
  border-color: #c8d6ee;
}
.ccs-tab.is-active::before, .ccs-tab.is-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 8px;
  height: 8px;
  pointer-events: none;
}
.ccs-tab.is-active::before {
  left: -8px;
  background: radial-gradient(circle at 0 0, transparent 7.5px, #f1f4f8 8px);
}
.ccs-tab.is-active::after {
  right: -8px;
  background: radial-gradient(circle at 100% 0, transparent 7.5px, #f1f4f8 8px);
}

.ccs-keycap {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  line-height: 1;
  padding: 3px 5px 2px;
  border-radius: 4px;
  color: #556070;
  background: #ffffff;
  border: 1px solid #c6cfda;
  box-shadow: 0 1px 0 #c6cfda;
}
.ccs-keycap--light {
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.ccs-chip {
  align-self: center;
  margin: 0;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #c6cfda;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 #fff;
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ccs-tool {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 11px;
  border-radius: 7px;
  color: #1c2531;
  background: transparent;
  border: 1px solid transparent;
  font: inherit;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
  text-decoration: none;
  cursor: pointer;
}
.ccs-tool:hover {
  background: rgba(255, 255, 255, 0.85);
  border-color: #c6cfda;
  box-shadow: 0 1px 0 rgba(28, 37, 49, 0.06);
  color: #1c3f75;
  text-decoration: none;
}
.ccs-tool:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.ccs-tool--icon {
  padding: 0 9px;
}

.ccs-leave {
  margin: 0 0 0 8px;
  display: inline-flex;
}

.ccs-leave__button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 7px;
  color: var(--edc-sidebar-text, #fff);
  background: transparent;
  border: 1px solid currentColor;
  font: inherit;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}
.ccs-leave__button:hover {
  background: var(--edc-sidebar-active-bg, rgba(255, 255, 255, 0.12));
  color: var(--edc-sidebar-active-text, #fff);
}
.ccs-leave__button:focus-visible {
  outline: 2px solid var(--edc-sidebar-active-icon, #60a5fa);
  outline-offset: 2px;
}

.ccs-leave__short {
  display: none;
}

@media (max-width: 991.98px) {
  .ccs-leave__full {
    display: none;
  }
  .ccs-leave__short {
    display: inline;
  }
}
@media (max-width: 600px) {
  .ccs-frame:not(.ccs-frame--framed) .ccs-frame__in {
    grid-template-rows: auto auto minmax(0, 1fr) 30px;
  }
  .ccs-bar {
    height: auto;
    flex-wrap: wrap;
    row-gap: 0;
    padding-right: 0;
  }
  .ccs-bar .ccs-bar__brand {
    min-height: 44px;
    border-right: 0;
  }
  .ccs-bar .ccs-bar__tools {
    min-height: 44px;
    padding-right: 12px;
  }
  .ccs-bar .ccs-tabs {
    order: 3;
    flex: 1 0 100%;
    padding: 0 8px;
  }
}
.ccs-flash {
  padding: 8px 20px;
  background: #e6eefa;
  border-bottom: 1px solid #dfe4ea;
}
.ccs-flash__line {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
}
.ccs-flash__line--alert, .ccs-flash__line--danger {
  color: #a8342f;
}

.ccs-sheet {
  min-height: 0;
  overflow: hidden;
  background: #f1f4f8;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}
.ccs-sheet--railed {
  grid-template-columns: 168px minmax(0, 1fr);
}

.ccs-sheet__main {
  min-height: 0;
  min-width: 0;
  overflow: auto;
  background: #f1f4f8;
  container-type: size;
}

html[data-edc-new] .ccs-view {
  min-height: 36px;
  line-height: 20px;
}

.ccs-rail {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 0;
  overflow: auto;
  padding: 12px 8px;
  background: #ffffff;
  border-right: 1px solid #dfe4ea;
}

.ccs-rail__name {
  margin: 0 0 6px;
  padding: 0 10px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ccs-view {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 6px;
  color: #556070;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
  text-decoration: none;
  white-space: nowrap;
  border-left: 3px solid transparent;
}
.ccs-view:hover {
  color: #1c2531;
  background: #edf1f6;
  text-decoration: none;
}
.ccs-view:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}
.ccs-view.is-active {
  color: #1c3f75;
  background: #e6eefa;
  border-left-color: #1c3f75;
}

@media (max-width: 992px) {
  .ccs-sheet--railed {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }
  .ccs-rail {
    flex-direction: row;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    border-right: 0;
    border-bottom: 1px solid #dfe4ea;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .ccs-rail::-webkit-scrollbar {
    display: none;
  }
  .ccs-rail__name {
    margin: 0 8px 0 0;
    padding: 0;
  }
  .ccs-view {
    min-height: 30px;
    border-left: 0;
  }
}
.ccs-status {
  display: flex;
  align-items: center;
  gap: 18px;
  height: 30px;
  padding: 0 16px;
  box-sizing: border-box;
  background: linear-gradient(to bottom, #f3f6f9, #e9eef4);
  color: #556070;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  border-top: 1px solid #c6cfda;
}
.ccs-status__seg {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ccs-status__seg:first-child {
  color: #1c2531;
  font-weight: 600;
}
.ccs-status__keys {
  margin-left: auto;
  white-space: nowrap;
}
.ccs-status__keys kbd {
  font: inherit;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  color: #556070;
  background: #ffffff;
  border: 1px solid #c6cfda;
  border-radius: 4px;
  padding: 2px 5px 1px;
  box-shadow: 0 1px 0 #c6cfda;
}
.ccs-status__timeline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid #c6cfda;
  background: #ffffff;
  color: #1c2531;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.ccs-status__timeline:hover {
  background: #edf1f6;
  color: #1c2531;
  text-decoration: none;
}
.ccs-status__timeline:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.ccs-status__timeline[aria-expanded=true] {
  border-color: #1c3f75;
}
.ccs-status__timeline-step {
  color: #556070;
  font-weight: 500;
}
.ccs-status__timeline-step::before {
  content: "·";
  margin-right: 6px;
}

.ccs-palette {
  width: min(560px, 92vw);
  padding: 0;
  border: 1px solid #c9d2dd;
  border-radius: 12px;
  background: #ffffff;
  color: #1c2531;
  box-shadow: 0 24px 60px rgba(28, 37, 49, 0.28);
}
.ccs-palette::backdrop {
  background: rgba(28, 37, 49, 0.45);
}
.ccs-palette__form {
  margin: 0;
}
.ccs-palette__input {
  width: 100%;
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid #dfe4ea;
  padding: 15px 18px;
  font: inherit;
  font-size: var(--edc-fs-heading);
  background: transparent;
  color: #1c2531;
}
.ccs-palette__input:focus {
  outline: none;
  box-shadow: inset 0 -2px 0 #1c3f75;
}
.ccs-palette__list {
  list-style: none;
  margin: 0;
  padding: 8px;
  max-height: 50vh;
  overflow: auto;
}
.ccs-palette__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  color: #1c2531;
  text-decoration: none;
}
.ccs-palette__item:hover, .ccs-palette__item:focus-visible {
  background: #e6eefa;
  text-decoration: none;
  outline: none;
}
.ccs-palette__label {
  font-weight: 600;
}
.ccs-palette__hint {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #556070;
}
.ccs-palette__empty {
  margin: 0;
  padding: 14px 18px;
  color: #556070;
  font-size: var(--edc-fs-secondary);
}

.ccs-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid #c9d2dd;
  background: linear-gradient(to bottom, #fff, #f3f6f9);
  color: #1c2531;
  box-shadow: 0 1px 0 rgba(28, 37, 49, 0.08);
  font: inherit;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.ccs-btn:hover {
  background: #edf1f6;
  text-decoration: none;
  color: #1c2531;
}
.ccs-btn:active {
  box-shadow: inset 0 1px 2px rgba(28, 37, 49, 0.15);
}
.ccs-btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.ccs-btn--sm {
  min-height: 32px;
  padding: 0 12px;
  font-size: var(--edc-fs-secondary);
}
.ccs-btn--primary {
  background: linear-gradient(to bottom, #245090, #1c3f75);
  color: #fff;
  border-color: #163258;
  box-shadow: 0 1px 0 rgba(22, 50, 88, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.ccs-btn--primary:hover {
  background: #163258;
  border-color: #163258;
  color: #fff;
}

.ccs-link {
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
  color: #1c3f75;
  text-decoration: none;
  cursor: pointer;
}
.ccs-link:hover {
  text-decoration: underline;
  color: #163258;
}

.ccs-note {
  margin: 0 0 14px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
  max-width: 72ch;
}

.ccs-empty {
  max-width: 56ch;
  padding: 40px 0;
}
.ccs-empty__title {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
}
.ccs-empty__text {
  margin: 0 0 16px;
  color: #556070;
}

.ccs-col__empty {
  margin: 0;
  padding: 14px 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.ccs-col__heading {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}

.ccs-col__sub {
  margin: 18px 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}

.ccs-col__count {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #556070;
}

.ccs-col__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.ccs-tag {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #2f6b4f;
  background: #e5f3ec;
}

.ccs-tag--quiet {
  color: #556070;
  background: #eef2f7;
}

.ccs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ccs-list__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #dfe4ea;
}
.ccs-list__row--stack {
  display: block;
}
.ccs-list__line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ccs-list__name {
  display: block;
  font-weight: 600;
}
.ccs-list__meta {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #556070;
  margin-top: 2px;
}

.ccs-inline {
  position: relative;
}
.ccs-inline summary {
  list-style: none;
}
.ccs-inline summary::-webkit-details-marker {
  display: none;
}
.ccs-inline[open] > summary {
  color: #1c2531;
}
.ccs-inline .ccs-form {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 5;
  width: 300px;
}

.ccs-form {
  margin: 0;
  padding: 14px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #c9d2dd;
  box-shadow: 0 10px 30px rgba(28, 37, 49, 0.14);
  display: grid;
  gap: 10px;
}
.ccs-form--quiet {
  box-shadow: none;
  border: 0;
  padding: 8px 14px 0;
  background: transparent;
  position: static;
}
.ccs-form__note {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.ccs-field {
  display: grid;
  gap: 4px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}

.ccs-input {
  font: inherit;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  padding: 7px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  background: #ffffff;
  color: #1c2531;
}
.ccs-input:focus {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.ccs-entry {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  min-height: 100%;
  background: #ffffff;
}
@media (max-width: 1100px) {
  .ccs-entry {
    grid-template-columns: 280px minmax(0, 1fr);
  }
}

.ccs-queue {
  border-right: 1px solid #dfe4ea;
  background: #f5f7fa;
  overflow: auto;
}
.ccs-queue__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 18px 18px 10px;
}
.ccs-queue__heading {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}
.ccs-queue__count {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #556070;
}
.ccs-queue__group {
  padding: 6px 0 4px;
}
.ccs-queue__group-heading {
  margin: 0;
  padding: 6px 18px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #1c2531;
  display: flex;
  justify-content: space-between;
}
.ccs-queue__group--record .ccs-queue__group-heading {
  color: #8a5a1f;
}
.ccs-queue__n {
  font-weight: 600;
  color: #556070;
}
.ccs-queue__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ccs-queue__row {
  display: block;
  padding: 9px 18px 9px 15px;
  border-left: 3px solid transparent;
  color: #1c2531;
  text-decoration: none;
}
.ccs-queue__row:hover {
  background: #edf1f6;
  text-decoration: none;
  color: #1c2531;
}
.ccs-queue__row:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}
.ccs-queue__row.is-selected {
  background: #e6eefa;
  border-left-color: #1c3f75;
}
.ccs-queue__name {
  display: block;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.ccs-queue__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin-top: 2px;
  font-size: var(--edc-fs-label);
  color: #556070;
}
.ccs-queue__group--done .ccs-queue__row {
  color: #556070;
}
.ccs-queue__group--done .ccs-queue__row .ccs-queue__name {
  font-weight: 500;
}

.ccs-work {
  padding: 22px 28px 40px;
  overflow: auto;
  min-width: 0;
}
.ccs-work__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dfe4ea;
}
.ccs-work__kicker {
  margin: 0 0 2px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}
.ccs-work__title {
  margin: 0;
  font-size: var(--edc-fs-display);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.ccs-work__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.ccs-work__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 1 auto;
  min-width: 0;
}
.ccs-work__actions [data-ccs-next] {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1100px) {
  .ccs-work__head {
    flex-direction: column;
    align-items: stretch;
  }
  .ccs-work__actions {
    justify-content: flex-start;
  }
}

.ccs-survey {
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #ffffff;
  padding: 8px 12px 16px;
  max-width: 980px;
}

.ccs-survey--pane {
  border: 0;
  padding: 0;
  background: transparent;
}

.ccs-start {
  max-width: 60ch;
  padding: 24px;
  border: 1px dashed #c9d2dd;
  border-radius: 12px;
  background: #ffffff;
}
.ccs-start__title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
}
.ccs-start__text {
  margin: 0 0 14px;
  color: #556070;
}

.ccs-visits {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  min-height: 100%;
  background: #ffffff;
}
@media (max-width: 1100px) {
  .ccs-visits {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .ccs-visits .ccs-col:nth-child(3) {
    grid-column: 1/-1;
    border-top: 1px solid #dfe4ea;
  }
  .ccs-visits .ccs-col:nth-child(2) {
    border-right: 0;
  }
}
@media (max-width: 760px) {
  .ccs-visits {
    grid-template-columns: minmax(0, 1fr);
  }
  .ccs-visits .ccs-col {
    border-right: 0;
    border-top: 1px solid #dfe4ea;
  }
  .ccs-visits .ccs-col:first-child {
    border-top: 0;
  }
}

.ccs-col {
  padding: 22px 24px 40px;
  border-right: 1px solid #dfe4ea;
  min-width: 0;
}
.ccs-col:last-child {
  border-right: 0;
}

.ccs-days {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ccs-day {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #dfe4ea;
}
.ccs-day.is-today .ccs-day__date {
  background: #1c3f75;
  color: #fff;
  border-radius: 8px;
}
.ccs-day__date {
  display: grid;
  place-items: center;
  align-self: start;
  padding: 6px 0;
  line-height: 1;
}
.ccs-day__dow {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.ccs-day__num {
  font-size: calc(var(--edc-fs-title) * 19 / 18);
  font-weight: 700;
  margin-top: 3px;
}
.ccs-day__stops {
  display: grid;
  gap: 8px;
  align-self: center;
}
.ccs-day__none {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.ccs-stop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.ccs-stop__name {
  display: block;
  font-weight: 600;
}
.ccs-stop__meta {
  display: block;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.ccs-stop__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: none;
}

.ccs-reports {
  padding: 22px 28px 48px;
  display: grid;
  gap: 28px;
  max-width: 1240px;
}

.ccs-figures {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1100px) {
  .ccs-figures {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.ccs-figure {
  padding: 14px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #ffffff;
}
.ccs-figure__n {
  display: block;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.ccs-figure__l {
  display: block;
  margin-top: 4px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.ccs-figure--wide {
  grid-column: 1/-1;
}
.ccs-figure--wide .ccs-figure__n {
  font-size: var(--edc-fs-title);
}

.ccs-coverage__list {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}

.ccs-coverage__n {
  font-weight: 700;
  font-size: var(--edc-fs-heading);
  margin-right: 6px;
}

.ccs-coverage__l {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.ccs-doors__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
@media (max-width: 1100px) {
  .ccs-doors__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ccs-door {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 8px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #ffffff;
}
.ccs-door__title {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
}
.ccs-door__blurb {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.ccs-door .ccs-btn {
  justify-self: start;
}

.ccs-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.ccs-table th, .ccs-table td {
  text-align: left;
  padding: 9px 12px;
  border-top: 1px solid #dfe4ea;
}
.ccs-table thead th {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  border-top: 0;
}
.ccs-table tbody th {
  font-weight: 600;
}

.ccs-page {
  padding: 18px 24px 48px;
  min-width: 0;
}

.ccs-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 0;
  min-height: 100%;
}
.ccs-split.is-open {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 34%);
}
.ccs-split__main {
  min-width: 0;
}
.ccs-split__pane {
  min-width: 0;
  overflow: auto;
  background: #ffffff;
  border-left: 1px solid #dfe4ea;
  padding: 20px 22px 28px;
  align-self: start;
  position: sticky;
  top: 0;
  max-height: 100vh;
  max-height: 100cqh;
  border-bottom: 1px solid #dfe4ea;
}
.ccs-split__pane[hidden] {
  display: none;
}
@media (max-width: 1100px) {
  .ccs-split.is-open {
    grid-template-columns: minmax(0, 1fr);
  }
  .ccs-split.is-open .ccs-split__main {
    display: none;
  }
  .ccs-split__pane {
    border-left: 0;
  }
}

[data-ccs-inspecting] {
  background: #e6eefa !important;
  box-shadow: inset 3px 0 0 #1c3f75;
}

tr[data-ccs-inspecting] > td {
  background: #e6eefa !important;
}

tr[data-ccs-inspecting] > td:first-child {
  box-shadow: inset 3px 0 0 #1c3f75;
}

@keyframes ccs-pane-in {
  from {
    opacity: 0;
    transform: translateX(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes ccs-skel-pulse {
  0%, 100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
.ccs-pane__body {
  animation: ccs-pane-in 200ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.ccs-pane__body--static {
  animation: none;
}

.ccs-pane__skeleton {
  display: grid;
  gap: 12px;
}

.ccs-skel {
  display: block;
  border-radius: 6px;
  background: #edf1f6;
  animation: ccs-skel-pulse 1.1s ease-in-out infinite;
}
.ccs-skel--kicker {
  width: 90px;
  height: 11px;
}
.ccs-skel--title {
  width: 60%;
  height: 22px;
  margin-bottom: 6px;
}
.ccs-skel--line {
  width: 80%;
  height: 13px;
  margin-bottom: 14px;
}
.ccs-skel--row {
  width: 100%;
  height: 44px;
  border-radius: 8px;
}

.ccs-flash {
  margin: 0 0 12px;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  background: #ecfdf3;
  color: #067647;
  border: 1px solid #abefc6;
}

.ccs-flash--error {
  background: #fdeceb;
  color: #b42318;
  border-color: #f7c4bf;
}

@media (prefers-reduced-motion: reduce) {
  .ccs-pane__body, .ccs-skel {
    animation: none;
  }
}
.ccs-pane__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #dfe4ea;
}
.ccs-pane__title {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.ccs-pane__title:focus {
  outline: none;
}
.ccs-pane__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
}
.ccs-pane__section {
  margin-top: 18px;
}
.ccs-pane__desc {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1c2531;
  line-height: 1.5;
}
.ccs-pane__error {
  margin: 0;
  color: #a8342f;
}

.ccs-tool--pane {
  color: #556070;
  min-height: 34px;
  padding: 0 9px;
}
.ccs-tool--pane:hover {
  background: #edf1f6;
  color: #1c2531;
  border-color: #dfe4ea;
}

.ccs-facts {
  margin: 4px 0 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 16px;
}
.ccs-facts__row {
  display: grid;
  gap: 2px;
  padding: 6px 0;
  border-bottom: 1px solid #dfe4ea;
}
.ccs-facts dt {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}
.ccs-facts dd {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
}
.ccs-facts__empty {
  font-weight: 500 !important;
  color: #556070;
}

.ccs-bar {
  position: relative;
}

.ccs-bar .cc-il-panel {
  position: absolute;
  top: calc(100% + 8px);
  bottom: auto;
  left: auto;
  right: 12px;
  transform-origin: top right;
  z-index: 40;
}

.ccs-tab--visit {
  border-style: dashed;
}

.ccs-tabs--tight .ccs-tab {
  padding: 0 12px;
}

.ccs-tabs--tight .ccs-tab:not(.is-active) .ccs-keycap {
  display: none;
}

.ccs-sheet .cc-body {
  min-height: 0;
}

.ccs-sheet .cc-bench {
  min-height: 100%;
}

.ccs-agenda {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  background: #ffffff;
  min-height: 100%;
}

.ccs-col--wide {
  max-width: 980px;
  border-right: 0;
}

.ccs-stop__main--agenda {
  display: grid;
  grid-template-columns: 76px 10px minmax(0, 1fr);
  align-items: baseline;
  gap: 10px;
}

.ccs-stop__time {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
  white-space: nowrap;
}
.ccs-stop__time--allday {
  color: #6b7788;
}

.ccs-stop__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  align-self: center;
}

.ccs-cs__clear {
  margin-top: 10px;
}

.ccs-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ccs-switcher__item {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #c9d2dd;
  background: #ffffff;
  color: #556070;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.ccs-switcher__item:hover {
  color: #1c2531;
  background: #edf1f6;
  text-decoration: none;
}
.ccs-switcher__item.is-active {
  color: #1c3f75;
  background: #e6eefa;
  border-color: #c8d6ee;
}

.ccs-sweep, .ccs-numbers {
  padding: 22px 28px 48px;
  background: #ffffff;
  min-height: 100%;
}

.ccs-numbers .glance-brief {
  margin-top: 12px;
}

.ccs-sweep__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.ccs-sweep__stage {
  margin-top: 18px;
  max-width: 1100px;
}

.ccs-sweep__stage-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding-bottom: 6px;
  border-bottom: 2px solid #dfe4ea;
}

.ccs-sweep__stage-name {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
}

.ccs-sweep__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  align-self: center;
}

.ccs-sweep__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px auto;
  align-items: center;
  gap: 14px;
}

.ccs-sweep__main {
  min-width: 0;
}

.ccs-sweep__days {
  font-weight: 700;
  white-space: nowrap;
}
.ccs-sweep__days.is-long {
  color: #8a5a1f;
}

.ccs-tag--long {
  margin-left: 6px;
  color: #8a5a1f;
  background: #fbf1e2;
}

.ccs-sweep__move {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.ccs-input--sm {
  padding: 5px 8px;
  font-size: var(--edc-fs-secondary);
}

@media (max-width: 760px) {
  .ccs-sweep__row {
    grid-template-columns: minmax(0, 1fr);
  }
}
.mems {
  padding: 18px 24px 48px;
  min-width: 0;
}

.mems-head, .cmx-head, .evs-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: start;
  gap: 12px 16px;
}

.mems-head__island, .evs-head__island {
  justify-self: center;
  align-self: center;
  padding-top: 4px;
}

.mems-head--no-island, .cmx-head, .evs-head--no-island {
  grid-template-columns: minmax(0, 1fr) auto;
}

.mems-head--no-island .mems-head__actions, .mems-head--no-island .cmx-head__actions, .cmx-head .mems-head__actions, .cmx-head .cmx-head__actions, .mems-head--no-island .evs-head__actions, .cmx-head .evs-head__actions, .evs-head--no-island .evs-head__actions {
  align-self: center;
}

.mems-head__scope {
  margin-top: 8px;
}

.mems-board-head {
  padding: 18px 24px 0;
}
.mems-board-head .mems-head__actions, .mems-board-head .cmx-head__actions, .mems-board-head .evs-head__actions {
  align-self: center;
}

@media (max-width: 900px) {
  .mems-head, .cmx-head, .evs-head {
    grid-template-columns: minmax(0, 1fr);
  }
  .mems-head__island, .evs-head__island, .mems-head__actions, .cmx-head__actions, .evs-head__actions {
    justify-self: start;
  }
}
.mems-kicker, .cmx-kicker, .evs-kicker {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}

.mems-title, .cmx-title, .evs-title {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1c2531;
}

.mems-head__actions, .cmx-head__actions, .evs-head__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  justify-self: end;
}
.mems-head__actions .ccs-btn, .cmx-head__actions .ccs-btn, .evs-head__actions .ccs-btn {
  white-space: nowrap;
}

.mems-band, .evs-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
  max-width: 840px;
}
.mems-band .insight-mount, .evs-band .insight-mount, .mems-band .insight, .evs-band .insight {
  display: block;
  width: 100%;
}
.mems-band .insight-mount::before, .evs-band .insight-mount::before, .mems-band .insight::before, .evs-band .insight::before {
  display: none;
}
.mems-band .insight-metric-tile, .evs-band .insight-metric-tile {
  width: 100%;
  box-sizing: border-box;
  min-height: 92px;
}
@media (max-width: 640px) {
  .mems-band, .evs-band {
    grid-template-columns: minmax(0, 1fr);
  }
}

.mems-tools, .evs-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 18px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.mems-tools .mem-columns__open, .evs-tools .mem-columns__open {
  margin-left: auto;
}

.mems-queues__n, .evs-queues__n {
  margin-left: 7px;
  padding: 0 7px;
  border-radius: 999px;
  background: #edf1f6;
  color: #1c2531;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 20px;
  font-variant-numeric: tabular-nums;
}

.ccs-switcher__item.is-active .mems-queues__n, .ccs-switcher__item.is-active .evs-queues__n {
  background: #fff;
  color: #1c3f75;
}

.mems-filters, .evs-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.mems-filters__q {
  width: 220px;
}

.mems-filters__tier {
  width: 200px;
}

.mems-filters__clear {
  font-size: var(--edc-fs-secondary);
}

.mems-table, .evs-table {
  margin-top: 14px;
  table-layout: fixed;
}
.mems-table tbody tr, .evs-table tbody tr {
  transition: background 120ms ease;
}
.mems-table tbody tr:hover, .evs-table tbody tr:hover {
  background: #edf1f6;
}
.mems-table td, .evs-table td, .mems-table th, .evs-table th {
  vertical-align: top;
  overflow: hidden;
}
.mems-table th, .evs-table th {
  white-space: normal;
  overflow-wrap: break-word;
}
.mems-table th .mems-sort, .mems-table th .evs-sort, .evs-table th .mems-sort, .evs-table th .evs-sort {
  white-space: normal;
}
.mems-table td > *, .evs-table td > *, .mems-table td, .evs-table td {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mems-table .mems-table__name, .mems-table .evs-table__name, .evs-table .mems-table__name, .evs-table .evs-table__name, .mems-table .mems-table__meta, .mems-table .evs-table__meta, .evs-table .mems-table__meta, .evs-table .evs-table__meta {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mems-table .mem-chip, .evs-table .mem-chip {
  max-width: 100%;
}

.mems-table__check {
  width: 34px;
  padding-right: 0 !important;
}
.mems-table__check input {
  margin: 3px 0 0;
}

.mems-sort, .evs-sort {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.mems-sort:hover, .evs-sort:hover {
  color: #1c3f75;
  text-decoration: none;
}
.mems-sort .fa, .evs-sort .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  color: #556070;
}
.mems-sort.is-on .fa, .is-on.evs-sort .fa {
  color: #1c3f75;
}

@media (max-width: 640px) {
  .mems-table, .evs-table {
    table-layout: auto;
  }
  .mems-table colgroup, .evs-table colgroup, .mems-table thead, .evs-table thead {
    display: none;
  }
  .mems-table tbody tr, .evs-table tbody tr {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 4px 8px;
    padding: 12px 10px;
    border-top: 1px solid #dfe4ea;
  }
  .mems-table tbody td, .evs-table tbody td {
    display: block;
    padding: 0;
    overflow: visible;
    white-space: normal;
  }
  .mems-table tbody td > *, .evs-table tbody td > * {
    white-space: normal;
  }
  .mems-table tbody td.mems-table__check, .evs-table tbody td.mems-table__check {
    grid-row: 1/span 6;
    width: auto;
  }
  .mems-table tbody td[data-label], .evs-table tbody td[data-label] {
    grid-column: 2;
  }
  .mems-table tbody td[data-label]::before, .evs-table tbody td[data-label]::before {
    content: attr(data-label);
    display: inline-block;
    min-width: 96px;
    margin-right: 8px;
    font-size: var(--edc-fs-eyebrow);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #556070;
  }
  .mems-table tbody td.mems-num, .mems-table tbody td.evs-num, .evs-table tbody td.mems-num, .evs-table tbody td.evs-num {
    text-align: left !important;
  }
  .mems-table .mems-table__name, .mems-table .evs-table__name, .evs-table .mems-table__name, .evs-table .evs-table__name, .mems-table .mems-table__meta, .mems-table .evs-table__meta, .evs-table .mems-table__meta, .evs-table .evs-table__meta {
    white-space: normal;
    overflow: visible;
  }
  .mems-table td[data-label] .mems-table__meta, .mems-table td[data-label] .evs-table__meta, .evs-table td[data-label] .mems-table__meta, .evs-table td[data-label] .evs-table__meta {
    display: inline;
    margin-left: 6px;
  }
}
#mems-work {
  transition: opacity 140ms ease;
}

#mems-work.is-refreshing {
  opacity: 0.45;
  pointer-events: none;
}

.mems-heading, .evs-heading {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.mems-heading strong, .evs-heading strong {
  color: #1c2531;
  font-weight: 700;
}

.mems-band .insight-metric-tile.is-selected, .evs-band .insight-metric-tile.is-selected {
  border-color: #1c3f75;
  box-shadow: inset 0 0 0 1px #1c3f75;
}

.mems-band .insight-metric-tile__secondary, .evs-band .insight-metric-tile__secondary {
  border-radius: 4px;
}
.mems-band .insight-metric-tile__secondary:hover, .evs-band .insight-metric-tile__secondary:hover {
  text-decoration: underline;
}

.mems-table__name, .evs-table__name {
  font-weight: 600;
  color: #1c2531;
  text-decoration: none;
}
.mems-table__name:hover, .evs-table__name:hover {
  color: #1c3f75;
  text-decoration: none;
}
.mems-table__name:focus-visible, .evs-table__name:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 3px;
}

.mems-table__meta, .evs-table__meta {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.mems-kind {
  display: block;
  font-weight: 600;
  color: #1c2531;
}

.mems-num, .evs-num {
  text-align: right !important;
  font-variant-numeric: tabular-nums;
}

.mems-count, .evs-count {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.mems-empty, .evs-empty {
  margin-top: 18px;
  padding: 36px 24px;
  text-align: center;
  background: #ffffff;
  border: 1px dashed #dfe4ea;
  border-radius: 10px;
}

.mems-empty__line, .evs-empty__line {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1c2531;
}

.mems-empty__hint, .evs-empty__hint {
  margin: 6px 0 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.mems-pane__money {
  font-weight: 700;
  color: #b54708;
  white-space: nowrap;
}

.mems-pane__scores {
  margin-top: 14px;
}
.mems-pane__scores .sc-cards {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 0;
}

@media (max-width: 480px) {
  .mems-pane__scores .sc-cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
.mems-pane__review {
  padding: 12px 14px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 10px;
}
.mems-pane__review .ccs-col__heading {
  color: #b54708;
}

.mems-pane__eng {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 6px 0 0;
}

.ccs-work__facts .mem-chip, .ccs-work__facts .mem-pill {
  vertical-align: middle;
}

.mems-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.mems-form__field {
  display: grid;
  gap: 5px;
  min-width: 0;
  align-content: start;
}
.mems-form__field--full {
  grid-column: 1/-1;
}
.mems-form__field > label, .mems-form__field .mems-form__label {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}
.mems-form__field .ccs-input {
  width: 100%;
  box-sizing: border-box;
}
.mems-form__field textarea.ccs-input {
  min-height: 0;
  height: auto;
  padding: 8px 10px;
  line-height: 1.4;
  resize: vertical;
}

.mems-form__row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.mems-form__row .mems-picker {
  flex: 1 1 260px;
}

.mems-form__help {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.mems-form__check {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1c2531;
}
.mems-form__check input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.mems-form__field > label.mems-form__check {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #1c2531;
}

.mems-form__foot {
  grid-column: 1/-1;
  display: flex;
  gap: 8px;
  align-items: center;
  padding-top: 4px;
}

.mems-seg {
  display: inline-flex;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  height: 36px;
}

.mems-seg__item {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.mems-seg__item input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.mems-seg__item span {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding: 0 12px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
}
.mems-seg__item input:checked + span {
  background: #e6eefa;
  color: #1c3f75;
}
.mems-seg__item input:focus-visible + span {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}
.mems-seg__item + .mems-seg__item span {
  border-left: 1px solid #c9d2dd;
}

.mems-picker {
  position: relative;
  min-width: 0;
}

.mems-picker__list {
  position: absolute;
  z-index: 40;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  margin: 0;
  padding: 4px;
  list-style: none;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
  max-height: 240px;
  overflow: auto;
}
.mems-picker__list[hidden] {
  display: none;
}
.mems-picker__list [role=option] {
  padding: 7px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1c2531;
}
.mems-picker__list [role=option][aria-selected=true], .mems-picker__list [role=option]:hover {
  background: #e6eefa;
}
.mems-picker__list [role=option][data-new] {
  color: #1c3f75;
}
.mems-picker__list .mems-picker__meta {
  display: block;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  color: #556070;
}

.mems-mini {
  margin-top: 10px;
}

.mems-mini > summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
  border-radius: 4px;
}
.mems-mini > summary::-webkit-details-marker {
  display: none;
}
.mems-mini > summary:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.mems-mini__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  margin-top: 10px;
  align-items: start;
}
.mems-mini__form .ccs-input {
  width: 100%;
  box-sizing: border-box;
}
.mems-mini__form .mems-picker {
  min-width: 0;
}

.mems-mini__form--stack {
  grid-template-columns: minmax(0, 1fr);
}

.mems-mini__row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.mems-mini__row .ccs-input {
  width: auto;
}

.mems-inline {
  display: inline-flex;
  margin: 0;
}

.mems-pane__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.mems-pane__row .ccs-col__heading {
  margin: 0;
}

.mems-pane__inline {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
}

.mems-review {
  flex-direction: column;
  align-items: stretch !important;
  gap: 8px;
}

.mems-review__changes {
  margin: 4px 0 0;
  display: grid;
  gap: 2px;
}
.mems-review__changes div {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 8px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}
.mems-review__changes dt {
  color: #556070;
  font-weight: 600;
}
.mems-review__changes dd {
  margin: 0;
  color: #1c2531;
  overflow-wrap: anywhere;
}

.mems-review__actions {
  display: flex;
  gap: 6px;
}

.mems-table__meta--warn {
  color: #b54708;
}

.mems-formpage__card {
  padding: 22px 24px;
  max-width: 880px;
}

.ccs-flash--live {
  margin-bottom: 12px;
}

@media (max-width: 640px) {
  .mems-form {
    grid-template-columns: minmax(0, 1fr);
  }
  .mems-mini__form {
    grid-template-columns: minmax(0, 1fr);
  }
}
.mems-modes .vgr-switch__link {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  padding: 7px 14px;
}

.mems-modes .vgr-switch__glyph .fa {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.mems-segments {
  display: flex;
  align-items: center;
  gap: 6px;
}

.mems-segments__pick {
  width: 170px;
}

.mems-segments__save > summary {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  color: #1c2531;
  background: #fff;
}

.mems-segments__save {
  position: relative;
  margin: 0;
}

.mems-segments__form {
  position: absolute;
  z-index: 35;
  right: 0;
  top: calc(100% + 6px);
  display: grid;
  gap: 8px;
  width: 280px;
  padding: 12px;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
}
.mems-segments__form .ccs-input {
  width: 100%;
  box-sizing: border-box;
}

.mems-segments__share {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.mems-segments__share input {
  margin: 0;
}

.mems-segments__error {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #b42318;
}

.mems-bulk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
  padding: 8px 12px;
  background: #e6eefa;
  border: 1px solid #c8d6ee;
  border-radius: 10px;
}
.mems-bulk[hidden] {
  display: none;
}

.mems-bulk__count {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #1c3f75;
}

.mems-bulk__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.mems-bulk__group {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.mems-bulk__clear {
  font-size: var(--edc-fs-secondary);
}

.mems-bulk__status {
  flex-basis: 100%;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.mems-bulk__status:empty {
  display: none;
}
.mems-bulk__status.is-error {
  color: #b42318;
}

.mems-table tbody tr.is-selected, .evs-table tbody tr.is-selected {
  background: #f5f8ff;
}

.mems-count__export {
  font-size: inherit;
}

button.ccs-link {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  font: inherit;
  color: #1c3f75;
  text-decoration: underline;
}

.mems-dash, .evs-dash {
  max-width: 1180px;
  margin: 10px auto 0;
}

.mems-dash__band, .evs-dash__band {
  margin-top: 30px;
}
.mems-dash__band:first-child, .evs-dash__band:first-child {
  margin-top: 14px;
}

.mems-dash__bandhead, .evs-dash__bandhead {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
  padding-bottom: 10px;
  margin-bottom: 14px;
  border-bottom: 1px solid #dfe4ea;
}

.mems-dash__h, .evs-dash__h {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1c2531;
}

.mems-dash__lede, .evs-dash__lede {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.mems-dash__calm, .evs-dash__calm {
  margin: 0;
  padding: 14px 16px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #067647;
  background: #ecfdf3;
  border: 1px solid #abefc6;
  border-radius: 10px;
}

.mems-dash__attn, .evs-dash__attn {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}
.mems-dash__attn .mem-attn__card, .evs-dash__attn .mem-attn__card {
  margin: 0;
  min-width: 0;
}

@media (min-width: 701px) and (max-width: 1100px) {
  .mems-dash__attn, .evs-dash__attn {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.mems-dash__figures {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.mems-dash__figures .insight-mount, .mems-dash__figures .insight {
  display: block;
  width: 100%;
  height: 100%;
}
.mems-dash__figures .insight-mount::before, .mems-dash__figures .insight::before {
  display: none;
}
.mems-dash__figures .insight-metric-tile {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  min-height: 108px;
}

@media (max-width: 1100px) {
  .mems-dash__figures {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .mems-dash__figures {
    grid-template-columns: minmax(0, 1fr);
  }
}
.mems-dash__grid, .evs-dash__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.mems-dash__grid > *, .evs-dash__grid > * {
  grid-column: span var(--span, 4);
  min-width: 0;
}

.mems-dash__tiles, .evs-dash__tiles {
  display: grid;
  grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
  gap: 14px;
  align-content: stretch;
}

.mems-dash__card, .evs-dash__card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 14px 16px 16px;
  min-height: 200px;
}

.mems-dash__card-title, .evs-dash__card-title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}

.mems-dash__card-body {
  flex: 1 1 auto;
  min-width: 0;
}

.mems-dash__tiles .insight-mount, .evs-dash__tiles .insight-mount, .mems-dash__tiles .insight, .evs-dash__tiles .insight, .mems-dash__card-body .insight-mount, .mems-dash__card-body .insight, .mems-pane__card .insight-mount, .mems-pane__card .insight {
  display: block;
  width: 100%;
  height: 100%;
}
.mems-dash__tiles .insight-mount::before, .evs-dash__tiles .insight-mount::before, .mems-dash__tiles .insight::before, .evs-dash__tiles .insight::before, .mems-dash__card-body .insight-mount::before, .mems-dash__card-body .insight::before, .mems-pane__card .insight-mount::before, .mems-pane__card .insight::before {
  display: none;
}
.mems-dash__tiles > .insight-mount > .insight > *, .evs-dash__tiles > .insight-mount > .insight > *, .mems-dash__card-body > .insight-mount > .insight > *, .mems-pane__card > .insight-mount > .insight > * {
  width: 100%;
  box-sizing: border-box;
}

.mems-dash__tiles .insight-metric-tile, .evs-dash__tiles .insight-metric-tile {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  min-height: 108px;
}

.mems-dash__card-body .insight-breakdown-bars, .mems-dash__card-body .insight-figure-table, .mems-dash__card-body .insight-trend {
  border: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
}

.mems-dash__foot {
  margin: 22px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  text-align: center;
}

@media (max-width: 1100px) {
  .mems-dash__grid > *, .evs-dash__grid > * {
    grid-column: span 6;
  }
  .mems-dash__grid > .mems-dash__tiles, .mems-dash__grid > .evs-dash__tiles, .evs-dash__grid > .mems-dash__tiles, .evs-dash__grid > .evs-dash__tiles {
    grid-column: span 12;
    grid-template-rows: none;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .mems-dash__grid > .mems-dash__card:nth-child(even):last-child, .mems-dash__grid > .evs-dash__card:nth-child(even):last-child, .evs-dash__grid > .mems-dash__card:nth-child(even):last-child, .evs-dash__grid > .evs-dash__card:nth-child(even):last-child {
    grid-column: span 12;
  }
}
@media (max-width: 720px) {
  .mems-dash__grid > *, .evs-dash__grid > * {
    grid-column: span 12;
  }
}
.mems-pane__card {
  margin: 8px 0 10px;
}
.mems-pane__card .insight-metric-tile, .mems-pane__card .insight-breakdown-bars, .mems-pane__card .insight-trend {
  border: 0;
  padding: 0;
  box-shadow: none;
}

.cc-setup-dialog {
  width: min(760px, 100vw - 32px);
  max-height: min(86vh, 920px);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: #ffffff;
  color: #1c2531;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28);
}
.cc-setup-dialog::backdrop {
  background: rgba(15, 23, 42, 0.45);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}
.cc-setup-dialog__in {
  padding: 22px 26px 24px;
  overflow: auto;
  max-height: inherit;
}
.cc-setup-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dfe4ea;
}
.cc-setup-dialog__title {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.cc-setup-dialog__lede {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
  max-width: 56ch;
}
.cc-setup-dialog__section {
  margin-top: 20px;
}
.cc-setup-dialog__heading {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}
.cc-setup-dialog__hint {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.cc-setup-dialog__form {
  display: flex;
  gap: 8px;
  align-items: center;
}
.cc-setup-dialog__form .ccs-input {
  flex: 1 1 260px;
}
.cc-setup-dialog__foot {
  margin: 18px 0 0;
  font-size: var(--edc-fs-secondary);
}

.cc-cs__stack {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.cc-cs-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #ffffff;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.cc-cs-row:hover {
  border-color: #b7cbea;
  box-shadow: 0 2px 10px rgba(18, 30, 48, 0.08);
}
.cc-cs-row.is-current {
  border-color: #1c3f75;
  box-shadow: inset 0 0 0 1px #1c3f75;
}
.cc-cs-row__open {
  display: block;
  color: inherit;
  text-decoration: none;
  min-width: 0;
}
.cc-cs-row__open:hover {
  color: inherit;
  text-decoration: none;
}
.cc-cs-row__name {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
}
.cc-cs-row__now {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1c3f75;
  background: #e6eefa;
  padding: 2px 7px;
  border-radius: 999px;
}
.cc-cs-row__blurb {
  display: block;
  margin: 3px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.cc-cs-row__tabs {
  list-style: none;
  margin: 9px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.cc-cs-row__tabs li {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #1c2531;
  background: #edf1f6;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  padding: 2px 9px;
}
.cc-cs-row__use-form {
  margin: 0;
}
.cc-cs-row__use {
  min-width: 64px;
  justify-content: center;
}

.ccs-bar {
  background: var(--edc-sidebar-bg, #0f1a2e);
  color: var(--edc-sidebar-text, rgba(255, 255, 255, 0.92));
  border-bottom-color: var(--edc-sidebar-border, rgba(255, 255, 255, 0.08));
  box-shadow: inset 0 2px 0 0 transparent;
  background-image: linear-gradient(90deg, #60a5fa 0%, #2f5cc4 38%, #0d9f6e 100%);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: top;
}
.ccs-bar__brand {
  color: var(--edc-sidebar-text, #fff);
  border-right-color: var(--edc-sidebar-divider, rgba(255, 255, 255, 0.1));
}
.ccs-bar__brand .fa {
  color: var(--edc-sidebar-active-icon, #60a5fa);
  filter: drop-shadow(0 0 6px rgba(96, 165, 250, 0.55));
}
.ccs-bar__brand:hover, .ccs-bar__brand:focus-visible {
  color: var(--edc-sidebar-active-text, #fff);
}
.ccs-bar__eyebrow {
  opacity: 1;
  color: var(--edc-sidebar-text-muted, rgba(255, 255, 255, 0.72));
}
.ccs-bar .ccs-tab {
  background: var(--edc-sidebar-hover-bg, rgba(255, 255, 255, 0.08));
  color: var(--edc-sidebar-text-muted, rgba(255, 255, 255, 0.65));
  border-color: var(--edc-sidebar-border, rgba(255, 255, 255, 0.12));
  box-shadow: none;
}
.ccs-bar .ccs-tab:hover {
  background: var(--edc-sidebar-active-bg, rgba(255, 255, 255, 0.12));
  color: var(--edc-sidebar-active-text, #fff);
}
.ccs-bar .ccs-tab.is-active {
  background-color: #f1f4f8;
  color: #1c2531;
  border-color: transparent;
  box-shadow: none;
}
.ccs-bar .ccs-tab .ccs-keycap {
  color: var(--edc-sidebar-text-muted, rgba(255, 255, 255, 0.7));
  background: var(--edc-sidebar-hover-bg, rgba(255, 255, 255, 0.1));
  border-color: var(--edc-sidebar-border, rgba(255, 255, 255, 0.2));
  box-shadow: none;
}
.ccs-bar .ccs-tab.is-active .ccs-keycap {
  background: #ffffff;
  color: #1c3f75;
  border-color: #c8d6ee;
}
.ccs-bar .ccs-chip {
  color: var(--edc-sidebar-text, #fff);
  background: var(--edc-sidebar-hover-bg, rgba(255, 255, 255, 0.1));
  border-color: var(--edc-sidebar-border, rgba(255, 255, 255, 0.16));
  box-shadow: none;
}
.ccs-bar .ccs-tool {
  color: var(--edc-sidebar-text, #fff);
}
.ccs-bar .ccs-tool:hover {
  background: var(--edc-sidebar-active-bg, rgba(255, 255, 255, 0.12));
  border-color: transparent;
  box-shadow: none;
  color: var(--edc-sidebar-active-text, #fff);
}
.ccs-bar .ccs-tool:focus-visible {
  outline-color: var(--edc-sidebar-active-icon, #60a5fa);
}
.ccs-bar .ccs-tool .ccs-keycap {
  color: var(--edc-sidebar-text-muted, rgba(255, 255, 255, 0.75));
  background: var(--edc-sidebar-hover-bg, rgba(255, 255, 255, 0.1));
  border-color: var(--edc-sidebar-border, rgba(255, 255, 255, 0.2));
  box-shadow: none;
}

body[data-theme=light] .ccs-bar .ccs-tab.is-active {
  border-color: #c6cfda;
}

body[data-cc-flare=stripe] .ccs-frame__in {
  background: #0f1a2e;
}
body[data-cc-flare=stripe] .ccs-bar {
  gap: 0;
  padding-right: 10px;
  background-image: none;
  border-bottom: 0;
}
body[data-cc-flare=stripe] .ccs-bar__brand {
  padding: 0 18px 0 16px;
  gap: 11px;
  border-right: 0;
}
body[data-cc-flare=stripe] .ccs-bar__brand .fa {
  color: #58bc70;
  filter: drop-shadow(0 0 7px rgba(88, 188, 112, 0.6));
}
body[data-cc-flare=stripe] .ccs-bar__eyebrow {
  color: rgba(255, 255, 255, 0.62);
  opacity: 1;
}
body[data-cc-flare=stripe] .ccs-tabs {
  align-self: stretch;
  align-items: stretch;
  gap: 0;
  padding: 0;
}
body[data-cc-flare=stripe] .ccs-tab {
  height: auto;
  align-self: stretch;
  margin: 0;
  padding: 0 20px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.045);
  color: rgba(255, 255, 255, 0.74);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.5), inset 12px 0 12px -12px rgba(0, 0, 0, 0.55), inset -1px 0 0 rgba(255, 255, 255, 0.04);
  transition: background 120ms ease, color 120ms ease;
}
body[data-cc-flare=stripe] .ccs-tab:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
body[data-cc-flare=stripe] .ccs-tab:focus-visible {
  outline: 2px solid #58bc70;
  outline-offset: -4px;
}
body[data-cc-flare=stripe] .ccs-tab.is-active {
  height: auto;
  z-index: 2;
  background: #fff;
  background-image: none;
  color: #0f1a2e;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45), 0 0 22px rgba(0, 0, 0, 0.65);
}
body[data-cc-flare=stripe] .ccs-tab.is-active + .ccs-tab {
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04);
}
body[data-cc-flare=stripe] .ccs-tab .ccs-keycap {
  display: none;
}
body[data-cc-flare=stripe] .ccs-tab--visit {
  border-bottom: 2px dashed rgba(255, 255, 255, 0.35);
  box-sizing: border-box;
}
body[data-cc-flare=stripe] .ccs-tabs--tight .ccs-tab {
  padding: 0 14px;
}
@media (max-width: 1100px) {
  body[data-cc-flare=stripe] .ccs-tab {
    padding: 0 14px;
  }
}
body[data-cc-flare=stripe] .ccs-chip {
  margin-left: 14px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.72);
}
body[data-cc-flare=stripe] .ccs-sheet {
  margin: 6px 10px;
  border-radius: 14px;
  overflow: hidden;
  border: 2px solid transparent;
  background: linear-gradient(#f1f4f8, #f1f4f8) padding-box, linear-gradient(90deg, #58bc70 0%, #f5a721 55%, #ed454c 100%) border-box;
}
body[data-cc-flare=stripe] .ccs-flash {
  margin: 6px 10px 0;
}
body[data-cc-flare=stripe] .ccs-status {
  background: #0f1a2e;
  color: rgba(255, 255, 255, 0.72);
  border-top: 0;
}
body[data-cc-flare=stripe] .ccs-status__seg:first-child {
  color: #fff;
}
body[data-cc-flare=stripe] .ccs-status kbd {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: none;
}

body[data-cc-flare=ember] .ccs-frame__in {
  background: #0f1a2e;
}
body[data-cc-flare=ember] .ccs-bar {
  background: linear-gradient(90deg, #143a2f 0%, #10233a 34%, #0f1a2e 60%);
  background-image: none;
  background: linear-gradient(90deg, #143a2f 0%, #10233a 34%, #0f1a2e 60%);
  border-bottom: 1px solid rgba(88, 188, 112, 0.35);
}
body[data-cc-flare=ember] .ccs-bar__brand {
  border-right-color: rgba(88, 188, 112, 0.3);
}
body[data-cc-flare=ember] .ccs-bar__brand .fa {
  color: #58bc70;
  filter: none;
}
body[data-cc-flare=ember] .ccs-tabs {
  align-items: stretch;
  gap: 2px;
  padding: 0 4px;
}
body[data-cc-flare=ember] .ccs-tab {
  height: 100%;
  margin: 0;
  padding: 0 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.68);
  font-weight: 600;
  position: relative;
}
body[data-cc-flare=ember] .ccs-tab::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: transparent;
}
body[data-cc-flare=ember] .ccs-tab:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
body[data-cc-flare=ember] .ccs-tab.is-active {
  height: 100%;
  background: transparent;
  background-image: none;
  color: #fff;
  box-shadow: none;
}
body[data-cc-flare=ember] .ccs-tab.is-active::after {
  background: #58bc70;
}
body[data-cc-flare=ember] .ccs-chip {
  border-color: rgba(88, 188, 112, 0.35);
}
body[data-cc-flare=ember] .ccs-sheet {
  margin: 0 10px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(88, 188, 112, 0.45);
}
body[data-cc-flare=ember] .ccs-flash {
  margin: 8px 10px 0;
}
body[data-cc-flare=ember] .ccs-status {
  background: #0f1a2e;
  color: rgba(255, 255, 255, 0.72);
  border-top: 0;
  background-image: linear-gradient(90deg, #58bc70 0%, #f5a721 55%, #ed454c 100%);
  background-size: 100% 3px;
  background-repeat: no-repeat;
  background-position: bottom;
}
body[data-cc-flare=ember] .ccs-status kbd {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: none;
}

.evs {
  padding: 18px 24px 28px;
}

.evs-head__lead {
  min-width: 0;
}

.evs-modes .vgr-switch__link {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  padding: 7px 14px;
}

.evs-modes .vgr-switch__glyph .fa {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.evs-band {
  max-width: none;
  align-items: stretch;
}
.evs-band .insight-mount, .evs-band .insight {
  height: 100%;
}
.evs-band .insight-metric-tile {
  height: 100%;
}

.ccs-switcher__item.is-active .evs-queues__n {
  background: #fff;
  color: #1c3f75;
}

.evs-filters__q {
  width: 220px;
}

.evs-filters__category {
  width: 180px;
}

.evs-when {
  display: block;
  font-weight: 700;
  color: #1c2531;
  white-space: nowrap;
}

.evs-table td:first-child .evs-table__meta {
  white-space: nowrap;
}

.evs-needs {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #b54708;
}

#evs-work.is-refreshing {
  opacity: 0.6;
  transition: opacity 120ms ease;
}

@media (max-width: 1100px) {
  .evs-dash__tiles {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
.evs-dash__card .insight-mount, .evs-dash__card .insight {
  display: block;
  width: 100%;
  flex: 1;
}

.evs-dash__card .insight-mount::before, .evs-dash__card .insight::before {
  display: none;
}

.evs-dash__card .insight-breakdown-bars__row {
  grid-template-columns: 200px 1fr 50px;
}

.evs-door {
  margin-top: 18px;
}

.evs-door__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.evs-door__title {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #1c2531;
}

.evs-door__sub {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.evs-door__pick {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  flex-wrap: wrap;
}
.evs-door__pick .ccs-input {
  min-width: 260px;
}

.evs .ev-checkin-tools {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.evs .ev-quickadd--door {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 14px;
  padding: 10px 12px;
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.evs .ev-quickadd--door input, .evs .ev-quickadd--door select {
  padding: 6px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.evs .ev-quickadd--door input[type=text] {
  flex: 0 1 240px;
}
.evs .ev-quickadd--door input[type=email] {
  flex: 0 1 300px;
}

.evs-pane__place {
  color: #556070;
  font-size: var(--edc-fs-secondary);
}
.evs-pane__place .fa {
  margin-right: 3px;
}

.evs-pane__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 10px;
}

.evs-pane__stat--warn .evs-pane__num {
  color: #b54708;
}

.evs-pane__stat {
  padding: 10px 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
}

.evs-pane__num {
  display: block;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #1c2531;
  line-height: 1.1;
}

.evs-pane__of {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
}

.evs-pane__label {
  display: block;
  margin-top: 3px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}

.evs-pane__needs {
  padding: 12px 14px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 10px;
}
.evs-pane__needs .ccs-col__heading {
  color: #b54708;
}

.evs-pane__need {
  gap: 10px;
}
.evs-pane__need .fa {
  color: #b54708;
  width: 16px;
  text-align: center;
}
.evs-pane__need--muted .fa {
  color: #556070;
}
.evs-pane__need .ccs-link {
  margin-left: auto;
}

.ccs-list__more {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
}

.ccs-pane__empty {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.ccs-split--wide.is-open {
  grid-template-columns: minmax(0, 1fr) minmax(600px, 54%);
}

@media (max-width: 1100px) {
  .ccs-split--wide.is-open {
    grid-template-columns: minmax(0, 1fr);
  }
}
.evs-pane__inline {
  display: inline;
  margin: 0;
}

.evs-pane__open {
  margin-left: auto;
}

.evs-pane__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 16px 0 0;
  padding: 0 0 12px;
  border-bottom: 1px solid #dfe4ea;
}

.evs-pane__tab {
  display: inline-flex;
  align-items: center;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  line-height: 1;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid #dfe4ea;
  color: #1c2531;
  background: #ffffff;
  text-decoration: none;
  white-space: nowrap;
}
.evs-pane__tab .n {
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 999px;
  background: #edf1f6;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-variant-numeric: tabular-nums;
}
.evs-pane__tab:hover {
  background: #edf1f6;
  text-decoration: none;
  color: #1c2531;
}
.evs-pane__tab.is-active {
  background: #1c2531;
  color: #fff;
  border-color: #1c2531;
}
.evs-pane__tab.is-active .n {
  background: rgba(255, 255, 255, 0.18);
}
.evs-pane__tab:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.evs-pane__body {
  margin-top: 14px;
}

.evs-pane__body .ccs-pane__section + .ccs-pane__section {
  margin-top: 14px;
}

.evs-pane__body .ev-panel {
  margin: 0 0 14px;
  padding: 14px 16px;
  border-radius: 10px;
}

.evs-pane__body .ev-panel__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.evs-pane__body .ev-panel__titlerow {
  flex-wrap: wrap;
  gap: 8px 12px;
}

.evs-pane__body .ev-quickadd {
  flex-wrap: wrap;
}
.evs-pane__body .ev-quickadd input[type=text] {
  flex: 1 1 140px;
}
.evs-pane__body .ev-quickadd input[type=email] {
  flex: 1 1 200px;
}

.evs-pane__body .ev-share__row {
  flex-wrap: wrap;
}
.evs-pane__body .ev-share__row .ev-share__field {
  flex: 1 1 100%;
}

.evs-pane__body .ev-emails__row {
  flex-wrap: wrap;
}

.evs-pane__body .ev-statrow--after {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.evs-pane__body .ev-sponsor {
  flex-wrap: wrap;
}

.evs-pane__body .ev-money th:nth-child(2), .evs-pane__body .ev-money td:nth-child(2) {
  display: none;
}

.evs-regs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.evs-reg {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "who status" "facts actions";
  gap: 4px 12px;
  align-items: start;
  padding: 10px 0;
  border-top: 1px solid #dfe4ea;
}
.evs-reg:first-child {
  border-top: 0;
}
.evs-reg.is-muted {
  opacity: 0.6;
}
.evs-reg__who {
  grid-area: who;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.evs-reg__facts {
  grid-area: facts;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.evs-reg__status {
  grid-area: status;
  justify-self: end;
}
.evs-reg__actions {
  grid-area: actions;
  justify-self: end;
}
.evs-reg__actions form {
  margin: 0;
}

.evs-pane__form .ev-form__grid, .evs-pane__form .ev-grid {
  grid-template-columns: minmax(0, 1fr);
}
.evs-pane__form .ev-panel {
  margin: 0 0 14px;
}

#ccs-pane form.is-busy {
  opacity: 0.55;
  pointer-events: none;
  transition: opacity 150ms ease;
}

.ccs-flash--alert {
  background: #fef3f2;
  color: #b42318;
  border-color: #fecdca;
}

.evs-board-head {
  padding: 18px 24px 0;
}
.evs-board-head .evs-head__actions {
  align-self: center;
}

.evs-roster__event {
  display: block;
  font-weight: 600;
  color: #1c2531;
}

.evs-roster__new {
  color: #b54708;
  font-weight: 600;
}

.evs-roster__actions {
  white-space: nowrap;
  text-align: right;
}
.evs-roster__actions .ev-mini {
  margin: 0;
}

.evs-inline {
  display: inline;
  margin: 0;
}

#evs-work form.is-busy {
  opacity: 0.55;
  pointer-events: none;
}

@media (max-width: 1100px) {
  .evs-head {
    grid-template-columns: minmax(0, 1fr) auto;
    row-gap: 12px;
  }
  .evs-head__island {
    grid-column: 1/-1;
    grid-row: 2;
    justify-self: center;
  }
  .evs-head__actions {
    grid-column: 2;
    grid-row: 1;
    white-space: nowrap;
  }
}
.ccs-split.is-open .evs-head {
  grid-template-columns: minmax(0, 1fr) auto;
  row-gap: 12px;
}

.ccs-split.is-open .evs-head__island {
  grid-column: 1/-1;
  grid-row: 2;
  justify-self: center;
}

.ccs-split.is-open .evs-head__actions {
  grid-column: 2;
  grid-row: 1;
  white-space: nowrap;
}

.evs-board-head {
  padding: 18px 0 0;
}

.evs-keys {
  width: min(440px, 92vw);
  padding: 0;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(16, 24, 40, 0.28);
}
.evs-keys::backdrop {
  background: rgba(16, 24, 40, 0.45);
}

.evs-keys .ev-dialog__head {
  padding: 16px 18px 8px;
}

.evs-keys__list {
  margin: 0;
  padding: 4px 18px 18px;
  display: grid;
  gap: 8px;
}
.evs-keys__list > div {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.evs-keys__list dt {
  margin: 0;
  white-space: nowrap;
}
.evs-keys__list dd {
  margin: 0;
  color: #1c2531;
}
.evs-keys__list kbd {
  display: inline-block;
  min-width: 20px;
  padding: 1px 6px;
  border: 1px solid #dfe4ea;
  border-bottom-width: 2px;
  border-radius: 5px;
  background: #ffffff;
  color: #1c2531;
  font: 600 var(--edc-fs-label)/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-align: center;
}

.ev-series-table tr.is-current td {
  background: #f5f7fa;
}

.evs-pane__body .ev-series-table {
  font-size: var(--edc-fs-secondary);
}
.evs-pane__body .ev-series-table th, .evs-pane__body .ev-series-table td {
  padding: 6px 8px;
}

.ccs-tab--director {
  position: relative;
}

.ccs-tab__crest {
  margin-right: 6px;
  font-size: var(--edc-fs-label);
  color: currentColor;
}

.ccs-list__flag {
  color: #b42318;
  font-weight: 600;
}

.ccs-inline-form {
  display: inline;
  margin: 0;
}

.mdesk {
  padding: 16px 20px 40px;
}

.mdesk__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 16px;
}

.mdesk__lead {
  min-width: 0;
}

.mdesk__title {
  margin: 2px 0 6px;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #1c2531;
  text-shadow: none;
}

.mdesk__facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.mdesk__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.mdesk__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.mdesk__card {
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
  min-width: 0;
}
.mdesk__card .ccs-col__heading {
  margin: 0 0 10px;
}
.mdesk__card .ccs-list {
  margin: 0;
}

.mdesk__sub {
  margin: 14px 0 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #556070;
}
.mdesk__sub:first-of-type {
  margin-top: 0;
}

.mdesk__bre {
  display: grid;
  gap: 8px;
  margin-bottom: 4px;
}
.mdesk__bre .insight-metric-tile {
  max-width: 320px;
}

.mdesk__memberships .ccs-list__meta .mem-pill, .mdesk__memberships .ccs-list__meta .mem-chip {
  vertical-align: middle;
}

.mdesk__membership {
  align-items: center;
  gap: 12px;
}

.mdesk__membership-what {
  min-width: 0;
}
.mdesk__membership-what .ccs-list__name {
  display: inline;
}
.mdesk__membership-what .mems-kind {
  margin-left: 6px;
  font-weight: 500;
  color: #556070;
  white-space: nowrap;
}

.mdesk__membership-name {
  font: inherit;
  font-weight: 600;
  color: #1c2531;
  background: none;
  border: 0;
  padding: 0;
  text-align: left;
  cursor: pointer;
}
.mdesk__membership-name:hover {
  color: #1c3f75;
  text-decoration: underline;
}
.mdesk__membership-name:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 3px;
}

.mdesk__card-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mdesk__invoice {
  align-items: center;
  gap: 12px;
}

.mdesk__invoice-what {
  min-width: 0;
}
.mdesk__invoice-what .ccs-list__name {
  display: inline;
}
.mdesk__invoice-what .mems-kind {
  margin-left: 6px;
  font-weight: 500;
  color: #556070;
}
.mdesk__invoice-what .inv-status-badge, .mdesk__invoice-what .badge {
  vertical-align: middle;
}

.mdesk__invoice-side {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.mdesk__invoice-side .ccs-list__value {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.inv-pane__payer {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1c2531;
}

.inv-pane__facts {
  margin: 0 0 4px;
}

.inv-pane__lines {
  display: grid;
  gap: 8px;
}

.inv-pane__line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px 96px;
  gap: 8px;
  align-items: center;
}
.inv-pane__line .ccs-input {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.inv-pane__line--head {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}

.inv-pane__qty, .inv-pane__each {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.mem-flow__foot .ccs-btn {
  white-space: nowrap;
}

.mem-chip--inv-overdue .mem-chip__dot {
  background: #b42318;
}

.mem-chip--inv-open .mem-chip__dot {
  background: #c2620e;
}

.mem-chip--inv-paid .mem-chip__dot {
  background: #0d9f6e;
}

.mem-chip--inv-void .mem-chip__dot, .mem-chip--inv-draft .mem-chip__dot {
  background: #98a2ae;
}

.ccs-more {
  position: relative;
  margin: 0;
}
.ccs-more > summary {
  list-style: none;
}
.ccs-more > summary::-webkit-details-marker {
  display: none;
}
.ccs-more > summary .fa {
  font-size: var(--edc-fs-eyebrow);
}
.ccs-more[open] > summary {
  background: #edf1f6;
}
.ccs-more__menu {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  left: 0;
  min-width: 190px;
  padding: 6px;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
  display: grid;
}
.ccs-more__item {
  display: block;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1c2531;
  text-decoration: none;
}
.ccs-more__item:hover {
  background: #edf1f6;
  color: #1c2531;
  text-decoration: none;
}
.ccs-more__item:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}

.mdesk__membership-actions {
  display: flex;
  gap: 6px;
  flex: 0 0 auto;
}

.mdesk__money {
  margin: 0 0 10px;
}

/* A MODULE'S WHOLE FORM IN THE PANE (contacts/_pane_new, projects/_pane_new):
   the record forms' two-column grid reads as one column here, and their
   section markers and save bars stay out of the way. */
.ccs-pane__module-form .form-row, .ccs-pane__module-form .row {
  display: block;
}

.ccs-pane__module-form [class*=col-] {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.ccs-pane__module-form .formRowSize {
  padding: 0;
}

.ccs-pane__module-form .form-group {
  margin-bottom: 14px;
}

.ccs-pane__module-form .rfs-sect[aria-hidden] {
  display: none;
}

.ccs-pane__module-form .divider-hr {
  margin: 14px 0;
}

.ccs-pane__module-form .mem-flow__foot {
  margin-top: 18px;
}

.mdesk-pane .mem-flow {
  gap: 18px;
}

.mdesk-pane .mem-flow__grid {
  grid-template-columns: minmax(0, 1fr);
}

.mdesk-pane .mem-flow__programs {
  grid-template-columns: minmax(0, 1fr);
}

.mdesk .mem-flowlines {
  margin: 0 0 16px;
}

@media (max-width: 1100px) {
  .mdesk__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ccq {
  padding: 16px 20px 40px;
}

.ccq__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.ccq__filtered {
  font-size: var(--edc-fs-body);
  font-weight: 500;
  color: #556070;
}

.ccq__queues {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 12px;
}

.ccq__pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.ccq__pill:hover {
  background: #e6eefa;
  text-decoration: none;
}
.ccq__pill.is-active {
  background: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}
.ccq__pill.is-active .mems-queues__n, .ccq__pill.is-active .evs-queues__n {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}

.ccq__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0 0 12px;
}
.ccq__filters .ccs-input {
  max-width: 180px;
}

.ccq__q {
  min-width: 240px;
}

.ccq__city {
  max-width: 140px;
}

.ccq__clear {
  font-size: var(--edc-fs-secondary);
}

.ccq__tablewrap {
  overflow-x: auto;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
}

.ccq__table {
  width: 100%;
  margin: 0;
}
.ccq__table th, .ccq__table td {
  padding: 10px 12px;
  vertical-align: top;
}
.ccq__table th {
  white-space: nowrap;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}
.ccq__table td:first-child {
  min-width: 220px;
}
.ccq__table .mem-chip {
  vertical-align: middle;
}

.ccq__mships {
  width: 34%;
  min-width: 320px;
}

.ccq__col-company {
  width: 22%;
}

.ccq__ret {
  width: 15%;
}
.ccq__ret .mems-table__meta, .ccq__ret .evs-table__meta {
  white-space: normal;
  overflow: visible;
}

.cq-mship {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 6px;
}
.cq-mship .mem-pill {
  flex: 0 0 auto;
}
.cq-mship .mems-table__meta, .cq-mship .evs-table__meta {
  display: block;
  margin: 2px 0 0;
  white-space: normal;
  overflow: visible;
  max-width: none;
}

@media (max-width: 1100px) {
  .ccq__mships {
    width: 28%;
    min-width: 0;
  }
  .ccq__touch {
    min-width: 112px;
  }
  .ccq__table td .mems-table__meta, .ccq__table td .evs-table__meta {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
  .mems-table td.mems-num .mems-table__meta, .evs-table td.mems-num .mems-table__meta, .mems-table td.evs-num .mems-table__meta, .evs-table td.evs-num .mems-table__meta, .mems-table td.mems-num .evs-table__meta, .evs-table td.mems-num .evs-table__meta, .mems-table td.evs-num .evs-table__meta, .evs-table td.evs-num .evs-table__meta {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}
.mems-dash__card-body {
  overflow-x: auto;
}

.mems-dash__card-body table {
  min-width: 100%;
}

@media (max-width: 1100px) {
  .ccq__table .cq-mship {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
  .ccq__table td.ccq__mships {
    overflow: visible;
    text-overflow: clip;
  }
}
@media (max-width: 640px) {
  .ccq__table thead {
    display: none;
  }
  .ccq__table tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 12px 14px;
    border-top: 1px solid #dfe4ea;
  }
  .ccq__table tbody tr:first-child {
    border-top: 0;
  }
  .ccq__table tbody td, .ccq__table tbody td[data-label], .ccq__table tbody td:first-child {
    grid-column: 1;
    grid-row: auto;
  }
  .ccq__table td, .ccq__table td:first-child {
    display: block;
    width: auto;
    min-width: 0;
    padding: 0;
  }
  .ccq__table td[data-label]::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 2px;
    font-size: var(--edc-fs-eyebrow);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #556070;
  }
  .ccq__table .ccq__num {
    text-align: left;
    padding-right: 0 !important;
  }
  .ccq__mships {
    width: auto;
    min-width: 0;
  }
}
.ccq__num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  padding-right: 20px !important;
}

.ccq__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
}

.ccq__pages {
  display: flex;
  gap: 6px;
}

[data-ccq-row][data-ccq-marked] td {
  background: #e6eefa;
}

[data-ccq-row][data-ccq-marked] td:first-child {
  box-shadow: inset 3px 0 0 #1c3f75;
}

.mdesk--rail {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.mdesk__body {
  min-width: 0;
}

.ccq-rail {
  position: sticky;
  top: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
  padding: 10px 0;
  max-height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
}

.ccq-rail__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 12px 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #1c2531;
}

.ccq-rail__list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  flex: 1 1 auto;
}

.ccq-rail__item {
  padding: 6px 12px;
  border-left: 3px solid transparent;
}
.ccq-rail__item a {
  display: block;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1c2531;
  text-decoration: none;
}
.ccq-rail__item:hover {
  background: #e6eefa;
}
.ccq-rail__item.is-current {
  border-left-color: #1c3f75;
  background: #e6eefa;
}

.ccq-rail__meta {
  display: block;
  font-size: var(--edc-fs-label);
  color: #556070;
}

.ccq-rail__note {
  margin: 0 12px 8px;
}

.ccq-rail__keys {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  margin: 8px 12px 0;
}

.mdesk__prospect {
  display: block;
  margin-top: 4px;
}

@media (max-width: 1100px) {
  .mdesk--rail {
    grid-template-columns: minmax(0, 1fr);
  }
  .ccq-rail {
    position: static;
    max-height: 240px;
  }
}
.ccn {
  margin: 0 0 16px;
}

.ccn__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 10px;
}
.ccn__head .ccs-col__heading {
  margin: 0;
}

.ccn__cal {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ccn__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 34%);
  gap: 20px;
  align-items: start;
}

.ccn__add {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 20px;
  border-left: 1px solid #dfe4ea;
}
.ccn__add .mems-mini {
  margin-top: 0;
}
.ccn__add .mems-mini + .mems-mini {
  margin-top: 8px;
}

@media (max-width: 1100px) {
  .ccn__body {
    grid-template-columns: minmax(0, 1fr);
  }
  .ccn__add {
    padding: 12px 0 0;
    border-left: 0;
    border-top: 1px solid #dfe4ea;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
  .ccn__add .mems-mini + .mems-mini {
    margin-top: 0;
  }
  .ccn__add .mems-mini {
    flex: 1 1 260px;
  }
}
.ccn-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ccn-item {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 9px 0;
  border-top: 1px solid #dfe4ea;
}
.ccn-item:first-child {
  border-top: 0;
  padding-top: 0;
}

.ccn-item__when {
  display: flex;
  flex-direction: column;
  font-variant-numeric: tabular-nums;
}

.ccn-item__date {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 700;
  color: #1c2531;
}

.ccn-item__date--none {
  font-weight: 600;
  color: #556070;
}

.ccn-item__late {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #b42318;
}

.ccn-item.is-overdue .ccn-item__date {
  color: #b42318;
}

.ccn-item__what {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.ccn-item__label {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1c2531;
}
.ccn-item__label i {
  width: 16px;
  color: #556070;
  font-size: var(--edc-fs-label);
}

.ccn-item__note {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  padding-left: 20px;
}

.ccn-item__act:empty {
  display: none;
}

.ccn-more {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.ccn--pane .ccn-item {
  grid-template-columns: 72px minmax(0, 1fr);
}

.ccn--pane .ccn-list {
  margin-bottom: 4px;
}

.ccn--pane, .ccn-company {
  margin-top: 18px;
}

.ccn--pane .ccs-col__heading {
  margin: 0 0 10px;
}

.ccn-cell {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.ccn-cell__date {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}

.ccn-cell.is-overdue .ccn-cell__date {
  color: #b42318;
}

.ccn-cell__label {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  overflow-wrap: anywhere;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ccq__table td.ccq__next {
  white-space: normal;
}

@media (min-width: 641px) {
  .ccq__next {
    width: 15%;
  }
  .ccq__table .ccq__mships {
    width: 30%;
  }
  .ccq__table th.ccq__touch, .ccq__table td[data-label="Last touch"] {
    width: 112px;
    white-space: nowrap;
  }
  .ccq__table th.ccq__num {
    width: 96px;
  }
}
@media (min-width: 641px) and (max-width: 1100px) {
  .ccq__table .ccq__mships {
    width: 24%;
  }
  .ccq__table .ccq__ret {
    width: 13%;
  }
  .ccq__table th.ccq__touch {
    width: 112px;
    white-space: nowrap;
  }
  .ccq__table td[data-label="Last touch"] {
    width: 112px;
    white-space: normal;
  }
}
@media (max-width: 640px) {
  .ccn-item {
    grid-template-columns: 64px minmax(0, 1fr);
  }
  .ccn-item__act {
    grid-column: 2;
  }
  .ccn-item__note {
    padding-left: 0;
  }
  .mdesk__facts .mem-pill {
    white-space: normal;
  }
}
.mems-table td.ccn-td, .evs-table td.ccn-td, .mems-table td.ccn-td > *, .evs-table td.ccn-td > *, .mems-table td.mems-num .mems-table__meta, .evs-table td.mems-num .mems-table__meta, .mems-table td.evs-num .mems-table__meta, .evs-table td.evs-num .mems-table__meta, .mems-table td.mems-num .evs-table__meta, .evs-table td.mems-num .evs-table__meta, .mems-table td.evs-num .evs-table__meta, .evs-table td.evs-num .evs-table__meta {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.mems-table td[data-label=Joined], .evs-table td[data-label=Joined] {
  white-space: nowrap;
}

.ccq__owner i {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  margin-right: 3px;
}

.ccn-stage {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  background: #ffffff;
}
.ccn-stage i {
  font-size: var(--edc-fs-eyebrow);
}
.ccn-stage strong {
  color: #1c2531;
  font-weight: 600;
}

.ccn-attended {
  margin: 0 0 10px;
}

.ccn-ret {
  display: block;
  margin-top: 3px;
}

.ccn-company__facts {
  margin: 0;
  grid-template-columns: minmax(0, 1fr) !important;
}

.ccn-company__program {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 10px 4px 0;
}

.ccs-flash--error {
  background: #fef3f2;
  color: #b42318;
  border-color: #fecdca;
}

.ccs-tabs[data-tab-overflow] {
  overflow: visible;
  flex: 1 1 auto;
}

.ccs-bar {
  z-index: 60;
}

.ccs-more {
  position: relative;
  display: flex;
  align-items: flex-end;
}

.ccs-tab--more {
  font: inherit;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  cursor: pointer;
  gap: 6px;
}

.ccs-more__count {
  font-weight: 700;
}

.ccs-more__menu {
  position: absolute;
  top: calc(100% + 2px);
  right: 0;
  z-index: 1000;
  min-width: 220px;
  padding: 6px;
  background: #ffffff;
  border: 1px solid #c6cfda;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(28, 37, 49, 0.18);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ccs-more__menu .ccs-tab {
  height: auto;
  margin: 0;
  padding: 9px 12px;
  background: transparent;
  border: 0;
  border-radius: 7px;
  box-shadow: none;
  color: #1c2531;
  justify-content: flex-start;
}
.ccs-more__menu .ccs-tab:hover, .ccs-more__menu .ccs-tab:focus-visible {
  background: #ebf0f5;
}
.ccs-more__menu .ccs-tab.is-active {
  background-image: none;
  background: #ebf0f5;
}

.ccq--railed {
  display: grid;
  grid-template-columns: 216px minmax(0, 1fr);
  gap: 0;
  padding: 0;
  min-height: 100%;
}

.ccq__work {
  min-width: 0;
  padding: 16px 20px 40px;
}

.ccq-qrail {
  align-self: stretch;
  border-right: 1px solid #dfe4ea;
  background: #f5f7fa;
}

.ccq-qrail__in {
  position: sticky;
  top: 0;
  max-height: 100vh;
  overflow-y: auto;
  padding: 18px 10px 24px 14px;
}

.ccq-qrail__group {
  margin: 14px 8px 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
  text-shadow: none;
}
.ccq-qrail__group:first-child {
  margin-top: 0;
}

.ccq-qrail__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ccq-qrail__q {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 7px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  text-decoration: none;
  transition: background-color 120ms cubic-bezier(0.2, 0, 0, 1), color 120ms cubic-bezier(0.2, 0, 0, 1);
}
.ccq-qrail__q:hover {
  background: #edf1f6;
  color: #1c2531;
  text-decoration: none;
}
.ccq-qrail__q:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}
.ccq-qrail__q.is-active {
  background: #ffffff;
  color: #1c3f75;
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08), 0 0 0 1px #dfe4ea;
}

.ccq-qrail__label {
  min-width: 0;
}

.ccq-qrail__count {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  color: #556070;
  font-variant-numeric: tabular-nums;
}

.ccq-qrail__q.is-active .ccq-qrail__count {
  color: #1c3f75;
}

.ccq__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  position: relative;
}

.ccq__search {
  position: relative;
  display: flex;
  align-items: center;
}

.ccq__search .ccq__q {
  min-width: 300px;
  padding-left: 30px;
  padding-right: 30px;
}

.ccq__search-icon {
  position: absolute;
  left: 10px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
  pointer-events: none;
}

.ccq__kbd {
  position: absolute;
  right: 8px;
  padding: 0 5px;
  border: 1px solid #c9d2dd;
  border-radius: 4px;
  font-size: var(--edc-fs-eyebrow);
  font-family: inherit;
  color: #556070;
  background: #ffffff;
  box-shadow: none;
  pointer-events: none;
}

.ccq-filter {
  position: relative;
}

.ccq-filter__button {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ccq-filter__button::-webkit-details-marker {
  display: none;
}

.ccq-filter[open] > .ccq-filter__button {
  border-color: #1c3f75;
  color: #1c3f75;
}

.ccq-filter__count {
  min-width: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #1c3f75;
  color: #fff;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

.ccq-filter__panel {
  position: absolute;
  z-index: 40;
  top: calc(100% + 6px);
  left: 0;
  width: 340px;
  display: grid;
  gap: 10px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.16);
  animation: ccq-pop 160ms cubic-bezier(0.2, 0, 0, 1) both;
}

.ccq-filter__field {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin: 0;
}
.ccq-filter__field > span {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
}
.ccq-filter__field .ccs-input {
  max-width: none;
  width: 100%;
}

.ccq-filter__foot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding-top: 4px;
  border-top: 1px solid #dfe4ea;
  margin-top: 2px;
  padding-top: 10px;
}

.ccq-chips {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
}

.ccq-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 28px;
  padding: 0 4px 0 10px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #ffffff;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}

.ccq-chip__name {
  color: #556070;
  font-weight: 600;
}

.ccq-chip__x {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  color: #556070;
}
.ccq-chip__x:hover {
  background: #edf1f6;
  color: #1c2531;
}
.ccq-chip__x:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

@keyframes ccq-pop {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.ccs-split.is-open .ccq--railed {
  grid-template-columns: 184px minmax(0, 1fr);
}
.ccs-split.is-open .ccq__table .ccq__mships, .ccs-split.is-open .ccq__table .ccq__ret, .ccs-split.is-open .ccq__table .ccq__touch,
.ccs-split.is-open .ccq__table td[data-label="Last touch"], .ccs-split.is-open .ccq__table td[data-label=Retention], .ccs-split.is-open .ccq__table td[data-label=Memberships],
.ccs-split.is-open .ccq__table td[data-label=Added] {
  display: none;
}
.ccs-split.is-open .ccq__search .ccq__q {
  min-width: 200px;
}
.ccs-split.is-open .ccq__table .ccq__col-company {
  width: 54%;
}
.ccs-split.is-open .ccq__table .ccq__next {
  width: 30%;
}
.ccs-split.is-open .ccq__table th.ccq__num {
  width: 16%;
}

.ccq__table tr[data-ccq-marked] {
  background: #edf1f6;
}

.ccq__table tr[data-ccq-marked] td:first-child {
  box-shadow: inset 2px 0 0 #1c3f75;
}

.ccp {
  display: grid;
  gap: 4px;
}

.ccp__head {
  position: relative;
  padding-right: 40px;
  padding-bottom: 12px;
  border-bottom: 1px solid #dfe4ea;
}

.ccp__close {
  position: absolute;
  top: -4px;
  right: -6px;
}

.ccp__title {
  margin: 2px 0 4px;
}

.ccp__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.ccp__facts .fa {
  font-size: var(--edc-fs-label);
  margin-right: 2px;
}

.ccp__standing {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 10px 0 0;
}

.ccp__dup {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 10px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}

.ccp__dup .fa {
  color: #9a5b00;
}

.ccp__dup a {
  font-weight: 600;
  color: #1c3f75;
}

.ccp__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 12px 0;
  border-bottom: 1px solid #dfe4ea;
}

.ccp__key {
  margin-left: 4px;
  padding: 0 4px;
  border: 1px solid currentColor;
  border-radius: 4px;
  background: transparent;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-family: inherit;
  opacity: 0.7;
  box-shadow: none;
  color: inherit;
}

.ccp__form {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #f5f7fa;
  animation: ccq-pop 160ms cubic-bezier(0.2, 0, 0, 1) both;
}
.ccp__form[hidden] {
  display: none;
}

.ccp__label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.ccp__row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.ccp__row .ccs-input {
  flex: 1;
}

.ccp__error {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #a8342f;
}

.ccp__section {
  padding: 14px 0 6px;
  border-bottom: 1px solid #dfe4ea;
}
.ccp__section:last-child {
  border-bottom: 0;
}

.ccp__heading {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
  text-shadow: none;
}

.ccp__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}

.ccp__item {
  display: grid;
  gap: 1px;
  padding: 6px 0;
  border-top: 1px solid #dfe4ea;
}
.ccp__item:first-child {
  border-top: 0;
}

.ccp__item--touch {
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: baseline;
  gap: 8px;
}

.ccp__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.ccp__meta {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  overflow-wrap: anywhere;
}

.ccp__when {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
  font-variant-numeric: tabular-nums;
}

.ccp__what {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1c2531;
}

.ccp__more {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.ccp .ccn-item__act {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: flex-end;
}

.ccp .ccn-item {
  transition: opacity 180ms cubic-bezier(0.2, 0, 0, 1), transform 220ms cubic-bezier(0.2, 0, 0, 1);
}

.ccp .ccn-item.ny-leaving {
  opacity: 0;
  transform: translateX(-16px);
}

@media (max-width: 900px) {
  .ccq--railed {
    grid-template-columns: minmax(0, 1fr);
  }
  .ccq-qrail {
    border-right: 0;
    border-bottom: 1px solid #dfe4ea;
  }
  .ccq-qrail__in {
    position: static;
    max-height: none;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
  }
  .ccq-qrail__group {
    flex-basis: 100%;
    margin: 6px 8px 0;
  }
  .ccq-qrail__list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ccq-filter__panel, .ccp__form, .ccp .ccn-item, .ccq-qrail__q {
    animation: none;
    transition: none;
  }
}
#ccs-pane:has(.ccp-stack) {
  min-height: 100vh;
}

.ccp-stack {
  position: absolute;
  inset: 0 0 0 18px;
  z-index: 5;
  overflow-y: auto;
  padding: 0 22px 40px;
  background: #ffffff;
  border-left: 1px solid #c9d2dd;
  box-shadow: -10px 0 28px rgba(16, 24, 40, 0.12);
  transform: translateX(24px);
  opacity: 0;
  transition: transform 220ms cubic-bezier(0.2, 0, 0, 1), opacity 180ms cubic-bezier(0.2, 0, 0, 1);
}
.ccp-stack.is-in {
  transform: none;
  opacity: 1;
}

.ccp-stack__bar {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 12px 0 8px;
  background: #ffffff;
  border-bottom: 1px solid #dfe4ea;
  margin-bottom: 12px;
}

.ccp-stack__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 10px 0 6px;
  min-width: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #1c3f75;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  cursor: pointer;
}
.ccp-stack__back:hover {
  background: #edf1f6;
}
.ccp-stack__back:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.ccp-stack__back .fa {
  font-size: var(--edc-fs-label);
}

.ccp__pill-link {
  text-decoration: none;
  cursor: pointer;
}
.ccp__pill-link:hover {
  filter: brightness(0.96);
  text-decoration: none;
}
.ccp__pill-link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.ccp__facts-list {
  margin: 0;
  display: grid;
  gap: 6px;
}
.ccp__facts-list > div {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 8px;
}
.ccp__facts-list dt {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  font-weight: 600;
}
.ccp__facts-list dd {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
  .ccp-stack {
    transition: none;
    transform: none;
    opacity: 1;
  }
}
.mems--railed-sheet {
  padding: 0 !important;
}

.mems--railed-sheet > .mems-head, .mems--railed-sheet > .cmx-head, .mems--railed-sheet > .evs-head, .mems--railed-sheet > .mems-flow-lines, .mems--railed-sheet > .ccs-flash {
  margin-left: 20px;
  margin-right: 20px;
}

.mems--railed-sheet > .mems-head, .mems--railed-sheet > .cmx-head, .mems--railed-sheet > .evs-head {
  padding-top: 16px;
}

.mems-railed {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  align-items: stretch;
  border-top: 1px solid #dfe4ea;
}

.mems-railed__body {
  min-width: 0;
  padding: 16px 20px 40px;
}

.mems-rail__glyph {
  width: 16px;
  text-align: center;
  color: #556070;
  margin-right: 4px;
}

.ccq-qrail__q.is-active .mems-rail__glyph {
  color: #1c3f75;
}

@media (max-width: 900px) {
  .mems-railed {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ccs-split.is-open .mems-railed {
  grid-template-columns: 168px minmax(0, 1fr);
}

.mems-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1.3fr)) repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}

.mems-strip__month {
  display: grid;
  gap: 4px;
  align-content: start;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #ffffff;
  color: #1c2531;
  text-decoration: none;
  transition: border-color 120ms cubic-bezier(0.2, 0, 0, 1), box-shadow 120ms cubic-bezier(0.2, 0, 0, 1);
}
.mems-strip__month:hover {
  border-color: #1c3f75;
  text-decoration: none;
  color: #1c2531;
}
.mems-strip__month:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.mems-strip__month.is-on {
  border-color: #1c3f75;
  box-shadow: 0 0 0 1px #1c3f75;
}
.mems-strip__month--state {
  background: #f5f7fa;
}

.mems-strip__label {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}

.mems-strip__now {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: #1c3f75;
}

.mems-strip__count {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.mems-strip__count strong {
  font-size: var(--edc-fs-title);
  margin-right: 2px;
  font-variant-numeric: tabular-nums;
}

.mems-strip__bar {
  display: flex;
  height: 6px;
  border-radius: 999px;
  background: #eef2f7;
  overflow: hidden;
}

.mems-strip__paid, .mems-strip__billed {
  display: block;
  height: 100%;
  width: var(--w);
  transition: width 380ms cubic-bezier(0.2, 0, 0, 1);
}

.mems-strip__paid {
  background: #2f6b4f;
}

.mems-strip__billed {
  background: #7b9ad1;
}

.mems-strip__detail {
  font-size: var(--edc-fs-label);
  color: #556070;
}

@media (max-width: 1100px) {
  .mems-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.mems-trail {
  display: block;
  margin-top: 3px;
  font-size: var(--edc-fs-label);
  line-height: 1.35;
  color: #556070;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mems-trail--good {
  color: #2f6b4f;
}

.mems-trail--bad {
  color: #a8342f;
}

.mems-trail--warn {
  color: #8a5a1f;
}

.mems-trail--info {
  color: #1c2531;
}

.mems-desk {
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  padding: 12px 14px;
  background: #f5f7fa;
}

.mems-desk__trail {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.mems-desk__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mems-desk__ask {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #ffffff;
}
.mems-desk__ask[hidden] {
  display: none;
}

.mems-desk__q {
  margin: 0;
  flex-basis: 100%;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
}

.mems-desk__note {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #2f6b4f;
}
.mems-desk__note:empty {
  display: none;
}
.mems-desk__note.is-error {
  color: #a8342f;
}

@media (prefers-reduced-motion: reduce) {
  .mems-strip__paid, .mems-strip__billed, .mems-strip__month {
    transition: none;
  }
}
.evs--railed-sheet {
  padding: 0 !important;
}

.evs--railed-sheet > .evs-head, .evs--railed-sheet > .ccs-flash {
  margin-left: 20px;
  margin-right: 20px;
}

.evs--railed-sheet > .evs-head {
  padding-top: 16px;
  padding-bottom: 14px;
}

.evs-railed {
  display: grid;
  grid-template-columns: 232px minmax(0, 1fr);
  align-items: stretch;
  border-top: 1px solid #dfe4ea;
  min-height: calc(100vh - 140px);
}

.evs-railed__body {
  min-width: 0;
  padding: 16px 24px 48px;
}

.ccs-split.is-open .evs-railed {
  grid-template-columns: 188px minmax(0, 1fr);
}

@media (max-width: 900px) {
  .evs-railed {
    grid-template-columns: minmax(0, 1fr);
  }
}
.evs-rail__glyph {
  width: 16px;
  text-align: center;
  color: #556070;
  margin-right: 4px;
}

.ccq-qrail__q.is-active .evs-rail__glyph {
  color: #1c3f75;
}

.evs-rail__key {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  color: #6b7788;
  background: transparent;
  border: 1px solid #dfe4ea;
  border-radius: 4px;
  padding: 0 5px;
  line-height: 16px;
  font-family: inherit;
}

.evs-rail__event {
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 6px 8px;
}

.evs-rail__date {
  flex: none;
  display: grid;
  justify-items: center;
  width: 34px;
  padding: 3px 0;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 0 0 1px #dfe4ea;
  line-height: 1.05;
}

.evs-rail__mon {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}

.evs-rail__day {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}

.evs-rail__what {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.evs-rail__name {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evs-rail__meta {
  font-size: var(--edc-fs-label);
  font-weight: 500;
  color: #556070;
  white-space: nowrap;
}

.evs-rail__live {
  color: #2f6b4f;
  font-weight: 700;
}

.ccq-qrail__q.is-active .evs-rail__date {
  background: #1c3f75;
  box-shadow: none;
}
.ccq-qrail__q.is-active .evs-rail__date .evs-rail__mon, .ccq-qrail__q.is-active .evs-rail__date .evs-rail__day {
  color: #fff;
}

.ccq-qrail__q.is-active .evs-rail__name {
  color: #1c3f75;
}

.evs-rail__more {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
}

.evs-event {
  min-width: 0;
  transition: opacity 160ms cubic-bezier(0.2, 0, 0, 1), transform 160ms cubic-bezier(0.2, 0, 0, 1);
}

.evs-event.is-entering {
  opacity: 0;
  transform: translateY(4px);
}

.evs-event.is-refreshing {
  opacity: 0.55;
}

@media (prefers-reduced-motion: reduce) {
  .evs-event, .evs-event.is-entering {
    transition: none;
    transform: none;
  }
}
.evs-event__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px 24px;
  flex-wrap: wrap;
}

.evs-event__who {
  min-width: 0;
}

.evs-event__title {
  margin: 2px 0 6px;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  line-height: 1.15;
  color: #1c2531;
  text-shadow: none;
}
.evs-event__title:focus {
  outline: none;
}
.evs-event__title:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 4px;
}

.evs-event__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.evs-event__actions form {
  margin: 0;
}

.evs-fill {
  margin: 16px 0 0;
  padding: 14px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
  display: grid;
  gap: 10px;
}

.evs-fill__line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 20px;
  flex-wrap: wrap;
}

.evs-fill__figure {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #1c2531;
}
.evs-fill__figure strong {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-variant-numeric: tabular-nums;
}

.evs-fill__pace {
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.evs-fill__pace--ahead {
  color: #2f6b4f;
}

.evs-fill__pace--behind {
  color: #8a5a1f;
}

.evs-fill__door {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #2f6b4f;
}
.evs-fill__door .fa {
  margin-right: 4px;
}
.evs-fill__door strong {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-variant-numeric: tabular-nums;
}

.evs-fill__of {
  color: #556070;
  font-weight: 500;
}

.evs-fill__bar {
  position: relative;
  height: 10px;
  border-radius: 999px;
  background: #edf1f6;
  overflow: visible;
}

.evs-fill__value {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--evs-fill);
  border-radius: 999px;
  background: #1c3f75;
  animation: evs-fill-grow 700ms cubic-bezier(0.2, 0, 0, 1) both;
}

.evs-fill__then {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 2px;
  border-radius: 1px;
  background: #1c2531;
  opacity: 0.55;
}

@keyframes evs-fill-grow {
  from {
    width: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .evs-fill__value {
    animation: none;
  }
}
.evs-needs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.evs-needs__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
  border: 1px solid #dfe4ea;
  color: #1c2531;
  background: #f5f7fa;
}
.evs-needs__item:hover {
  text-decoration: none;
  background: #edf1f6;
  color: #1c2531;
}
.evs-needs__item:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.evs-needs__item--warn {
  color: #8a5a1f;
  border-color: rgba(138, 90, 31, 0.35);
  background: #fbf6ee;
}

.evs-event__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin: 18px 0 0;
  border-bottom: 1px solid #dfe4ea;
}

.evs-event__tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 12px 11px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #556070;
  text-decoration: none;
}
.evs-event__tab .n {
  padding: 1px 7px;
  border-radius: 999px;
  background: #edf1f6;
  color: #1c2531;
  font-size: var(--edc-fs-label);
  font-variant-numeric: tabular-nums;
}
.evs-event__tab:hover {
  color: #1c2531;
  text-decoration: none;
}
.evs-event__tab:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
  border-radius: 6px;
}
.evs-event__tab.is-active {
  color: #1c2531;
}
.evs-event__tab.is-active::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -1px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: #1c3f75;
}

.evs-event__body {
  padding: 18px 0 0;
  min-width: 0;
}

.evs-event__cols {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 20px 28px;
  align-items: start;
}

@media (max-width: 1100px) {
  .evs-event__cols {
    grid-template-columns: minmax(0, 1fr);
  }
}
.evs-event__numbers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 14px;
}

.evs-event__empty {
  margin: 8px 0 0;
  color: #556070;
  font-size: var(--edc-fs-body);
}

.evs-dd {
  display: grid;
  gap: 12px;
}

.evs-dd__bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.evs-dd__find {
  position: relative;
  flex: 1 1 420px;
  min-width: 260px;
}

.evs-dd__find-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #556070;
  font-size: var(--edc-fs-heading);
  pointer-events: none;
}

.evs-dd__input {
  width: 100%;
  min-height: 48px;
  padding: 10px 14px 10px 42px;
  font-size: var(--edc-fs-title);
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  background: #ffffff;
  color: #1c2531;
}
.evs-dd__input:focus {
  outline: none;
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.18);
}

.evs-dd__help {
  margin: -4px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.evs-dd__help kbd {
  font-size: var(--edc-fs-eyebrow);
  padding: 0 5px;
  border: 1px solid #dfe4ea;
  border-radius: 4px;
  background: #ffffff;
  color: #1c2531;
}

.evs-dd__counts {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #1c2531;
}
.evs-dd__counts strong {
  font-size: var(--edc-fs-display);
  font-variant-numeric: tabular-nums;
  color: #2f6b4f;
}

.evs-dd__of {
  color: #556070;
}

.evs-dd__sync {
  margin: 0;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fbf6ee;
  color: #8a5a1f;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.evs-dd__walkup {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 12px;
  padding: 14px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #f5f7fa;
}

.evs-dd__walkup[hidden] {
  display: none;
}

.evs-dd__field {
  display: grid;
  gap: 4px;
  flex: 1 1 200px;
}
.evs-dd__field label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
}

.evs-dd__field--narrow {
  flex: 0 0 90px;
}

.evs-dd__opt {
  font-weight: 500;
  color: #556070;
}

.evs-dd__walkup-acts {
  display: flex;
  gap: 8px;
}

.evs-dd__cols {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

@media (max-width: 1100px) {
  .evs-dd__cols {
    grid-template-columns: minmax(0, 1fr);
  }
}
.evs-dd__col {
  min-width: 0;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
}

.evs-dd__heading {
  margin: 0;
  padding: 10px 14px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  border-bottom: 1px solid #dfe4ea;
  background: #f5f7fa;
  text-shadow: none;
}
.evs-dd__heading .n {
  margin-left: 6px;
  color: #1c2531;
  letter-spacing: 0;
  text-transform: none;
  font-variant-numeric: tabular-nums;
}

.evs-dd__list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 62vh;
  overflow-y: auto;
}

.evs-dd__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 54px;
  padding: 8px 14px;
  border-top: 1px solid #dfe4ea;
}
.evs-dd__row:first-child {
  border-top: 0;
}
.evs-dd__row.is-selected {
  background: #eef3fb;
  box-shadow: inset 3px 0 0 #1c3f75;
}

.evs-dd__row.is-in .evs-dd__name {
  color: #1c2531;
}

.evs-dd__row.is-new {
  animation: evs-dd-arrive 900ms cubic-bezier(0.2, 0, 0, 1);
}

@keyframes evs-dd-arrive {
  0% {
    background: #e3f1e9;
    transform: translateX(-10px);
    opacity: 0;
  }
  25% {
    transform: none;
    opacity: 1;
  }
  100% {
    background: transparent;
  }
}
@media (prefers-reduced-motion: reduce) {
  .evs-dd__row.is-new {
    animation: none;
  }
}
.evs-dd__who {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.evs-dd__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evs-dd__meta {
  font-size: var(--edc-fs-secondary);
  color: #556070;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evs-dd__owes {
  color: #8a5a1f;
  font-weight: 700;
}

.evs-dd__acts {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
}

.evs-dd__time {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #2f6b4f;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.evs-dd__undo {
  font-size: var(--edc-fs-secondary);
}

.evs-dd__empty {
  padding: 18px 14px;
  color: #556070;
  font-size: var(--edc-fs-body);
}

.ccs-tab__door {
  margin-left: 6px;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  line-height: 16px;
  font-variant-numeric: tabular-nums;
  background: #2f6b4f;
  color: #fff;
  white-space: nowrap;
}

.cmx {
  padding: 18px 24px 0;
  min-width: 0;
}

.cmx-head {
  padding-bottom: 14px;
}

.cmx-head__lead {
  min-width: 0;
}

.cmx-head__actions {
  align-self: center;
}

.cmx-railed {
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
  align-items: stretch;
  margin: 0 -24px;
  border-top: 1px solid #dfe4ea;
  min-height: calc(100vh - 140px);
}

.cmx-railed__body {
  min-width: 0;
  padding: 18px 24px 48px;
}

@media (max-width: 900px) {
  .cmx-railed {
    grid-template-columns: minmax(0, 1fr);
  }
}
.cmx-rail__glyph {
  width: 16px;
  text-align: center;
  color: #556070;
  margin-right: 4px;
}

.ccq-qrail__q.is-active .cmx-rail__glyph {
  color: #1c3f75;
}

.cmx-rail__key {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  color: #6b7788;
  background: transparent;
  border: 1px solid #dfe4ea;
  border-radius: 4px;
  padding: 0 5px;
  line-height: 16px;
  font-family: inherit;
}

.cmx-rail__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cmx-rail__more {
  color: #556070;
  font-size: var(--edc-fs-secondary);
}

.cmx-body-title {
  margin: 0 0 14px;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  color: #1c2531;
  letter-spacing: -0.005em;
}

.cmx--forms .cmx-railed__body .ecw-header__left > a.btn-outline-secondary:first-child {
  display: none;
}

.cmx--page {
  padding: 0;
}
.cmx--page .cmx-railed {
  margin: 0;
  border-top: 0;
}
.cmx--page .cmx-railed__body {
  padding: 0;
}

.cmx-rail__item--two {
  align-items: center;
  gap: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.cmx-rail__what {
  display: grid;
  min-width: 0;
  gap: 1px;
  flex: 1;
}

.cmx-rail__meta {
  font-size: var(--edc-fs-label);
  color: #556070;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cmx-rail__rate {
  flex: none;
  width: 34px;
  height: 6px;
  border-radius: 3px;
  background: #dfe4ea;
  overflow: hidden;
}
.cmx-rail__rate span {
  display: block;
  height: 100%;
  background: #1c3f75;
  border-radius: 3px;
  transition: width 0.6s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .cmx-rail__rate span {
    transition: none;
  }
}

.cct-add {
  position: relative;
  display: grid;
  gap: 6px;
  margin: 0 0 14px;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
}
.cct-add:focus-within {
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.12);
}

.cct-add__icon {
  position: absolute;
  left: 22px;
  top: 22px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
  pointer-events: none;
}

.cct-add__line.ccs-input {
  width: 100%;
  max-width: none;
  height: 36px;
  padding: 0 36px 0 32px;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  border: 0;
  box-shadow: none;
  background: transparent;
}
.cct-add__line.ccs-input:focus {
  outline: none;
  box-shadow: none;
}

.cct-add__kbd.ccq__kbd {
  top: 19px;
  right: 20px;
}

.cct-add:focus-within .cct-add__kbd {
  display: none;
}

.cct-add__proposal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 2px 0 0 4px;
}

.cct-add__save {
  margin-left: auto;
}

.cct-add__help {
  margin: 0;
  padding-left: 4px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.cct-add__help.is-error {
  color: #a8342f;
  font-weight: 600;
}

.cct-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  margin: 0;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #f5f7fa;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #1c2531;
  white-space: nowrap;
}
.cct-chip .fa {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: #556070;
}
.cct-chip.is-set {
  background: #e6eefa;
  border-color: #c9d8f0;
}
.cct-chip.is-set .fa {
  color: #1c3f75;
}

.cct-chip--warn {
  background: #fdf2e6;
  border-color: #f2d3ad;
  color: #8a5a1f;
}

.cct-chip--select {
  padding-right: 4px;
  background: #e6eefa;
  border-color: #c9d8f0;
  cursor: pointer;
}
.cct-chip--select .fa {
  color: #1c3f75;
}
.cct-chip--select:focus-within {
  box-shadow: 0 0 0 2px rgba(28, 63, 117, 0.35);
}

.cct-chip__select {
  max-width: 320px;
  height: 24px;
  padding: 0 18px 0 0;
  border: 0;
  background-color: transparent;
  font: inherit;
  color: #1c2531;
  cursor: pointer;
}
.cct-chip__select:focus {
  outline: none;
}

.cct-whose {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.cct-whose__label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
}

.cct-whose .ccs-input {
  width: auto;
  min-width: 150px;
}

.cct-table__check {
  width: 44px;
  padding-right: 0 !important;
}

.cct-table__due {
  width: 150px;
  white-space: nowrap;
}

.cct-table__owner {
  width: 160px;
}

.cct-table__prio {
  width: 96px;
}

.cct-table__record {
  display: block;
}

.cct-table__kind {
  color: #6b7788;
}

.cct-check {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  min-width: 0;
  border: 1.5px solid #c9d2dd;
  border-radius: 50%;
  background: #ffffff;
  color: transparent;
  font-size: var(--edc-fs-eyebrow);
  cursor: pointer;
  transition: border-color 0.12s, background 0.12s, color 0.12s;
}
.cct-check:hover, .cct-check:focus-visible {
  border-color: #2f6b4f;
  color: #2f6b4f;
}
.cct-check:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.cct-check.is-done {
  border-color: #2f6b4f;
  background: #2f6b4f;
  color: #fff;
  cursor: default;
}

.cct-due {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}

.cct-due.is-today {
  color: #1c3f75;
}

.cct-due.is-late {
  color: #b42318;
}

.cct-table .cct-due__late {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #b42318;
}

.cct-facts .cct-due__late {
  font-weight: 600;
}

.cct-prio {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 18px;
  background: #eef2f7;
  color: #556070;
}
.cct-prio--high {
  background: #fdecea;
  color: #a8342f;
}
.cct-prio--medium {
  background: #e6eefa;
  color: #1c3f75;
}

.cct-table tr.cct-leaving {
  opacity: 0;
  transform: translateX(-16px);
  transition: opacity 0.2s, transform 0.2s;
}

@media (prefers-reduced-motion: reduce) {
  .cct-table tr.cct-leaving {
    transition: none;
  }
}
.ccs-split.is-open .cct-table__owner, .ccs-split.is-open .cct-table__prio {
  display: none;
}

.cct-facts {
  display: grid;
  gap: 4px;
  margin: 10px 0 0;
}

.cct-facts__row {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  align-items: baseline;
}

.cct-facts dt {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
}

.cct-facts dd {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1c2531;
}

.cct-facts__from {
  color: #556070;
}

.cct-pane__desc {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1c2531;
  white-space: pre-line;
}

.cct-edit__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.cct-edit__field {
  display: grid;
  gap: 4px;
  margin: 0;
}
.cct-edit__field > span {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
}
.cct-edit__field .ccs-input {
  width: 100%;
  max-width: none;
}

.cct-edit__more {
  margin-left: auto;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.cct-record {
  margin-top: 16px;
}

.cct-record__title {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
}

.cct-record__kind {
  margin-left: 4px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}

.cct-record__body {
  padding: 12px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #f5f7fa;
}
.cct-record__body .ccp__head {
  padding-top: 0;
}
.cct-record__body h1, .cct-record__body h2, .cct-record__body .ccp__title {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  line-height: 1.3;
  margin-top: 2px;
}
.cct-record__body .ccs-btn--primary {
  background: #ffffff;
  color: #1c2531;
  border-color: #c9d2dd;
}

.ccp__prose {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.5;
  color: #1c2531;
  overflow-wrap: anywhere;
}
.ccp__prose p {
  margin: 0 0 8px;
}
.ccp__prose p:last-child {
  margin-bottom: 0;
}

.ccp__late {
  color: #b42318;
  font-weight: 600;
}

.ccp--activity .ccp__facts-list > div {
  grid-template-columns: 84px minmax(0, 1fr);
}

.cca__table .ccq__col-company {
  width: auto;
}
.cca__table .cca__on {
  width: 28%;
}
.cca__table .cca__who {
  width: 14%;
}
.cca__table .cca__when {
  width: 124px;
  white-space: nowrap;
}
.cca__table .mems-table__name, .cca__table .evs-table__name {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.ccs-split.is-open .cca__table .cca__who {
  display: none;
}
.ccs-split.is-open .cca__table .cca__on {
  width: 34%;
}
.ccs-split.is-open .cca__table .cca__when {
  width: 112px;
}

.cco__table .ccq__col-company, .ccm__table .ccq__col-company {
  width: auto;
}
.cco__table .ccq__mships, .ccm__table .ccq__mships {
  width: 20%;
  min-width: 0;
}

.ccq__table .cco__people {
  width: 132px;
  white-space: nowrap;
}

.ccm__table th.ccq__touch, .ccm__table td.ccq__touch, .ccm__table td[data-label="Last touch"] {
  width: 112px;
  white-space: nowrap;
}

.ccm__table .ccm__eng {
  width: 152px;
  min-width: 0;
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  padding-right: 28px;
}
.ccm__table .ccq__next {
  width: 26%;
}

table.mems-table.ccm__table th.ccm__eng, table.ccm__table.evs-table th.ccm__eng, table.mems-table.ccm__table td.ccm__eng, table.ccm__table.evs-table td.ccm__eng {
  width: 152px;
  text-align: right;
  padding-right: 28px;
}

.ccsi__table .ccq__col-company {
  width: auto;
}
.ccsi__table .ccsi__status {
  width: 24%;
}
.ccsi__table .ccsi__num {
  width: 112px;
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.ccsi__table th.ccsi__num .mems-sort, .ccsi__table th.ccsi__num .evs-sort {
  justify-content: flex-end;
}

.ccs-split.is-open .ccsi__table .ccsi__status {
  display: none;
}

.ccp__offers {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
  margin-left: 4px;
}

.ccw__table .ccq__col-company {
  width: auto;
}
.ccw__table .ccw__state {
  width: 170px;
  white-space: nowrap;
}
.ccw__table .ccw__hosting {
  width: 22%;
}
.ccw__table .ccw__message {
  width: 34%;
}
.ccw__table .ccw__progress {
  width: 130px;
  white-space: nowrap;
}
.ccw__table .ccw__num {
  width: 96px;
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ccs-split.is-open .ccw__table .ccw__hosting, .ccs-split.is-open .ccw__table .ccw__message, .ccs-split.is-open .ccw__table .ccw__progress {
  display: none;
}

.ccw__warn {
  color: #b54708;
}

.ccw__fix {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-secondary);
}

.ccw__note {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.ccw__message-body {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1c2531;
}

.ccw-progress {
  height: 8px;
  margin: 6px 0 10px;
  border-radius: 999px;
  background: #dfe4ea;
  overflow: hidden;
}
.ccw-progress__bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2f6b4f;
}

.ccw-checklist__item {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: baseline;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.ccw-checklist__item .fa {
  color: #556070;
  font-size: var(--edc-fs-secondary);
}
.ccw-checklist__item.is-done .fa {
  color: #2f6b4f;
}

.cal-prep__pane {
  padding: 12px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #f5f7fa;
}
.cal-prep__pane .ccp__head {
  padding-top: 0;
}
.cal-prep__pane h1, .cal-prep__pane h2, .cal-prep__pane .ccp__title {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  line-height: 1.3;
  margin-top: 2px;
}
.cal-prep__pane .ccs-btn--primary {
  background: #ffffff;
  color: #1c2531;
  border-color: #c9d2dd;
}
.cal-prep__pane .ccn__body {
  grid-template-columns: minmax(0, 1fr);
}
.cal-prep__pane .ccn__add {
  padding: 12px 0 0;
  border-left: 0;
  border-top: 1px solid #dfe4ea;
}
.cal-prep__pane .ccp {
  grid-template-columns: minmax(0, 1fr);
}
.cal-prep__pane .mem-pill {
  white-space: normal;
}
.cal-prep__pane .ccn-item {
  grid-template-columns: 80px minmax(0, 1fr);
}
.cal-prep__pane .ccn-item__act {
  grid-column: 2;
  justify-content: flex-start;
}
.cal-prep__pane .ccn-item__note {
  padding-left: 0;
}

.ccpj-table__stage {
  width: 170px;
}

.ccpj-table__stagename {
  display: block;
}

.ccpj-table__num {
  width: 108px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.ccpj-table__date {
  width: 124px;
  white-space: nowrap;
}

.ccpj-lock {
  margin-right: 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: #556070;
}

.ccpj-stuck {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 3px;
  padding: 1px 8px;
  border-radius: 999px;
  background: #fdf2e6;
  color: #8a5a1f;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 18px;
  white-space: nowrap;
}
.ccpj-stuck .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}

.ccpj-private {
  color: #8a5a1f;
  font-weight: 700;
}
.ccpj-private .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
}

.ccs-split.is-open .ccpj-table__num, .ccs-split.is-open .ccpj-table__date {
  display: none;
}

.ccpj-high {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 12px 0 0;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  overflow: hidden;
  background: #dfe4ea;
}

.ccpj-high__cell {
  display: grid;
  align-content: start;
  gap: 2px;
  padding: 10px 12px;
  background: #ffffff;
  min-width: 0;
}
.ccpj-high__cell dt {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #556070;
}
.ccpj-high__cell dd {
  margin: 0;
  display: grid;
  gap: 2px;
}

.ccpj-high__value {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.ccpj-high__value.is-late {
  color: #b42318;
}

.ccpj-high__sub {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.ccpj-high .ccpj-stuck {
  justify-self: start;
  margin-top: 2px;
}

.ccpj-edit__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ccpj-edit__field {
  display: grid;
  gap: 4px;
  margin: 0;
}
.ccpj-edit__field > span {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
}
.ccpj-edit__field .ccs-input {
  width: 100%;
  max-width: none;
}
.ccpj-edit__field--wide {
  grid-column: 1/-1;
}

.ccpj-edit__more {
  margin-left: auto;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.cps-head__tools {
  display: flex;
  align-items: center;
  gap: 14px;
}

.cps-row {
  grid-template-columns: minmax(0, 1fr) 120px auto;
  transition: opacity 0.2s, transform 0.2s;
}

.cps-row.cps-leaving {
  opacity: 0;
  transform: translateX(-16px);
}

@media (prefers-reduced-motion: reduce) {
  .cps-row {
    transition: none;
  }
}
.cps-acts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}
.cps-acts .ccs-input {
  width: auto;
  max-width: 170px;
}

.cps-next {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 2px 0 0;
}
.cps-next .ccs-input[type=text] {
  flex: 1;
  min-width: 220px;
  max-width: none;
}

.cps-clear {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 0;
  padding: 16px 18px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
}
.cps-clear .fa {
  color: #2f6b4f;
  font-size: var(--edc-fs-title);
}
.cps-clear p {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}

@media (max-width: 760px) {
  .cps-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .cps-acts {
    justify-content: flex-start;
  }
}
.ccrfi-due {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.ccrfi-due__late {
  color: #a8342f;
  font-weight: 600;
}
.ccrfi-due__late .fa {
  margin-right: 4px;
}

.ccrfi__table .ccq__col-company {
  width: auto;
}
.ccrfi__table .ccrfi__due-col {
  width: 136px;
  white-space: nowrap;
}
.ccrfi__table .ccrfi__state-col {
  width: 132px;
}
.ccrfi__table .ccrfi__check-col {
  width: 96px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.ccrfi__table .ccrfi__link-col {
  width: 20%;
}

.ccs-split.is-open .ccrfi__table .ccrfi__link-col {
  display: none;
}

@media (max-width: 1100px) {
  .ccrfi__table .ccrfi__link-col {
    display: none;
  }
  .ccrfi__table .ccrfi__state-col {
    width: 116px;
  }
}
.ccrfi-when {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}
.ccrfi-when--late {
  color: #a8342f;
}
.ccrfi-when--soon {
  color: #8a5a1f;
}

.ccrfi-when__words {
  display: block;
}

.ccrfi-state {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  white-space: nowrap;
  color: #556070;
  background: #eef2f7;
  border: 1px solid #dfe4ea;
}
.ccrfi-state--assembling {
  color: #1c3f75;
  background: #e6eefa;
  border-color: #c8d6ee;
}
.ccrfi-state--submitted, .ccrfi-state--shortlisted {
  color: #5b3e8a;
  background: #f3eefb;
  border-color: #ddd0f2;
}
.ccrfi-state--won {
  color: #2f6b4f;
  background: #ecf6f0;
  border-color: #c9e4d4;
}
.ccrfi-state--lost, .ccrfi-state--no_bid {
  color: #556070;
  background: #f5f7fa;
}

.ccp--rfi .ccp__standing {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
}

.ccrfi-clock {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.ccrfi-clock .fa, .ccrfi-clock .fa-regular {
  margin-right: 4px;
}
.ccrfi-clock--late {
  color: #a8342f;
  font-weight: 600;
}
.ccrfi-clock--soon {
  color: #8a5a1f;
  font-weight: 600;
}

.ccrfi-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 0;
}

.ccrfi-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  text-decoration: none;
}
.ccrfi-link:hover {
  background: #edf1f6;
  text-decoration: none;
}
.ccrfi-link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.ccrfi-said {
  min-height: 0;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #2f6b4f;
}
.ccrfi-said:not(:empty) {
  margin: 4px 0 2px;
}

.ccrfi-problem {
  margin: 4px 0 2px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #a8342f;
}

.ccrfi-inline {
  display: inline-flex;
  margin: 0;
}

.ccrfi-sent {
  margin: 10px 0 0;
  padding: 12px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #f5f7fa;
}
.ccrfi-sent[hidden] {
  display: none;
}
.ccrfi-sent__how {
  border: 0;
  margin: 0;
  padding: 0;
}
.ccrfi-sent__legend {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #1c2531;
  margin-bottom: 8px;
}
.ccrfi-sent__picks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.ccrfi-sent__other {
  display: grid;
  gap: 4px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #556070;
}
.ccrfi-sent__foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
}

.ccrfi-pick {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 5px 11px;
  border-radius: 999px;
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
  background: #ffffff;
  border: 1px solid #c9d2dd;
}
.ccrfi-pick input {
  margin: 0;
  accent-color: #1c3f75;
}
.ccrfi-pick:has(input:checked) {
  border-color: #1c3f75;
  background: #e6eefa;
  color: #1c3f75;
  font-weight: 600;
}
.ccrfi-pick:has(input:focus-visible) {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.ccrfi-sechead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.ccrfi-sechead .ccp__heading {
  margin: 0;
}

.ccrfi-progress {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #556070;
}

.ccrfi-progress__bar {
  display: inline-block;
  width: 72px;
  height: 6px;
  border-radius: 999px;
  background: #eef2f7;
  overflow: hidden;
}

.ccrfi-progress__fill {
  display: block;
  height: 100%;
  background: #2f6b4f;
  border-radius: 999px;
  transition: width 220ms cubic-bezier(0.2, 0, 0, 1);
}

.ccrfi-count {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
  background: #eef2f7;
  border-radius: 999px;
  padding: 1px 8px;
}

.ccrfi-check {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}

.ccrfi-check__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.ccrfi-check__item.is-done .ccrfi-check__label {
  color: #556070;
  text-decoration: line-through;
  text-decoration-color: rgba(85, 96, 112, 0.55);
}

.ccrfi-check__box {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin: -3px 0 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #1c3f75;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  cursor: pointer;
  transition: transform 120ms cubic-bezier(0.2, 0, 0, 1), background 120ms ease;
}
.ccrfi-check__box:hover {
  background: #edf1f6;
}
.ccrfi-check__box:active {
  transform: scale(0.92);
}
.ccrfi-check__box:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.ccrfi-check__box[aria-busy=true] {
  opacity: 0.6;
}

.ccrfi-check__ro {
  width: 28px;
  text-align: center;
  color: #556070;
  font-size: var(--edc-fs-heading);
}

.ccrfi-check__label {
  padding-top: 2px;
}

.ccrfi-add {
  display: flex;
  gap: 8px;
  margin: 10px 0 0;
}
.ccrfi-add .ccs-input {
  flex: 1 1 auto;
  min-width: 0;
}
.ccrfi-add .ccs-btn {
  flex: none;
}
.ccrfi-add--note {
  align-items: flex-start;
}
.ccrfi-add--note textarea {
  resize: vertical;
}

.ccrfi-more {
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.ccrfi-about {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  white-space: normal;
}

@media (prefers-reduced-motion: reduce) {
  .ccrfi-check__box, .ccrfi-progress__fill {
    transition: none;
  }
  .ccrfi-check__box:active {
    transform: none;
  }
}
.mems-kicker--under {
  margin-top: 4px;
}

body[data-cc-touches~=bar] .ccs-bar__brand--split {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  padding: 0 14px 0 16px;
}
body[data-cc-touches~=bar] .ccs-bar__home {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: inherit;
  text-decoration: none;
  border-radius: 4px;
}
body[data-cc-touches~=bar] .ccs-bar__home .fa {
  font-size: var(--edc-fs-label);
}
body[data-cc-touches~=bar] .ccs-bar__home .ccs-bar__eyebrow {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}
body[data-cc-touches~=bar] .ccs-bar__home:hover, body[data-cc-touches~=bar] .ccs-bar__home:focus-visible {
  text-decoration: none;
}
body[data-cc-touches~=bar] .ccs-bar__home:hover .ccs-bar__eyebrow, body[data-cc-touches~=bar] .ccs-bar__home:focus-visible .ccs-bar__eyebrow {
  color: var(--edc-sidebar-active-text, #fff);
}
body[data-cc-touches~=bar] .ccs-bar__home:focus-visible {
  outline: 2px solid var(--edc-sidebar-active-icon, #60a5fa);
  outline-offset: 2px;
}
body[data-cc-touches~=bar] .ccs-bar__setup--switch {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 240px;
  margin: 0 0 0 -6px;
  padding: 1px 6px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 700;
  font-size: var(--edc-fs-body);
  line-height: 1.25;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body[data-cc-touches~=bar] .ccs-bar__setup--switch .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  opacity: 0.7;
  transition: transform 120ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 120ms ease;
}
body[data-cc-touches~=bar] .ccs-bar__setup--switch:hover {
  background: var(--edc-sidebar-hover-bg, rgba(255, 255, 255, 0.08));
}
body[data-cc-touches~=bar] .ccs-bar__setup--switch:hover .fa {
  opacity: 1;
}
body[data-cc-touches~=bar] .ccs-bar__setup--switch:focus-visible {
  outline: 2px solid var(--edc-sidebar-active-icon, #60a5fa);
  outline-offset: 1px;
}
body[data-cc-touches~=bar] .ccs-bar__tools {
  gap: 2px;
}
body[data-cc-touches~=bar] .ccs-status__jump {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 2px 8px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  font: inherit;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #556070;
  cursor: pointer;
}
body[data-cc-touches~=bar] .ccs-status__jump .fa {
  font-size: var(--edc-fs-eyebrow);
}
body[data-cc-touches~=bar] .ccs-status__jump kbd {
  font: inherit;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  color: #556070;
  background: #ffffff;
  border: 1px solid #c6cfda;
  border-radius: 4px;
  padding: 1px 5px 0;
  box-shadow: 0 1px 0 #c6cfda;
}
body[data-cc-touches~=bar] .ccs-status__jump:hover {
  color: #1c2531;
  background: #ffffff;
  border-color: #c6cfda;
}
body[data-cc-touches~=bar] .ccs-status__jump:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
body[data-cc-touches~=bar] .ccs-status__jump + .ccs-status__keys {
  margin-left: 0;
}

.ccs-frame--framed .ccs-frame__in {
  grid-template-rows: auto minmax(0, 1fr);
}
.ccs-frame--framed .ccs-frame__in > .ccs-flash {
  grid-row: 1;
}
.ccs-frame--framed .ccs-frame__in > .ccs-sheet {
  grid-row: 2;
}

.ccs-frame__in > * {
  grid-column: 1;
}

.ccs-frame__in > .ccs-stage {
  grid-row: 3;
  grid-column: 1;
  position: relative;
  min-height: 0;
  visibility: hidden;
  pointer-events: none;
}

body.ccs-shell--staged .ccs-frame__in > .ccs-sheet {
  visibility: hidden;
}
body.ccs-shell--staged .ccs-frame__in > .ccs-stage {
  visibility: visible;
  pointer-events: auto;
}

.ccs-tabframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #f1f4f8;
  visibility: hidden;
}

body.ccs-shell--staged .ccs-tabframe.is-shown {
  visibility: visible;
}

.ccs-stage__back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 24px;
  background: #f1f4f8;
  border-bottom: 1px solid #dfe4ea;
}
.ccs-stage__back[hidden] {
  display: none;
}

.ccs-stage--back .ccs-tabframe--page {
  top: 48px;
  height: calc(100% - 48px);
}

@keyframes cct-busy {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(260%);
  }
}
.ccs-bar.is-busy::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 40%;
  z-index: 5;
  background: var(--ccs-setup-accent, #60a5fa);
  border-radius: 2px;
  animation: cct-busy 900ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@media (prefers-reduced-motion: reduce) {
  .ccs-bar.is-busy::after {
    animation: none;
    width: 100%;
    opacity: 0.6;
  }
}
body[data-cc-touches~=glide] .ccs-tabframe.is-arriving {
  animation: cct-fade-in 140ms ease-out both;
}

@keyframes cct-fade-in {
  from {
    opacity: 0.001;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-cc-touches~=glide] .ccs-tabframe.is-arriving {
    animation: none;
  }
}
body[data-cc-touches~=marker] .ccs-tabs {
  position: relative;
}
body[data-cc-touches~=marker] .ccs-tabs__face {
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 0;
  pointer-events: none;
  box-sizing: border-box;
  border: 0;
  border-radius: 9px 9px 0 0;
  background: #f1f4f8;
  box-shadow: none;
  will-change: transform, width;
}
body[data-cc-touches~=marker] .ccs-tabs__face::before, body[data-cc-touches~=marker] .ccs-tabs__face::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 8px;
  height: 8px;
}
body[data-cc-touches~=marker] .ccs-tabs__face::before {
  left: -8px;
  background: radial-gradient(circle at 0 0, transparent 7.5px, #f1f4f8 8px);
}
body[data-cc-touches~=marker] .ccs-tabs__face::after {
  right: -8px;
  background: radial-gradient(circle at 100% 0, transparent 7.5px, #f1f4f8 8px);
}
body[data-cc-touches~=marker] .ccs-tabs--faced .ccs-tab {
  z-index: 1;
  transition: color 140ms ease, background-color 140ms ease;
}
body[data-cc-touches~=marker][data-cc-touches] .ccs-bar .ccs-tabs--faced .ccs-tab.is-active {
  background: transparent;
  background-image: none;
  box-shadow: none;
  border-color: transparent;
}

body[data-theme=light][data-cc-touches~=marker] .ccs-tabs__face {
  border: 1px solid #c6cfda;
  border-bottom: 0;
}

@media (prefers-reduced-motion: no-preference) {
  body[data-cc-touches~=glide] .ccs-bar, body[data-cc-touches~=marker] .ccs-bar {
    view-transition-name: ccs-bar;
  }
  body[data-cc-touches~=glide] .ccs-status, body[data-cc-touches~=marker] .ccs-status {
    view-transition-name: ccs-status;
  }
  body[data-cc-touches~=marker] .ccs-tabs__face {
    view-transition-name: ccs-tab-face;
  }
  body[data-cc-touches~=marker] .ccs-tab__crest {
    view-transition-name: ccs-tab-crest;
  }
  body[data-cc-touches~=marker] .ccs-tab:nth-child(1) .ccs-tab__label {
    view-transition-name: ccs-tab-label-1;
  }
  body[data-cc-touches~=marker] .ccs-tab:nth-child(2) .ccs-tab__label {
    view-transition-name: ccs-tab-label-2;
  }
  body[data-cc-touches~=marker] .ccs-tab:nth-child(3) .ccs-tab__label {
    view-transition-name: ccs-tab-label-3;
  }
  body[data-cc-touches~=marker] .ccs-tab:nth-child(4) .ccs-tab__label {
    view-transition-name: ccs-tab-label-4;
  }
  body[data-cc-touches~=marker] .ccs-tab:nth-child(5) .ccs-tab__label {
    view-transition-name: ccs-tab-label-5;
  }
  body[data-cc-touches~=marker] .ccs-tab:nth-child(6) .ccs-tab__label {
    view-transition-name: ccs-tab-label-6;
  }
  body[data-cc-touches~=marker] .ccs-tab:nth-child(7) .ccs-tab__label {
    view-transition-name: ccs-tab-label-7;
  }
  body[data-cc-touches~=marker] .ccs-tab:nth-child(8) .ccs-tab__label {
    view-transition-name: ccs-tab-label-8;
  }
  body[data-cc-touches~=marker] .ccs-tab:nth-child(9) .ccs-tab__label {
    view-transition-name: ccs-tab-label-9;
  }
  body[data-cc-touches~=marker] .ccs-tab:nth-child(10) .ccs-tab__label {
    view-transition-name: ccs-tab-label-10;
  }
  body[data-cc-touches~=marker] .ccs-tab:nth-child(11) .ccs-tab__label {
    view-transition-name: ccs-tab-label-11;
  }
  body[data-cc-touches~=marker] .ccs-tab:nth-child(12) .ccs-tab__label {
    view-transition-name: ccs-tab-label-12;
  }
}
::view-transition-group(root) {
  animation-duration: 180ms;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}

::view-transition-old(root) {
  animation-duration: 120ms;
}

::view-transition-new(root) {
  animation-duration: 200ms;
}

::view-transition-old(ccs-bar), ::view-transition-old(ccs-status) {
  animation: none;
  opacity: 0;
}

::view-transition-new(ccs-bar), ::view-transition-new(ccs-status) {
  animation: none;
}

::view-transition-group(ccs-bar) {
  z-index: 1;
}

::view-transition-group(ccs-tab-face) {
  z-index: 2;
  animation-duration: 220ms;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}

::view-transition-group(ccs-tab-crest) {
  z-index: 3;
}

::view-transition-old(ccs-tab-face), ::view-transition-new(ccs-tab-face) {
  height: 100%;
  width: 100%;
  animation-duration: 220ms;
}

@media (prefers-reduced-motion: no-preference) {
  html:has(body[data-cc-touches~=marker]:not([data-cc-touches~=glide]))::view-transition-old(root),
  html:has(body[data-cc-touches~=marker]:not([data-cc-touches~=glide]))::view-transition-new(root) {
    animation: none;
  }
}
::view-transition-group(ccs-tab-label-1) {
  z-index: 3;
  animation-duration: 220ms;
}

::view-transition-old(ccs-tab-label-1), ::view-transition-new(ccs-tab-label-1) {
  animation-duration: 220ms;
  height: 100%;
  width: auto;
}

::view-transition-group(ccs-tab-label-2) {
  z-index: 3;
  animation-duration: 220ms;
}

::view-transition-old(ccs-tab-label-2), ::view-transition-new(ccs-tab-label-2) {
  animation-duration: 220ms;
  height: 100%;
  width: auto;
}

::view-transition-group(ccs-tab-label-3) {
  z-index: 3;
  animation-duration: 220ms;
}

::view-transition-old(ccs-tab-label-3), ::view-transition-new(ccs-tab-label-3) {
  animation-duration: 220ms;
  height: 100%;
  width: auto;
}

::view-transition-group(ccs-tab-label-4) {
  z-index: 3;
  animation-duration: 220ms;
}

::view-transition-old(ccs-tab-label-4), ::view-transition-new(ccs-tab-label-4) {
  animation-duration: 220ms;
  height: 100%;
  width: auto;
}

::view-transition-group(ccs-tab-label-5) {
  z-index: 3;
  animation-duration: 220ms;
}

::view-transition-old(ccs-tab-label-5), ::view-transition-new(ccs-tab-label-5) {
  animation-duration: 220ms;
  height: 100%;
  width: auto;
}

::view-transition-group(ccs-tab-label-6) {
  z-index: 3;
  animation-duration: 220ms;
}

::view-transition-old(ccs-tab-label-6), ::view-transition-new(ccs-tab-label-6) {
  animation-duration: 220ms;
  height: 100%;
  width: auto;
}

::view-transition-group(ccs-tab-label-7) {
  z-index: 3;
  animation-duration: 220ms;
}

::view-transition-old(ccs-tab-label-7), ::view-transition-new(ccs-tab-label-7) {
  animation-duration: 220ms;
  height: 100%;
  width: auto;
}

::view-transition-group(ccs-tab-label-8) {
  z-index: 3;
  animation-duration: 220ms;
}

::view-transition-old(ccs-tab-label-8), ::view-transition-new(ccs-tab-label-8) {
  animation-duration: 220ms;
  height: 100%;
  width: auto;
}

::view-transition-group(ccs-tab-label-9) {
  z-index: 3;
  animation-duration: 220ms;
}

::view-transition-old(ccs-tab-label-9), ::view-transition-new(ccs-tab-label-9) {
  animation-duration: 220ms;
  height: 100%;
  width: auto;
}

::view-transition-group(ccs-tab-label-10) {
  z-index: 3;
  animation-duration: 220ms;
}

::view-transition-old(ccs-tab-label-10), ::view-transition-new(ccs-tab-label-10) {
  animation-duration: 220ms;
  height: 100%;
  width: auto;
}

::view-transition-group(ccs-tab-label-11) {
  z-index: 3;
  animation-duration: 220ms;
}

::view-transition-old(ccs-tab-label-11), ::view-transition-new(ccs-tab-label-11) {
  animation-duration: 220ms;
  height: 100%;
  width: auto;
}

::view-transition-group(ccs-tab-label-12) {
  z-index: 3;
  animation-duration: 220ms;
}

::view-transition-old(ccs-tab-label-12), ::view-transition-new(ccs-tab-label-12) {
  animation-duration: 220ms;
  height: 100%;
  width: auto;
}

@keyframes cct-arrive {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: no-preference) {
  body[data-cc-touches~=arrive] [data-cct-arrive] {
    animation: cct-arrive 380ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
    animation-delay: calc(var(--cct-i, 0) * 45ms + 60ms);
  }
}
body[data-cc-touches~=count] [data-cct-counting] {
  font-variant-numeric: tabular-nums;
}

@keyframes cct-panel-in {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes cct-backdrop-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes cct-row-in {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
body[data-cc-touches~=jump] .ccs-palette {
  margin-top: 14vh;
  border-color: #dfe4ea;
  border-radius: 14px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 28px 70px rgba(15, 23, 42, 0.32), 0 2px 8px rgba(15, 23, 42, 0.12);
}
body[data-cc-touches~=jump] .ccs-palette::backdrop {
  background: rgba(15, 23, 42, 0.38);
  -webkit-backdrop-filter: blur(3px) saturate(0.9);
          backdrop-filter: blur(3px) saturate(0.9);
}
body[data-cc-touches~=jump] .ccs-palette__input {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  padding: 17px 20px;
}
body[data-cc-touches~=jump] .ccs-palette__item.is-first {
  background: #e6eefa;
}
body[data-cc-touches~=jump] .ccs-palette__item.is-first .ccs-palette__hint::after {
  content: "↵";
  margin-left: 8px;
  font-weight: 700;
  color: #1c3f75;
}
body[data-cc-touches~=jump] .ccs-keycap, body[data-cc-touches~=jump] .ccs-status__keys kbd, body[data-cc-touches~=jump] .ccs-status__jump kbd {
  transition: transform 80ms ease, box-shadow 80ms ease;
}
body[data-cc-touches~=jump] .is-pressed {
  transform: translateY(1px);
  box-shadow: none !important;
}

@media (prefers-reduced-motion: no-preference) {
  body[data-cc-touches~=jump] .ccs-palette[open] {
    animation: cct-panel-in 220ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }
  body[data-cc-touches~=jump] .ccs-palette[open]::backdrop {
    animation: cct-backdrop-in 220ms ease both;
  }
  body[data-cc-touches~=jump] .ccs-palette__list li.cct-shown {
    animation: cct-row-in 120ms ease both;
  }
}
@keyframes cct-breathe {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.45);
  }
  50% {
    box-shadow: 0 0 0 5px rgba(22, 163, 74, 0);
  }
}
body[data-cc-touches~=live] .cct-live {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  vertical-align: 1px;
  border-radius: 50%;
  background: #16a34a;
}

@keyframes cct-check-draw {
  from {
    stroke-dashoffset: 24;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes cct-check-pop {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  60% {
    transform: scale(1.08);
    opacity: 1;
  }
  100% {
    transform: none;
  }
}
body[data-cc-touches~=live] .cct-check {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: -3px;
}
body[data-cc-touches~=live] .cct-check path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 24;
}

@media (prefers-reduced-motion: no-preference) {
  body[data-cc-touches~=live] .cct-live {
    animation: cct-breathe 1.6s ease-in-out 2;
  }
  body[data-cc-touches~=live] .cct-check {
    animation: cct-check-pop 380ms cubic-bezier(0.2, 0.8, 0.2, 1) both 300ms;
  }
  body[data-cc-touches~=live] .cct-check path {
    animation: cct-check-draw 420ms cubic-bezier(0.2, 0.8, 0.2, 1) both 420ms;
  }
}
body[data-cc-touches~=accent][style*="--ccs-setup-accent"] .ccs-bar {
  background-image: linear-gradient(var(--ccs-setup-accent), var(--ccs-setup-accent));
  background-size: 100% 3px;
}
body[data-cc-touches~=accent][style*="--ccs-setup-accent"] .ccs-tab.is-active {
  background-image: linear-gradient(to bottom, var(--ccs-setup-accent) 0, var(--ccs-setup-accent) 3px, transparent 3px);
}
body[data-cc-touches~=accent][style*="--ccs-setup-accent"] .ccs-bar__brand .fa-compass {
  color: var(--ccs-setup-accent);
  filter: none;
}

.cc-swatch {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  flex: none;
  background: var(--cc-swatch, transparent);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.18);
}
.cc-swatch--sm {
  width: 11px;
  height: 11px;
  margin-right: 4px;
  vertical-align: -1px;
}
.cc-swatch--none {
  background: linear-gradient(135deg, #60a5fa 0%, #2f5cc4 45%, #0d9f6e 100%);
}

.cc-setup-card__accent-fields {
  border: 0;
  margin: 0 0 10px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
}

.cc-accent-choice {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1c2531;
  cursor: pointer;
}
.cc-accent-choice input {
  margin: 0;
}

@keyframes cct-bar-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: none;
  }
}
@keyframes cct-sheet-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes cct-bar-up {
  from {
    transform: none;
  }
  to {
    transform: translateY(-100%);
  }
}
@media (prefers-reduced-motion: no-preference) {
  body[data-cc-touches~=enter].cct-entering .ccs-bar {
    animation: cct-bar-down 320ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }
  body[data-cc-touches~=enter].cct-entering .ccs-status {
    animation: cct-sheet-in 320ms ease both 120ms;
  }
  body[data-cc-touches~=enter].cct-leaving .ccs-bar {
    animation: cct-bar-up 200ms ease-in both;
  }
  body[data-cc-touches~=enter].cct-leaving .ccs-sheet, body[data-cc-touches~=enter].cct-leaving .ccs-status {
    transition: opacity 200ms ease;
    opacity: 0;
  }
}
.cc-touches__tag {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  vertical-align: 3px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1c3f75;
  background: #e6eefa;
  border-radius: 999px;
}

.cc-touches__fields {
  border: 0;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px;
}

.cc-touches__choice {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.cc-touches__choice input {
  margin: 3px 0 0;
  flex: none;
  width: 16px;
  height: 16px;
}
.cc-touches__choice:hover {
  border-color: #b7cbea;
}
.cc-touches__choice:has(input:checked) {
  border-color: #9db5dc;
  background: #f7faff;
}
.cc-touches__choice:has(input:focus-visible) {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.cc-touches__text {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.cc-touches__label {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1c2531;
}

.cc-touches__about {
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #556070;
}

.cc-touches__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.cc-touches__all {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #c9d2dd;
  border-radius: 7px;
  background: #ffffff;
  font: inherit;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
  cursor: pointer;
}
.cc-touches__all:hover {
  background: #edf1f6;
}
.cc-touches__all:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.ccm__table .ccm__who {
  width: 26%;
}
.ccm__table .ccm__on {
  width: 24%;
}
.ccm__table .ccm__when {
  width: 112px;
  white-space: nowrap;
}
.ccm__table .ccm__dir {
  display: inline-flex;
  width: 16px;
  justify-content: center;
  color: #556070;
}
.ccm__table .ccm__dir .fa {
  font-size: var(--edc-fs-eyebrow);
}
.ccm__table td {
  overflow-wrap: anywhere;
}

.ccm__row-leaving {
  opacity: 0;
  transition: opacity 220ms cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  .ccm__row-leaving {
    transition: none;
  }
}
.ccp--email .ccm__people {
  display: grid;
  gap: 2px;
  margin: 6px 0 4px;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.ccp--email .ccm__people > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
}
.ccp--email .ccm__people dt {
  font-weight: 600;
  color: #556070;
}
.ccp--email .ccm__people dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.ccp--email .ccp__item {
  grid-template-columns: minmax(0, 1fr) auto;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
}
.ccp--email .ccp__item .ccp__meta {
  grid-column: 1;
}
.ccp--email .ccm__off {
  grid-column: 2;
  grid-row: 1/span 2;
  min-width: 32px;
  min-height: 32px;
}
.ccp--email .ccm__state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  min-height: 30px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #1c3f75;
  background: #e6eefa;
  border-radius: 7px;
}
.ccp--email .ccm__words {
  max-height: 420px;
  overflow: auto;
  padding-right: 4px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.55;
}
.ccp--email .ccm__contacts {
  margin-top: 8px;
}
.ccp--email [aria-pressed=true] {
  background: #e6eefa;
  border-color: #c8d6ee;
  color: #1c3f75;
}

.ccm__results {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
  display: grid;
  gap: 2px;
}
.ccm__results:empty {
  display: none;
}

.ccm__result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 36px;
  padding: 6px 10px;
  text-align: left;
  font: inherit;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1c2531;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 7px;
  cursor: pointer;
}
.ccm__result:hover, .ccm__result:focus-visible {
  background: #edf1f6;
  border-color: #c8d6ee;
}
.ccm__result:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.ccm__result__name {
  font-weight: 600;
  overflow-wrap: anywhere;
}
.ccm__result__kind {
  font-size: var(--edc-fs-label);
  color: #556070;
  white-space: nowrap;
}

.ccm__note {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.oo-app {
  position: relative;
  height: 100%;
  min-height: 0;
}

.oo-app .visually-hidden, .oo-help .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.oo-split {
  height: 100%;
  min-height: 0;
}

.oo-split.is-open {
  grid-template-columns: minmax(0, 1fr) minmax(380px, 38%);
}

.oo-split.is-open.is-wide {
  grid-template-columns: minmax(300px, 30%) minmax(0, 1fr);
}

@media (max-width: 1100px) {
  .oo-split.is-open, .oo-split.is-open.is-wide {
    grid-template-columns: minmax(0, 1fr);
  }
}
.oo-split.is-wide .oo-rail {
  display: none;
}

.oo-split.is-wide .oo-main {
  grid-template-columns: minmax(0, 1fr);
}

.oo-split.is-wide .oo-table th:nth-child(n+3), .oo-split.is-wide .oo-table td:nth-child(n+3) {
  display: none;
}

.oo-split.is-open .oo-col-x {
  display: none;
}

.oo-split.is-wide .oo-meeting__facts {
  display: none;
}

.oo-split .ccs-split__pane {
  height: 100%;
  box-sizing: border-box;
}

.oo-split.is-wide .ccs-split__pane {
  padding: 18px 28px 48px;
}

.oo-main {
  display: grid;
  grid-template-columns: 232px minmax(0, 1fr);
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.oo-work {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 18px 24px 48px;
}

.oo-rail {
  min-height: 0;
  overflow: auto;
  border-right: 1px solid #dfe4ea;
  background: #f5f7fa;
}

.oo-rail__in {
  padding: 16px 10px 24px 12px;
}

.oo-rail__group {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 18px 8px 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
  text-shadow: none;
}

.oo-rail__needs .oo-rail__group {
  margin-top: 0;
}

.oo-rail__badge {
  min-width: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #a8342f;
  color: #fff;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  line-height: 20px;
  text-align: center;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

.oo-rail__quiet {
  margin: 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.oo-rail__quiet .fa {
  color: #2f6b4f;
}

.oo-rail__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.oo-rail__view {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  padding: 6px 10px;
  border-radius: 7px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  text-decoration: none;
  transition: background-color 120ms cubic-bezier(0.2, 0, 0, 1);
}
.oo-rail__view:hover {
  background: #edf1f6;
  color: #1c2531;
  text-decoration: none;
}
.oo-rail__view:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}
.oo-rail__view.is-active {
  background: #ffffff;
  color: #1c3f75;
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08), 0 0 0 1px #dfe4ea;
}

.oo-rail__icon {
  width: 16px;
  text-align: center;
  color: #556070;
  font-size: var(--edc-fs-secondary);
}

.oo-rail__view.is-active .oo-rail__icon {
  color: #1c3f75;
}

.oo-rail__label {
  flex: 1 1 auto;
  min-width: 0;
}

.oo-rail__count {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  color: #556070;
  font-variant-numeric: tabular-nums;
}

.oo-rail__more {
  display: inline-block;
  margin: 6px 8px 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
}

.oo-rail__keys {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 22px 8px 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: var(--edc-fs-secondary);
  color: #556070;
  cursor: pointer;
}
.oo-rail__keys:hover {
  color: #1c2531;
}
.oo-rail__keys:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 4px;
}

.oo-needs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 4px;
}

.oo-needs__link {
  display: block;
  padding: 8px 10px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  color: #1c2531;
  text-decoration: none;
}
.oo-needs__link:hover {
  border-color: #c9d2dd;
  background: #fff;
  text-decoration: none;
  color: #1c2531;
}
.oo-needs__link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.oo-needs__title {
  display: block;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  line-height: 1.3;
}

.oo-needs__reason {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  line-height: 1.35;
}

.oo-needs__item--now .oo-needs__reason {
  color: #a8342f;
  font-weight: 600;
}

.oo-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 20px;
  flex-wrap: wrap;
}

.oo-head__lead {
  min-width: 0;
}

.oo-head__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.oo-head__actions .ccs-btn {
  white-space: nowrap;
}

.oo-kicker {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}

.oo-title {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1c2531;
  text-shadow: none;
}

.oo-sub {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.oo-sub a {
  color: #1c3f75;
  font-weight: 600;
}

.oo-kbd {
  display: inline-block;
  min-width: 18px;
  padding: 0 5px;
  border: 1px solid currentColor;
  border-radius: 4px;
  font: 600 var(--edc-fs-eyebrow)/16px ui-monospace, SFMono-Regular, Menlo, monospace;
  text-align: center;
  opacity: 0.75;
}

.oo-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.oo-search {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.oo-search .ccs-input {
  width: 240px;
  padding-left: 30px;
  padding-right: 30px;
}

.oo-search__icon {
  position: absolute;
  left: 10px;
  color: #556070;
  font-size: var(--edc-fs-label);
  pointer-events: none;
}

.oo-search__kbd {
  position: absolute;
  right: 8px;
  color: #556070;
}

.oo-entity select {
  max-width: 240px;
}

.oo-quickadd {
  display: flex;
  align-items: flex-end;
  gap: 10px 12px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding: 14px 16px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}
.oo-quickadd[hidden] {
  display: none;
}

.oo-quickadd__actions {
  display: flex;
  gap: 8px;
}

.oo-quickadd__error {
  flex-basis: 100%;
  margin: 0;
  color: #a8342f;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.oo-quickadd__error[hidden] {
  display: none;
}

.oo-list {
  margin-top: 16px;
}

.oo-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.oo-table th {
  padding: 9px 12px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
  text-align: left;
  border-bottom: 1px solid #dfe4ea;
  background: #f5f7fa;
}
.oo-table th:first-child {
  border-top-left-radius: 10px;
}
.oo-table th:last-child {
  border-top-right-radius: 10px;
}
.oo-table td {
  padding: 10px 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  border-bottom: 1px solid #dfe4ea;
  vertical-align: top;
}
.oo-table tbody tr:last-child td {
  border-bottom: 0;
}
.oo-table tbody tr:hover td {
  background: #f5f7fa;
}

.oo-table__name {
  font-weight: 600;
  color: #1c2531;
  text-decoration: none;
}
.oo-table__name:hover {
  color: #1c3f75;
  text-decoration: underline;
}
.oo-table__name:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 3px;
}

.oo-table__meta {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.oo-num {
  text-align: right !important;
  font-variant-numeric: tabular-nums;
}

.oo-nowrap {
  white-space: nowrap;
}

.oo-none {
  color: #6b7788;
}

.oo-yes {
  color: #2f6b4f;
  font-weight: 600;
  white-space: nowrap;
}

.oo-no {
  color: #556070;
  white-space: nowrap;
}

.oo-count {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

[data-oo-marked] > td, [data-oo-marked].oo-meeting {
  background: #e6eefa !important;
}

[data-oo-marked] > td:first-child {
  box-shadow: inset 3px 0 0 #1c3f75;
}

[data-oo-marked].oo-meeting {
  box-shadow: inset 3px 0 0 #1c3f75;
}

.oo-meeting:has([data-ccs-inspecting]) {
  background: #e6eefa;
  box-shadow: inset 3px 0 0 #1c3f75;
}

.oo-meetings {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  overflow: hidden;
}

.oo-meeting {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  border-top: 1px solid #dfe4ea;
}
.oo-meeting:first-child {
  border-top: 0;
}
.oo-meeting:hover {
  background: #f5f7fa;
}

.oo-meeting__date {
  display: grid;
  justify-items: center;
  padding: 4px 0;
  border-radius: 8px;
  background: #eef2f7;
  line-height: 1.1;
}

.oo-meeting__month {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #556070;
}

.oo-meeting__day {
  font-size: calc(var(--edc-fs-title) * 19 / 18);
  font-weight: 700;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}

.oo-meeting__facts {
  display: flex;
  align-items: center;
  gap: 8px 14px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.oo-fact {
  font-size: var(--edc-fs-secondary);
  color: #556070;
  white-space: nowrap;
}
.oo-fact .fa {
  margin-right: 3px;
}

.oo-empty {
  margin-top: 8px;
  padding: 36px 24px;
  text-align: center;
  background: #ffffff;
  border: 1px dashed #c9d2dd;
  border-radius: 10px;
}

.oo-empty__line {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1c2531;
}

.oo-empty__hint {
  margin: 6px auto 14px;
  max-width: 56ch;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.oo-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  white-space: nowrap;
  line-height: 20px;
}
.oo-pill--good {
  color: #2f6b4f;
  background: #e7f4ec;
}
.oo-pill--warn {
  color: #8a5a1f;
  background: #fdf3e3;
}
.oo-pill--bad {
  color: #a8342f;
  background: #fbeceb;
}
.oo-pill--quiet {
  color: #556070;
  background: #eef2f7;
}

.oo-icon-btn {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #556070;
  cursor: pointer;
  min-width: 0;
}
.oo-icon-btn:hover {
  background: #edf1f6;
  color: #1c2531;
}
.oo-icon-btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.oo-icon-btn--sm {
  width: 30px;
  height: 30px;
  font-size: var(--edc-fs-secondary);
}

.oo-pane .ccs-pane__head {
  align-items: flex-start;
}

.oo-alert {
  margin: 12px 0 0;
  padding: 9px 12px;
  border-radius: 8px;
  background: #fbeceb;
  color: #a8342f;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  border: 1px solid #f2c6c3;
}
.oo-alert[hidden] {
  display: none;
}

.oo-section {
  margin-top: 20px;
}

.oo-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.oo-section__title {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
  text-shadow: none;
}
.oo-section__title label {
  margin: 0;
  font: inherit;
  color: inherit;
}

.oo-section__aside {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.oo-muted {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.oo-hint {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.oo-hint a {
  color: #1c3f75;
  font-weight: 600;
}

.oo-note {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #8a5a1f;
}

.oo-form {
  display: grid;
  gap: 12px;
}

.oo-form__row {
  display: flex;
  gap: 10px 12px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  border: 0;
}

.oo-form__actions {
  display: flex;
  gap: 8px;
}

.oo-field {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.oo-field .ccs-input {
  width: 100%;
  box-sizing: border-box;
}

.oo-field--grow {
  flex: 1 1 200px;
}

.oo-field--num {
  width: 92px;
}

.oo-label {
  margin: 0;
  padding: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #1c2531;
}
.oo-label--quiet {
  font-weight: 500;
  color: #556070;
}

.oo-optional {
  font-weight: 400;
  color: #556070;
}

.oo-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
}

.oo-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  margin: 0;
}
.oo-check input {
  margin: 0;
}

.oo-rows {
  list-style: none;
  margin: 0;
  padding: 0;
}

.oo-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.oo-row a {
  color: #1c2531;
  font-weight: 600;
}

.oo-pane__doors {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px solid #dfe4ea;
}

.oo-more {
  margin-top: 8px;
}
.oo-more > summary {
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
}
.oo-more[open] > summary {
  margin-bottom: 10px;
}

.oo-save {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.oo-save.is-bad {
  color: #a8342f;
  font-weight: 600;
}

.oo-ws__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 20px;
  flex-wrap: wrap;
  padding-bottom: 14px;
  border-bottom: 1px solid #dfe4ea;
}

.oo-ws__title {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
}

.oo-ws__line {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.oo-ws__sep {
  margin-left: 10px;
}

.oo-ws__when--today {
  color: #2f6b4f;
}

.oo-ws__when--coming-up {
  color: #1c3f75;
}

.oo-ws__headactions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.oo-ws__details {
  margin-top: 14px;
  padding: 14px 16px;
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.oo-ws__details[hidden] {
  display: none;
}

.oo-steps {
  margin: 16px 0 4px;
}

.oo-steps__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.oo-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 10px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
  font: inherit;
  text-align: left;
  color: #1c2531;
  cursor: pointer;
}
.oo-step:hover {
  border-color: #c9d2dd;
  background: #f5f7fa;
}
.oo-step:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.oo-step.is-on {
  border-color: #1c3f75;
  background: #e6eefa;
  box-shadow: inset 0 0 0 1px #1c3f75;
}

.oo-step__n {
  grid-row: 1/span 2;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #eef2f7;
  color: #1c2531;
  font-weight: 700;
  font-size: var(--edc-fs-secondary);
}

.oo-step.is-on .oo-step__n {
  background: #1c3f75;
  color: #fff;
}

.oo-step__label {
  font-size: var(--edc-fs-body);
  font-weight: 700;
}

.oo-step__fact {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oo-ws__panel {
  padding-top: 8px;
}
.oo-ws__panel[hidden] {
  display: none;
}

.oo-ws__next {
  display: flex;
  justify-content: flex-end;
  margin-top: 22px;
}

.oo-ws__cols {
  display: grid;
  grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
  gap: 8px 28px;
  align-items: start;
}

.oo-ws__side .oo-section:first-child, .oo-ws__main .oo-section:first-child {
  margin-top: 12px;
}

.oo-agenda__meta {
  display: flex;
  justify-content: flex-end;
  min-height: 18px;
  margin-top: 6px;
}

.oo-agenda__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
  counter-reset: none;
}

.oo-agenda__item {
  display: grid;
  grid-template-columns: 18px 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
}
.oo-agenda__item:focus-within {
  border-color: #1c3f75;
  box-shadow: 0 0 0 1px #1c3f75;
}
.oo-agenda__item.is-dragging {
  opacity: 0.5;
}

.oo-agenda__grip {
  color: #6b7788;
  cursor: grab;
  text-align: center;
}

.oo-agenda__n {
  font-weight: 700;
  color: #556070;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.oo-agenda__input {
  width: 100%;
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  font: inherit;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.oo-agenda__input:focus {
  outline: none;
  border-color: transparent;
  background: #f5f7fa;
}

.oo-agenda__tools {
  display: inline-flex;
  gap: 2px;
  opacity: 0.55;
  transition: opacity 120ms;
}

.oo-agenda__item:hover .oo-agenda__tools, .oo-agenda__item:focus-within .oo-agenda__tools {
  opacity: 1;
}

.oo-agenda__add {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.oo-agenda__add .ccs-input {
  flex: 1 1 auto;
  min-width: 0;
}

.oo-chips {
  list-style: none;
  margin: 8px 0 12px;
  padding: 0;
  display: grid;
  gap: 6px;
}

.oo-chips__item {
  display: flex;
  gap: 6px;
  align-items: stretch;
}

.oo-chip {
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  grid-template-rows: auto auto;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
  background: #ffffff;
  color: #1c2531;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 120ms, border-color 120ms;
}
.oo-chip:hover {
  border-color: #c9d2dd;
  background: #f5f7fa;
}
.oo-chip:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.oo-chip.is-on {
  background: #e7f4ec;
  border-color: #9fd0b4;
}
.oo-chip.is-on .oo-chip__mark {
  color: #2f6b4f;
}
.oo-chip[disabled] {
  opacity: 0.7;
  cursor: progress;
}

.oo-chip__mark {
  grid-row: 1/span 2;
  font-size: var(--edc-fs-heading);
  color: #6b7788;
}

.oo-chip__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oo-chip__role {
  grid-column: 2;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.oo-chip__aside {
  flex: 0 0 auto;
  padding: 0 10px;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
  background: #ffffff;
  font: inherit;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
  cursor: pointer;
}
.oo-chip__aside:hover {
  background: #edf1f6;
  color: #1c2531;
}
.oo-chip__aside:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.oo-chip.is-excused {
  background: #eef2f7;
}

.oo-attend__quorum {
  margin: 0 0 4px;
}

.oo-run {
  list-style: none;
  margin: 0;
  padding: 0;
}

.oo-run__item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding: 7px 0;
  border-top: 1px solid #dfe4ea;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.oo-run__item:first-child {
  border-top: 0;
}

.oo-run__n {
  font-weight: 700;
  color: #556070;
  font-variant-numeric: tabular-nums;
}

.oo-run__meta {
  grid-column: 2;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.oo-minutes__meta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.oo-minutes__text {
  width: 100%;
  box-sizing: border-box;
  min-height: 260px;
  padding: 12px 14px;
  line-height: 1.55;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  resize: vertical;
}

.oo-minutes .ccs-btn {
  margin-top: 10px;
}

.oo-conflict {
  margin: 0 0 10px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #fdf3e3;
  border: 1px solid #ecd2a6;
}

.oo-conflict__text {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #8a5a1f;
}

.oo-conflict__theirs {
  margin-top: 8px;
  font-size: var(--edc-fs-secondary);
}
.oo-conflict__theirs summary {
  cursor: pointer;
  color: #1c3f75;
  font-weight: 600;
}

.oo-conflict__body {
  margin-top: 6px;
  padding: 8px 10px;
  background: #ffffff;
  border-radius: 6px;
  max-height: 200px;
  overflow: auto;
}

.oo-conflict__actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.oo-disc {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.oo-disc__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}

.oo-disc__title {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1c2531;
}

.oo-disc__text {
  width: 100%;
  box-sizing: border-box;
  line-height: 1.5;
  resize: vertical;
}

.oo-decisions {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: grid;
  gap: 8px;
}

.oo-decision {
  padding: 12px 14px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}

.oo-decision__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.oo-decision__text {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}

.oo-decision__who {
  margin: 4px 0 8px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.oo-outcomes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.oo-outcome {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #ffffff;
  color: #556070;
  font: inherit;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  cursor: pointer;
}
.oo-outcome:hover {
  background: #edf1f6;
  color: #1c2531;
}
.oo-outcome:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.oo-outcome.is-on.oo-outcome--carried, .oo-outcome.is-on.oo-outcome--agreed {
  background: #e7f4ec;
  border-color: #9fd0b4;
  color: #2f6b4f;
}
.oo-outcome.is-on.oo-outcome--failed {
  background: #fbeceb;
  border-color: #f2c6c3;
  color: #a8342f;
}
.oo-outcome.is-on.oo-outcome--tabled {
  background: #fdf3e3;
  border-color: #ecd2a6;
  color: #8a5a1f;
}
.oo-outcome.is-on.oo-outcome--withdrawn {
  background: #eef2f7;
  border-color: #c9d2dd;
  color: #1c2531;
}

.oo-decision-add {
  padding: 12px 14px;
  border: 1px dashed #c9d2dd;
  border-radius: 10px;
  background: #f5f7fa;
}

.oo-decision-form {
  display: grid;
  gap: 10px;
}

.oo-decision-form__lead {
  display: flex;
  gap: 8px;
}
.oo-decision-form__lead .ccs-input {
  flex: 1 1 auto;
  min-width: 0;
}

.oo-decision-form__more {
  margin-top: 0;
}
.oo-decision-form__more > .oo-form__row, .oo-decision-form__more > .oo-field, .oo-decision-form__more > .oo-votes {
  margin-top: 10px;
}

.oo-votes {
  gap: 10px;
}
.oo-votes legend {
  width: 100%;
  margin-bottom: 2px;
}

.oo-actions {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

.oo-action {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding: 6px 0;
  border-top: 1px solid #dfe4ea;
}
.oo-action:first-child {
  border-top: 0;
}
.oo-action.is-done .oo-action__text {
  color: #556070;
  text-decoration: line-through;
}

.oo-action__text {
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.oo-action__meta {
  grid-column: 2;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.oo-check-btn {
  grid-row: 1/span 2;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: none;
  color: #556070;
  font-size: var(--edc-fs-title);
  cursor: pointer;
  border-radius: 6px;
}
.oo-check-btn:hover {
  color: #1c2531;
}
.oo-check-btn:focus-visible {
  outline: 2px solid #1c3f75;
}
.oo-check-btn[aria-pressed=true] {
  color: #2f6b4f;
}

.oo-inline-add {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.oo-inline-add .oo-inline-add__text {
  flex: 1 1 240px;
  min-width: 0;
}

.oo-record {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 24px;
  align-items: start;
  margin-top: 12px;
}

.oo-record__doc {
  padding: 26px 30px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  line-height: 1.6;
}

.oo-record__title {
  margin: 0 0 10px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  text-shadow: none;
}

.oo-record__line {
  margin: 0 0 14px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1c2531;
}

.oo-record__sub {
  margin: 20px 0 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  text-shadow: none;
}

.oo-record__items {
  margin: 0;
  padding-left: 20px;
}
.oo-record__items li {
  margin-bottom: 6px;
}

.oo-record__text p {
  margin: 0 0 8px;
}

.oo-record__side .oo-section:first-child {
  margin-top: 0;
}

.oo-files {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
}
.oo-files li {
  padding: 5px 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.oo-files a {
  color: #1c2531;
  font-weight: 600;
}

.oo-files__tag {
  font-size: var(--edc-fs-label);
  color: #556070;
}

.oo-next {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
  color: #1c2531;
  text-decoration: none;
}
.oo-next:hover {
  border-color: #1c3f75;
  background: #e6eefa;
  color: #1c2531;
  text-decoration: none;
}
.oo-next:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.oo-next__title {
  display: block;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  font-weight: 700;
}

.oo-next__go {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
  white-space: nowrap;
}

.oo-row__name {
  font-weight: 600;
  color: #1c2531;
}

.oo-inline {
  display: inline;
  margin: 0 0 0 4px;
}

.oo-late {
  color: #a8342f;
  font-weight: 600;
}

.oo-agenda__extra {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.oo-agenda__presenter {
  max-width: 170px;
}

.oo-agenda__mins {
  width: 64px;
}

.oo-agenda__item:has(.oo-agenda__extra) {
  grid-template-columns: 18px 26px minmax(0, 1fr) auto auto;
}

.oo-progress {
  padding: 14px 18px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  margin-bottom: 16px;
}

.oo-progress__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 16px;
  flex-wrap: wrap;
}

.oo-progress__title {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  text-shadow: none;
}

.oo-progress__words {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.oo-progress__words strong {
  color: #1c2531;
}

.oo-progress__bar {
  position: relative;
  height: 12px;
  margin-top: 10px;
  border-radius: 999px;
  background: #eef2f7;
  overflow: hidden;
}

.oo-progress__pledged, .oo-progress__received {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 999px;
}

.oo-progress__pledged {
  background: #9fb6d9;
}

.oo-progress__received {
  background: #1c3f75;
}

.oo-progress__key {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.oo-key {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
}
.oo-key--received {
  background: #1c3f75;
}
.oo-key--pledged {
  background: #9fb6d9;
  margin-left: 8px;
}

.oo-minibar {
  display: inline-block;
  vertical-align: middle;
  width: 96px;
  height: 8px;
  border-radius: 999px;
  background: #eef2f7;
  overflow: hidden;
}
.oo-minibar span {
  display: block;
  height: 100%;
  background: #1c3f75;
}

.oo-board {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(230px, 1fr);
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 6px;
  align-items: start;
}

.oo-board__col {
  display: flex;
  flex-direction: column;
  min-height: 220px;
  padding: 10px;
  border-radius: 10px;
  background: #eef2f7;
  border: 1px solid transparent;
}
.oo-board__col.is-drop-target {
  border-color: #1c3f75;
  background: #e6eefa;
}

.oo-board__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 2px 4px 8px;
}

.oo-board__title {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #1c2531;
  text-shadow: none;
}

.oo-board__count {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
  font-variant-numeric: tabular-nums;
}

.oo-board__cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  min-height: 40px;
}

.oo-board__empty {
  margin: 8px 4px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  text-align: center;
}

.oo-card {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
  cursor: grab;
  box-shadow: 0 1px 1px rgba(16, 24, 40, 0.04);
}
.oo-card:hover {
  border-color: #c9d2dd;
}
.oo-card.is-dragging {
  opacity: 0.5;
}
.oo-card[data-oo-marked] {
  border-color: #1c3f75;
  box-shadow: 0 0 0 1px #1c3f75;
  background: #ffffff !important;
}
.oo-card:has([data-ccs-inspecting]) {
  border-color: #1c3f75;
  background: #e6eefa;
}

.oo-card__name {
  font-weight: 700;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  text-decoration: none;
}
.oo-card__name:hover {
  color: #1c3f75;
  text-decoration: underline;
}
.oo-card__name:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 3px;
}

.oo-card__money {
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.oo-card__money .fa {
  color: #2f6b4f;
}

.oo-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.oo-queue {
  margin-bottom: 18px;
}

.oo-queue__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
  text-shadow: none;
}

.oo-queue__n {
  padding: 0 7px;
  border-radius: 999px;
  background: #eef2f7;
  color: #1c2531;
  font-size: var(--edc-fs-label);
  letter-spacing: 0;
  line-height: 20px;
}

.oo-queue__rows {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  overflow: hidden;
}

.oo-queue__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 14px;
  padding: 10px 14px;
  border-top: 1px solid #dfe4ea;
}
.oo-queue__row:first-child {
  border-top: 0;
}
.oo-queue__row[data-oo-marked] {
  background: #e6eefa;
  box-shadow: inset 3px 0 0 #1c3f75;
}
.oo-queue__row:has([data-ccs-inspecting]) {
  background: #e6eefa;
}

.oo-queue__due {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.oo-queue__acts {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.oo-act {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #ffffff;
  color: #1c2531;
  font: inherit;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  cursor: pointer;
}
.oo-act:hover {
  background: #edf1f6;
}
.oo-act:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.oo-act kbd {
  min-width: 16px;
  padding: 0 4px;
  border: 1px solid #c9d2dd;
  border-radius: 4px;
  font: 600 var(--edc-fs-eyebrow)/16px ui-monospace, SFMono-Regular, Menlo, monospace;
  background: #f5f7fa;
  color: #1c2531;
  box-shadow: none;
}

.oo-queue__row:not([data-oo-marked]) .oo-act kbd {
  opacity: 0.6;
}

.oo-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 16px;
  margin: 0;
}
.oo-facts div {
  min-width: 0;
}
.oo-facts dt {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #556070;
}
.oo-facts dd {
  margin: 2px 0 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}

.oo-pays {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
}

.oo-pay {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px 12px;
  flex-wrap: wrap;
  padding: 9px 0;
  border-top: 1px solid #dfe4ea;
}
.oo-pay:first-child {
  border-top: 0;
}

.oo-pay__main {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: var(--edc-fs-body);
}

.oo-pay__acts {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.oo-pay__record > summary {
  list-style: none;
}
.oo-pay__record > summary::-webkit-details-marker {
  display: none;
}
.oo-pay__record[open] {
  flex-basis: 100%;
}

.oo-pay__form {
  margin-top: 8px;
  padding: 10px 12px;
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
}

.oo-ol {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  overflow: hidden;
}

.oo-ol__row {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 150px;
  align-items: center;
  gap: 4px 14px;
  padding: 9px 14px;
  border-top: 1px solid #dfe4ea;
}
.oo-ol__row:first-child {
  border-top: 0;
}
.oo-ol__row:hover {
  background: #f5f7fa;
}
.oo-ol__row[data-oo-marked] {
  background: #e6eefa;
  box-shadow: inset 3px 0 0 #1c3f75;
}
.oo-ol__row:has([data-ccs-inspecting]) {
  background: #e6eefa;
}
.oo-ol__row.is-dragging {
  opacity: 0.5;
}
.oo-ol__row[draggable=true] {
  cursor: grab;
}

.oo-ol__row--area {
  background: #f5f7fa;
}
.oo-ol__row--area .oo-ol__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.oo-ol__row--goal .oo-ol__main {
  padding-left: 0;
}

.oo-ol__row--objective .oo-ol__main {
  padding-left: 22px;
}

.oo-ol__row--action .oo-ol__main {
  padding-left: 44px;
}

.oo-ol__row--direct .oo-ol__main {
  padding-left: 22px;
}

.oo-ol__level {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}

.oo-ol__main {
  min-width: 0;
}

.oo-ol__name {
  font-weight: 600;
  color: #1c2531;
  text-decoration: none;
}
.oo-ol__name:hover {
  color: #1c3f75;
  text-decoration: underline;
}
.oo-ol__name:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 3px;
}

.oo-ol__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin-top: 3px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.oo-ol__suggest {
  color: #8a5a1f;
  font-weight: 600;
}

.oo-ol__loose {
  padding: 9px 14px;
  border-top: 1px solid #dfe4ea;
  background: #f5f7fa;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}

.oo-ol__progress {
  min-width: 0;
}

.oo-split.is-open .oo-ol__progress, .oo-split.is-open .oo-ol__level {
  display: none;
}

.oo-split.is-open .oo-ol__row {
  grid-template-columns: minmax(0, 1fr);
}

.oo-suggest {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fdf3e3;
  border: 1px solid #ecd2a6;
}

.oo-suggest__text {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1c2531;
}
.oo-suggest__text .fa {
  color: #8a5a1f;
}

.oo-pane__desc {
  margin-top: 8px;
}

.oo-measure {
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.oo-measure:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.oo-measure__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.oo-measure__name {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  text-shadow: none;
}

.oo-measure__figures {
  margin: 4px 0 6px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.oo-measure__figures strong {
  color: #1c2531;
}

.oo-measure__trend svg {
  width: 100%;
  max-width: 460px;
  height: auto;
  display: block;
}

.oo-row--stack {
  flex-direction: column;
  align-items: flex-start;
}

.oo-done {
  color: #556070;
  text-decoration: line-through;
}

.oo-outcome--st-good.is-on {
  background: #e7f4ec;
  border-color: #9fd0b4;
  color: #2f6b4f;
}

.oo-outcome--st-warn.is-on {
  background: #fdf3e3;
  border-color: #ecd2a6;
  color: #8a5a1f;
}

.oo-outcome--st-bad.is-on {
  background: #fbeceb;
  border-color: #f2c6c3;
  color: #a8342f;
}

.oo-outcome--st-done.is-on, .oo-outcome--st-muted.is-on {
  background: #e6eefa;
  border-color: #1c3f75;
  color: #1c3f75;
}

.oo-checkin {
  max-width: 760px;
}

.oo-checkin__track {
  display: flex;
  gap: 4px;
  margin-top: 8px;
}

.oo-checkin__dot {
  width: 22px;
  height: 5px;
  border-radius: 999px;
  background: #eef2f7;
}
.oo-checkin__dot.is-past {
  background: #9fb6d9;
}
.oo-checkin__dot.is-here {
  background: #1c3f75;
}

.oo-checkin__card {
  margin-top: 18px;
  padding: 20px 22px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.oo-checkin__name {
  margin: 4px 0 6px;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  text-shadow: none;
}

.oo-checkin__choices {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 4px;
  padding: 0;
  border: 0;
}
.oo-checkin__choices legend {
  width: 100%;
  margin-bottom: 6px;
}

.oo-checkin__choice {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  cursor: pointer;
  margin: 0;
}
.oo-checkin__choice input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.oo-checkin__choice:hover {
  background: #edf1f6;
}
.oo-checkin__choice:focus-within {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.oo-checkin__choice.is-on {
  border-color: #1c3f75;
  background: #e6eefa;
  color: #1c3f75;
}
.oo-checkin__choice kbd {
  min-width: 18px;
  padding: 0 5px;
  border: 1px solid #c9d2dd;
  border-radius: 4px;
  font: 600 var(--edc-fs-eyebrow)/16px ui-monospace, SFMono-Regular, Menlo, monospace;
  background: #f5f7fa;
  color: #1c2531;
  box-shadow: none;
}

.oo-checkin__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.oo-checkin__done {
  margin-top: 24px;
}

.oo-checkin-call .oo-progress__head {
  align-items: center;
}

.oo-help {
  width: min(680px, 100vw - 32px);
  padding: 0;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  color: #1c2531;
  box-shadow: 0 24px 48px rgba(16, 24, 40, 0.18);
}
.oo-help::backdrop {
  background: rgba(16, 24, 40, 0.35);
}

.oo-help__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid #dfe4ea;
}

.oo-help__title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  text-shadow: none;
}

.oo-help__cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px 28px;
  padding: 16px 18px 20px;
}

.oo-help__group {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
  text-shadow: none;
}

.oo-help__keys {
  margin: 0;
}
.oo-help__keys div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 5px 0;
  border-top: 1px solid #dfe4ea;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.oo-help__keys dt {
  font-weight: 400;
  white-space: nowrap;
}
.oo-help__keys dd {
  margin: 0;
  color: #556070;
  text-align: right;
}

.oo-help kbd, .oo-rail__keys kbd {
  display: inline-block;
  min-width: 20px;
  padding: 1px 6px;
  border: 1px solid #c9d2dd;
  border-bottom-width: 2px;
  border-radius: 5px;
  background: #ffffff;
  color: #1c2531;
  font: 600 var(--edc-fs-label)/18px ui-monospace, SFMono-Regular, Menlo, monospace;
  text-align: center;
  box-shadow: none;
}

@media (max-width: 1280px) {
  .oo-ws__cols {
    grid-template-columns: minmax(0, 1fr);
  }
  .oo-record {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 1100px) {
  .oo-split.is-open.is-wide {
    grid-template-columns: minmax(0, 1fr);
  }
  .oo-main {
    grid-template-columns: 200px minmax(0, 1fr);
  }
}
@media (max-width: 991px) {
  .oo-main {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }
  .oo-rail {
    border-right: 0;
    border-bottom: 1px solid #dfe4ea;
    max-height: 40vh;
  }
  .oo-steps__list {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  .oo-work {
    padding: 14px 16px 40px;
  }
  .oo-table thead {
    display: none;
  }
  .oo-table tr, .oo-table td {
    display: block;
  }
  .oo-table td {
    border-bottom: 0;
    padding: 4px 12px;
  }
  .oo-table tr {
    border-bottom: 1px solid #dfe4ea;
    padding: 6px 0;
  }
  .oo-meeting {
    grid-template-columns: 48px minmax(0, 1fr);
  }
  .oo-meeting__facts {
    grid-column: 2;
    justify-content: flex-start;
  }
}
@media (prefers-reduced-motion: reduce) {
  .oo-rail__view, .oo-chip, .oo-agenda__tools {
    transition: none;
  }
}
.oo-app .ccs-btn--danger {
  color: #fff;
  background: #a8342f;
  border-color: rgb(144.0893023256, 44.5990697674, 40.3106976744);
}
.oo-app .ccs-btn--danger:hover {
  background: rgb(144.0893023256, 44.5990697674, 40.3106976744);
  color: #fff;
}

.oo-app .ccs-btn--danger-quiet {
  color: #a8342f;
}
.oo-app .ccs-btn--danger-quiet:hover {
  color: #a8342f;
  background: #fbeceb;
}

.oo-subtitle {
  margin: 12px 0 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #1c2531;
  text-shadow: none;
}

.oo-menu {
  position: relative;
}

.oo-menu__list {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 30;
  width: 300px;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: #ffffff;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(28, 37, 49, 0.16);
}
.oo-menu__list[hidden] {
  display: none;
}
.oo-menu__list a {
  display: grid;
  gap: 2px;
  padding: 9px 11px;
  border-radius: 7px;
  color: #1c2531;
  text-decoration: none;
}
.oo-menu__list a strong {
  font-size: var(--edc-fs-body);
}
.oo-menu__list a span {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.oo-menu__list a:hover, .oo-menu__list a:focus-visible {
  background: #edf1f6;
  outline: none;
}
.oo-menu__list a:focus-visible {
  box-shadow: inset 0 0 0 2px #1c3f75;
}

.oo-lanes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  margin: 0 0 14px;
}

.oo-lanes__group {
  margin: 0 2px 0 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}
.oo-lanes__group:first-child {
  margin-left: 0;
}

.oo-lane {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #c9d2dd;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.oo-lane:hover {
  background: #edf1f6;
  color: #1c2531;
  text-decoration: none;
}
.oo-lane:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.oo-lane.is-active {
  background: #e6eefa;
  border-color: #1c3f75;
  color: #1c3f75;
}

.oo-lane__count {
  font-variant-numeric: tabular-nums;
  color: #556070;
}
.is-active .oo-lane__count {
  color: #1c3f75;
}

.oo-filters__end {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}

.oo-invoices .oo-filters + .oo-list {
  margin-top: 12px;
}

.oo-bulk {
  margin: 0;
}

.oo-pick {
  width: 34px;
  padding-right: 0 !important;
}

.oo-check__box {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: #1c3f75;
  cursor: pointer;
}

.oo-bulk__bar {
  position: sticky;
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  box-shadow: 0 -4px 16px rgba(28, 37, 49, 0.08);
}
.oo-bulk__bar[hidden] {
  display: none;
}

.oo-bulk__count {
  margin-right: auto;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1c2531;
}

.oo-undo {
  position: fixed;
  left: 50%;
  bottom: 44px;
  z-index: 50;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 12px 10px 16px;
  border-radius: 10px;
  background: #1c2531;
  color: #fff;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  box-shadow: 0 10px 24px rgba(28, 37, 49, 0.25);
}
.oo-undo[hidden] {
  display: none;
}
.oo-undo .ccs-btn {
  background: #fff;
}

.oo-deposit {
  max-width: 980px;
}

.oo-deposit__applies {
  align-self: flex-end;
  margin: 0 0 8px;
}

.oo-deposit__lines {
  margin-top: 14px;
}
.oo-deposit__lines td {
  vertical-align: middle;
  padding: 7px 10px;
}
.oo-deposit__lines .ccs-input {
  width: 100%;
  box-sizing: border-box;
}

.oo-deposit__n {
  width: 26px;
  color: #556070;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.oo-deposit__amount {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.oo-deposit__foot {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 12px;
}

.oo-deposit__total {
  margin: 0 0 0 auto;
  font-size: var(--edc-fs-body);
  color: #556070;
}
.oo-deposit__total strong {
  color: #1c2531;
  font-size: var(--edc-fs-heading);
  font-variant-numeric: tabular-nums;
}

.oo-inv__money {
  margin-top: 16px;
  padding: 14px 16px;
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}

.oo-inv__figures {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 16px;
}
.oo-inv__figures > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.oo-inv__figlabel {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #556070;
}

.oo-inv__fig {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}
.oo-inv__fig--date {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
}

.oo-inv__state {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.oo-inv__writeoff {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #dfe4ea;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.oo-inv__writeoff p {
  margin: 0 0 6px;
}

.oo-inv__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 4px;
}

.oo-inv__form {
  margin-top: 4px;
  padding: 12px 14px;
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
}

.oo-inv__danger {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px 16px;
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid #dfe4ea;
}
.oo-inv__danger .oo-more {
  flex-basis: 100%;
}

.oo-inv__items th, .oo-inv__items td {
  padding: 7px 10px;
}
.oo-inv__items tfoot th {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  text-transform: none;
  letter-spacing: 0;
  background: transparent;
  color: #556070;
}
.oo-inv__items tfoot td, .oo-inv__items tfoot th {
  border-bottom: 0;
}

.oo-inv__group th {
  background: transparent;
  color: #1c2531;
  text-transform: none;
  letter-spacing: 0;
  font-size: var(--edc-fs-secondary);
}

.oo-inv__text {
  margin-top: 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.oo-inv__text strong {
  display: block;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.oo-inv__text p {
  margin: 2px 0 0;
}

.oo-inv__timeline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.oo-inv__timeline li {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  padding: 7px 0;
  border-top: 1px solid #dfe4ea;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.oo-inv__timeline li:first-child {
  border-top: 0;
}
.oo-inv__timeline .fa, .oo-inv__timeline .fa-solid, .oo-inv__timeline .fa-regular {
  color: #556070;
  margin-top: 3px;
}

.oo-copy {
  display: flex;
  gap: 6px;
}
.oo-copy .ccs-input {
  flex: 1 1 auto;
  min-width: 0;
}

.oo-inv .oo-facts dd {
  overflow-wrap: anywhere;
}

.oo-invoices .oo-filters select.ccs-input {
  width: auto;
  max-width: 220px;
}

.oo-row--stack {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.oo-msg-people {
  margin-top: 4px;
  padding: 10px 12px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #ffffff;
}
.oo-msg-people legend {
  float: left;
  width: 100%;
  margin: 0 0 6px;
  padding: 0;
}
.oo-msg-people .oo-checks {
  clear: both;
}

.oo-portals .oo-filters select.ccs-input {
  width: auto;
  max-width: 260px;
}

.evs-rail__badge {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  margin-left: 4px;
  padding: 0 6px;
  border-radius: 999px;
  background: #fbeceb;
  color: #a8342f;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0;
  vertical-align: 1px;
}

.evs-rail__quiet {
  margin: 0 8px 4px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.evs-rail__quiet .fa {
  color: #2f6b4f;
}

.mems-head__actions .oo-menu > .ccs-btn, .evs-head__actions .oo-menu > .ccs-btn, .cmx-head__actions .oo-menu > .ccs-btn {
  min-width: 0;
  padding: 0 10px;
}

.mems-head__actions, .evs-head__actions, .cmx-head__actions {
  position: relative;
}

.rlp-head {
  margin-bottom: 16px;
}

.rlp-head .mems-title, .rlp-head .evs-title, .rlp-head .cmx-title {
  text-shadow: none;
}

.rlp-head__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.rlp-head__meta strong {
  color: #1c2531;
}

.rlp-head__actions {
  align-items: center;
}

.rlp-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.rlp-switch__label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
}
.rlp-switch__select {
  max-width: 280px;
}

.rlp-band {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  max-width: 960px;
}
@media (max-width: 992px) {
  .rlp-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.rlp-tile {
  padding: 14px 16px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.rlp-tile__count {
  margin: 0;
  font-size: calc(var(--edc-fs-display) * 24 / 24);
  font-weight: 700;
  line-height: 1.15;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}
.rlp-tile__of {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #556070;
}
.rlp-tile__label {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
}

.rlp-note {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 12px 0 0;
  max-width: 960px;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.rlp-note .fa {
  color: #556070;
}

.rlp-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 24px;
}
.rlp-tools__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 16 / 18);
  font-weight: 700;
  color: #1c2531;
  text-shadow: none;
}
.rlp-tools__n {
  padding: 0 8px;
  border-radius: 999px;
  background: #edf1f6;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 20px;
  font-variant-numeric: tabular-nums;
}

.rlp-bulk[disabled] {
  cursor: default;
}

.rlp-confirm {
  margin-top: 12px;
  padding: 16px 18px;
  max-width: 720px;
  background: #ffffff;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
}
.rlp-confirm[hidden] {
  display: none;
}
.rlp-confirm__title {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 16 / 18);
  font-weight: 700;
  text-shadow: none;
}
.rlp-confirm__title:focus {
  outline: none;
}
.rlp-confirm__title:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.rlp-confirm__lede {
  margin: 6px 0 10px;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
  line-height: 1.5;
}
.rlp-confirm__list {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: grid;
  gap: 0;
  border-top: 1px solid #dfe4ea;
}
.rlp-confirm__list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  border-bottom: 1px solid #dfe4ea;
}
.rlp-confirm__name {
  font-weight: 600;
  color: #1c2531;
}
.rlp-confirm__why {
  font-size: var(--edc-fs-secondary);
  color: #556070;
  text-align: right;
}
.rlp-confirm__label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.rlp-confirm__note {
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
}
.rlp-confirm__hint {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.rlp-confirm__acts {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}

.rlp-status {
  min-height: 1.4em;
  margin: 10px 0 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
}
.rlp-status:focus {
  outline: none;
}

.rlp-tablewrap {
  margin-top: 6px;
  overflow-x: auto;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #ffffff;
}

.rlp-table {
  width: 100%;
  margin: 0;
}
.rlp-table th, .rlp-table td {
  padding: 10px 14px;
  vertical-align: top;
}
.rlp-table th {
  white-space: nowrap;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  border-bottom: 1px solid #dfe4ea;
}
.rlp-table tbody tr + tr td {
  border-top: 1px solid #dfe4ea;
}
.rlp-table .mems-table__name, .rlp-table .evs-table__name {
  white-space: normal;
}
.rlp-table .rlp-col-name {
  width: 38%;
}
.rlp-table .rlp-col-state {
  width: 24%;
}
.rlp-table .rlp-col-progress {
  width: 24%;
}
.rlp-table .rlp-col-remind {
  width: 14%;
}
.rlp-table td {
  white-space: normal;
}
.rlp-table td > .svy-pill {
  white-space: nowrap;
}

.rlp-behind {
  color: #8a5a1f;
  font-weight: 600;
}

.rlp-foot {
  margin: 14px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.ccs-split.is-open .rlp-table .rlp-col-state, .ccs-split.is-open .rlp-table td[data-label=Status] {
  display: none;
}
.ccs-split.is-open .rlp-table .rlp-col-name {
  width: 50%;
}
.ccs-split.is-open .rlp-table .rlp-col-progress {
  width: 32%;
}
.ccs-split.is-open .rlp-table .rlp-col-remind {
  width: 18%;
}

@media (max-width: 640px) {
  .mems-table.rlp-table tbody tr, .rlp-table.evs-table tbody tr {
    grid-template-columns: minmax(0, 1fr);
  }
  .mems-table.rlp-table tbody td[data-label], .rlp-table.evs-table tbody td[data-label] {
    grid-column: 1;
  }
  .mems-table.rlp-table tbody td[data-label=Community]::before, .rlp-table.evs-table tbody td[data-label=Community]::before {
    display: none;
  }
  .mems-table.rlp-table tbody td[data-label=Community] .mems-table__meta, .rlp-table.evs-table tbody td[data-label=Community] .mems-table__meta, .mems-table.rlp-table tbody td[data-label=Community] .evs-table__meta, .rlp-table.evs-table tbody td[data-label=Community] .evs-table__meta {
    display: block;
    margin-left: 0;
  }
  .rlp-confirm__list li {
    flex-direction: column;
    gap: 2px;
  }
  .rlp-confirm__why {
    text-align: left;
  }
}
.rlp-progress {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.rlp-progress__track {
  display: block;
  height: 6px;
  max-width: 160px;
  border-radius: 999px;
  background: #eef2f7;
  overflow: hidden;
}
.rlp-progress__fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #1c3f75;
}
.rlp-progress__figure {
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.rlp-progress__figure strong {
  font-weight: 700;
}
.rlp-progress__pct, .rlp-progress__asof {
  color: #556070;
}
.rlp-progress__asof {
  display: block;
}

.rlp-pane__state {
  margin: 0 0 8px;
}

.rlp-pane__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

.rlp-pane__sub {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.rlp-pane__more {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.rlp-results__note, .rlp-results__pool {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.rlp-results__pool {
  font-weight: 600;
  color: #1c2531;
}
.rlp-results__empty {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
  line-height: 1.5;
}
.rlp-results .sr-q--nested {
  margin-left: 0;
}

.rlp-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin: 16px 0 4px;
}
.rlp-filter__label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
}
.rlp-filter__select {
  min-width: 240px;
  max-width: 100%;
}
.rlp-filter__clear {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.rlp-community {
  margin-top: 12px;
}

.rlp-results-page .rlp-community .rlp-results__note {
  margin-top: 4px;
}

.sro {
  max-width: 960px;
}

.sro-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  margin: 0 0 16px;
}
.sro-controls .sdb-filter {
  margin: 0;
}

.sro-split {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.sro-split__label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
}
.sro-split__select {
  min-width: 220px;
  max-width: 100%;
}

.sro-note {
  margin: 0 0 16px;
}

.sro .sro-q .sr-q__label {
  margin: 0;
  font-size: var(--edc-fs-body);
  text-shadow: none;
}

.sro .sro-q .sr-q__meta {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.sro .sr-denominator {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.sro-average {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
}
.sro-average strong {
  color: #1c2531;
}

.sro-none, .sro-held {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.sro-hidden-row .sr-bar-track {
  opacity: 0.6;
}

.sro-groups {
  display: grid;
  gap: 8px;
}

.sro-group {
  padding: 4px 16px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.sro-group__summary {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 10px 0;
  cursor: pointer;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}
.sro-group__summary:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.sro-group summary.sro-group__summary {
  list-style: none;
}
.sro-group summary.sro-group__summary::-webkit-details-marker {
  display: none;
}
.sro-group div.sro-group__summary {
  cursor: default;
}
.sro-group__chev {
  margin-right: 6px;
  font-size: 0.8em;
  color: #556070;
  transition: transform 0.15s ease;
}
.sro-group[open] .sro-group__chev {
  transform: rotate(90deg);
}
@media (prefers-reduced-motion: reduce) {
  .sro-group__chev {
    transition: none;
  }
}
.sro-group__n {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
  font-variant-numeric: tabular-nums;
}

.sro-total strong {
  font-variant-numeric: tabular-nums;
}

.sro .rlp-head__actions {
  flex-wrap: wrap;
}

.sro .rlp-head__actions .ccs-btn {
  max-width: 100%;
  white-space: normal;
  text-align: left;
  height: auto;
}

@media (max-width: 575.98px) {
  .sro .rlp-head__actions {
    justify-content: flex-start;
  }
}
.sro-companies {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px 24px;
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
}
.sro-companies a {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c3f75;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.sro-companies a:hover {
  text-decoration: underline;
}
.sro-companies a:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.sro-companies__n {
  margin-left: 6px;
  font-variant-numeric: tabular-nums;
}

.sdb {
  display: grid;
  grid-template-columns: minmax(0, 640px) 232px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  align-items: start;
  padding: 6px 0 24px;
  color: #1c2531;
}
@media (max-width: 991.98px) {
  .sdb {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 24px;
  }
}

.sdb--three {
  grid-template-columns: 320px minmax(0, 640px) 232px;
  row-gap: 24px;
}
@media (max-width: 1199.98px) {
  .sdb--three {
    grid-template-columns: minmax(0, 1fr) 232px;
  }
  .sdb--three .sdb__subs {
    grid-column: 1/-1;
    order: 3;
  }
}
@media (max-width: 991.98px) {
  .sdb--three {
    grid-template-columns: minmax(0, 1fr);
  }
}

.sdb__subs {
  min-width: 0;
}

.ccs-split.is-open .sdb--three {
  grid-template-columns: minmax(0, 1fr);
}
.ccs-split.is-open .sdb--three .sdb__subs {
  order: 3;
}

.sdb__column {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  min-width: 0;
}

.sdb__column > * {
  min-width: 0;
}

.ccs-split.is-open .sdb {
  grid-template-columns: minmax(0, 1fr);
  row-gap: 24px;
}

.sdb-saved {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.sdb-saved .fa {
  color: #2f6b4f;
}

.sdb-form .sdf {
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  overflow: hidden;
}

.sdf-company__row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.sdf-company__host {
  flex: 1 1 auto;
  min-width: 0;
}

.sdf-company__picker {
  position: relative;
}

.sdf-company__input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  background: #fff;
  font: inherit;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.sdf-company__input::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}
.sdf-company__input::placeholder {
  color: #6b7280;
  opacity: 1;
}
.sdf-company__input:hover {
  border-color: #1c2531;
}
.sdf-company__input:focus {
  outline: none;
  border-color: var(--sdf-theme, #1c3f75);
  box-shadow: 0 0 0 1px var(--sdf-theme, #1c3f75);
}
.sdf-company__input.is-invalid {
  border-color: #d32f2f;
}
.sdf-company__input--fixed {
  background: #f8fafc;
  font-weight: 600;
  cursor: default;
}

.sdf-company__list {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  margin: 0;
  padding: 4px 0;
  list-style: none;
  max-height: 264px;
  overflow: auto;
  background: #fff;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(28, 37, 49, 0.14);
}
.sdf-company__list[hidden] {
  display: none;
}
.sdf-company__list [role=option] {
  display: block;
  padding: 8px 14px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  cursor: pointer;
}
.sdf-company__list [role=option][aria-selected=true], .sdf-company__list [role=option]:hover {
  background: #edf1f6;
}
.sdf-company__list .mems-picker__meta {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #4b5563;
}
.sdf-company__list .rp-picker-add {
  color: #1c3f75;
  font-weight: 600;
}

.sdf-company__add {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  background: #fff;
  color: #1c2531;
  font: inherit;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.sdf-company__add:hover {
  background: #edf1f6;
}
.sdf-company__add:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.sdf-company__add[aria-disabled=true] {
  cursor: not-allowed;
  color: #4b5563;
}

.sdf-company__say {
  margin: 8px 0 0;
  min-height: 0;
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}
.sdf-company__say:empty {
  margin: 0;
}
.sdf-company__say.is-error {
  color: #a8342f;
  font-weight: 600;
}
.sdf-company__say a {
  color: #1c3f75;
  font-weight: 600;
}

@media (max-width: 575.98px) {
  .sdf-company__row {
    flex-wrap: wrap;
  }
  .sdf-company__add {
    width: 100%;
    justify-content: center;
  }
}
.sdb-form .sdf .MuiContainer-root {
  max-width: none;
}

.sdb-form .sdf .MuiTypography-caption {
  font-size: var(--edc-fs-secondary);
}
.sdb-form .sdf [id$=-helper], .sdb-form .sdf form span.MuiBox-root {
  font-size: var(--edc-fs-secondary);
}
.sdb-form .sdf input::-moz-placeholder, .sdb-form .sdf textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}
.sdb-form .sdf input::placeholder, .sdb-form .sdf textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}
.sdb-form .sdf [role=combobox][aria-haspopup=listbox] > .MuiTypography-root {
  color: #374151 !important;
}
.sdb-form .sdf h1 {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
}
@media (max-width: 575.98px) {
  .sdb-form .sdf h1 {
    font-size: var(--edc-fs-title);
  }
}

.sdb-none {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
}
.sdb-none__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  text-shadow: none;
}
.sdb-none__text {
  margin: 0 0 16px;
  font-size: var(--edc-fs-body);
  max-width: 60ch;
}

.sdb-h {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 12px;
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #1c2531;
  text-shadow: none;
}
.sdb-h__n {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #4b5563;
  font-variant-numeric: tabular-nums;
}

.sdb-empty {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #4b5563;
}

.sdb-table-wrap {
  overflow-x: auto;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
}

.sdb-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
}
.sdb-table th, .sdb-table td {
  padding: 12px 16px;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #dfe4ea;
}
.sdb-table thead th {
  border-top: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #4b5563;
  white-space: nowrap;
}
.sdb-table tbody th {
  font-weight: 600;
  min-width: 160px;
}
.sdb-table tbody th a {
  color: #1c3f75;
  text-decoration: none;
}
.sdb-table tbody th a:hover {
  text-decoration: underline;
}
.sdb-table tbody th a:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.sdb-table__date {
  text-align: right !important;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.sdb-table__status {
  white-space: nowrap;
}

.sdb-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}
.sdb-filter__opt {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.sdb-filter__opt:hover {
  background: #edf1f6;
}
.sdb-filter__opt:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.sdb-filter__opt[aria-current=true] {
  background: color-mix(in srgb, var(--sdb-theme) 14%, #fff);
  border-color: var(--sdb-theme);
  box-shadow: inset 0 0 0 1px var(--sdb-theme);
}

.sdb-sort {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  text-decoration: none;
}
.sdb-sort .fa {
  color: #4b5563;
}
.sdb-sort:hover {
  text-decoration: underline;
}
.sdb-sort:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.sdb-sort.is-on, .sdb-sort.is-on .fa {
  color: #1c2531;
}

.sdb-held {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 12px 16px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.sdb-held .fa {
  flex: 0 0 auto;
  margin-top: 3px;
  color: #4b5563;
}

.sdb-held + .sdb-table-wrap, .sdb-held + .sdb-empty {
  margin-top: 12px;
}

.sdb-table--subs th, .sdb-table--subs td {
  padding: 10px 12px;
}
.sdb-table--subs tbody th {
  min-width: 0;
  font-size: var(--edc-fs-secondary);
}
.sdb-table--subs tbody th a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sdb-table--subs__progress {
  width: 128px;
}

.sdb-prog {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sdb-prog__bar {
  flex: 1 1 auto;
  height: 8px;
  border-radius: 999px;
  background: #e8ecf1;
  overflow: hidden;
}
.sdb-prog__fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #d9960f;
}
.sdb-prog--done .sdb-prog__fill {
  background: #2f6b4f;
}
.sdb-prog__n {
  flex: 0 0 auto;
  min-width: 36px;
  text-align: right;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #4b5563;
  font-variant-numeric: tabular-nums;
}

.sdb-quiet {
  color: #4b5563;
}

.sdb-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border-radius: 999px;
  background: #fdf3e3;
  color: #7a4b12;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.sdb-pill--done {
  background: #e5f3ec;
  color: #2f6b4f;
}
.sdb-pill .fa {
  font-size: 0.85em;
}

.sdb-continue {
  margin-left: 12px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
  text-decoration: none;
}
.sdb-continue:hover {
  text-decoration: underline;
}
.sdb-continue:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.sdb-rail {
  position: sticky;
  top: 24px;
  display: grid;
  gap: 24px;
  min-width: 0;
}
.sdb-rail .ccs-btn {
  width: 100%;
  justify-content: center;
  min-width: 0;
}
@media (max-width: 991.98px) {
  .sdb-rail {
    position: static;
  }
}

.sdb-rail__new + .sdb-rail__add {
  margin-top: -16px;
}

.sdb-rail__group {
  display: grid;
  gap: 8px;
}

.sdb-rail__h {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #4b5563;
  text-shadow: none;
}

.sdb-rail__list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sdb-rail__list li {
  display: grid;
  gap: 4px;
}

.sdb-rail__views {
  margin-top: 8px;
}

.sdb-rail__link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c3f75;
  text-decoration: none;
}
.sdb-rail__link:hover {
  text-decoration: underline;
  color: #163258;
}
.sdb-rail__link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.sdb-rail__link.is-current {
  color: #1c2531;
}

.sdb-rail__hint {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}

.sdb-split {
  --sdb-theme: #1c3f75;
}

.sdb-rail__h {
  font-size: var(--edc-fs-label);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #4b5563;
}

.sdb-rail__group {
  padding-top: 4px;
}

.sdb-rail__list > li.sdb-rail__tile, .sdb-rail__list > li.sdb-rail__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.sdb-rail__tile-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.sdb-rail__mark {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--sdb-theme) 14%, #fff);
  color: var(--sdb-theme);
  font-size: var(--edc-fs-body);
}

.sdb-rail__tile--all .sdb-rail__mark {
  background: color-mix(in srgb, #2f6b4f 14%, #fff);
  color: #2f6b4f;
}

.sdb-h__n {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  margin-left: 6px;
  background: color-mix(in srgb, var(--sdb-theme) 14%, #fff);
  color: var(--sdb-theme);
}

.sdb-table tbody th a {
  color: var(--sdb-theme);
}

.sdb-pill {
  background: #fff3dc;
  color: #7a4b12;
}

.ccq__tools .sdb-filter {
  margin: 0;
}

@media (min-width: 641px) {
  .ccq__table .sdb-q__progress {
    width: 152px;
  }
}
.sdb-q__received {
  max-width: 760px;
}

@media (min-width: 641px) {
  .sdb-q__received .ccq__col-company {
    width: auto;
  }
  .sdb-q__received .sdb-q__progress {
    width: 200px;
  }
}
.ccq__table td.sdb-q__progress .sdb-prog {
  min-height: 20px;
}

.sdb-q__held {
  margin: 0 0 12px;
}

.sdb-rx {
  display: grid;
  gap: 12px;
  margin: 16px 0 0;
}
.sdb-rx__answer {
  padding: 0 0 12px;
  border-bottom: 1px solid #dfe4ea;
}
.sdb-rx__answer:last-child {
  border-bottom: 0;
}
.sdb-rx dt {
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #4b5563;
}
.sdb-rx dd {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  overflow-wrap: anywhere;
}
.sdb-rx__none {
  margin: 16px 0 0;
  font-size: var(--edc-fs-body);
  color: #4b5563;
}

.sdb-match {
  max-width: 1080px;
  padding-bottom: 32px;
}
.sdb-match section + section {
  margin-top: 32px;
}
.sdb-match__lede {
  margin: 8px 0 24px;
  max-width: 72ch;
  font-size: var(--edc-fs-body);
  color: #4b5563;
}
.sdb-match__list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sdb-match__item {
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
}
.sdb-match__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1.2fr);
  gap: 12px 24px;
  align-items: start;
  padding: 16px;
  margin: 0;
}
@media (max-width: 991.98px) {
  .sdb-match__form {
    grid-template-columns: minmax(0, 1fr);
  }
}
.sdb-match__from, .sdb-match__to {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.sdb-match__label {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #4b5563;
}
.sdb-match__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c3f75;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.sdb-match__name:hover {
  text-decoration: underline;
}
.sdb-match__name:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.sdb-match__select {
  width: 100%;
}
.sdb-match__why {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}
.sdb-match__why--none {
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.sdb-match__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.sdb-match__acts .ccs-btn {
  min-width: 0;
}
@media (max-width: 991.98px) {
  .sdb-match__acts {
    justify-content: flex-start;
  }
}

.sdb-q__answer {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 12px 0 0;
  border: 0;
  border-top: 1px solid #dfe4ea;
}
.sdb-q__answer legend {
  float: left;
  width: 100%;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #4b5563;
}

.sdb-q__match {
  margin: 0 0 12px;
}

.pay-admin {
  max-width: 920px;
  color: #1c2531;
}
.pay-admin__head {
  margin-bottom: 28px;
}
.pay-admin__title {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  margin: 0 0 6px;
  text-shadow: none;
}
.pay-admin__title .fa-solid {
  color: #1c3f75;
  margin-right: 6px;
}
.pay-admin__lede {
  margin: 0;
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  color: #475569;
  max-width: 70ch;
}
.pay-admin__section {
  margin-bottom: 36px;
}
.pay-admin__section-head {
  margin-bottom: 12px;
}
.pay-admin__h2 {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0 0 4px;
  text-shadow: none;
}
.pay-admin__hint {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.pay-admin__empty {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
  padding: 14px 16px;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
}
.pay-admin__list {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: grid;
  gap: 12px;
}

.pay-card {
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
  padding: 14px 16px;
}
.pay-card__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  margin: 0;
  text-shadow: none;
}
.pay-card__meta, .pay-card__ways {
  margin: 3px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.pay-card__more {
  margin-top: 10px;
}
.pay-card__more summary {
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
}
.pay-card__notice {
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #334155;
}
.pay-card__actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.pay-card__actions .btn {
  min-width: 0;
}

.pay-status {
  font-weight: 600;
}
.pay-status--active {
  color: #2f6b4f;
}
.pay-status--pending {
  color: #8a5a1f;
}
.pay-status--disconnected {
  color: #a8342f;
}

.pay-code {
  display: block;
  margin-top: 6px;
  padding: 6px 8px;
  border-radius: 6px;
  background: #f1f4f8;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  word-break: break-all;
}

.pay-routes {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 4px 18px;
}
.pay-routes li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: var(--edc-fs-secondary);
  border-top: 1px solid #eef2f7;
  padding-top: 4px;
}
.pay-routes__way {
  color: #556070;
}
.pay-routes__to {
  font-weight: 600;
  text-align: right;
}

.pay-add summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.pay-add summary::-webkit-details-marker {
  display: none;
}

.pay-form {
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fbfcfd;
}
.pay-form .btn {
  min-width: 0;
}

.pay-fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.pay-field {
  display: grid;
  gap: 4px;
}
.pay-field label {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #475569;
  margin: 0;
}

.pay-field--row {
  grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
  align-items: center;
  margin-bottom: 8px;
}

.pay-field__help {
  grid-column: 1/-1;
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.pay-fieldset {
  border: 0;
  padding: 0;
  margin: 4px 0 14px;
}
.pay-fieldset legend {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  margin-bottom: 8px;
}

@media (max-width: 640px) {
  .pay-field--row {
    grid-template-columns: minmax(0, 1fr);
  }
}
.vis-page {
  max-width: 1080px;
}
.vis-page h1, .vis-page h2, .vis-page h3 {
  text-shadow: none;
}
.vis-page .adm-panel {
  margin-bottom: 18px;
}

.vis-empty {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #475569;
}

.vis-group {
  margin: 16px 0 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #475569;
}
.vis-group:first-of-type {
  margin-top: 4px;
}

.vis-btn--danger {
  color: #b42318;
}
.vis-btn--danger:hover {
  background: #fdeceb;
}

.vis-start {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #f3f6fd;
}
.vis-start__body {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #25324a;
  max-width: 720px;
}
.vis-start__form {
  margin: 0;
}

.vis-rules, .vis-rows {
  list-style: none;
  margin: 0;
  padding: 0;
}

.vis-rule {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #eef1f5;
}
.vis-rule:last-child {
  border-bottom: 0;
}
.vis-rule__words {
  flex: 999 1 480px;
  min-width: 0;
  display: grid;
  gap: 4px;
}
.vis-rule__sentence {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 15.5 / 16);
  line-height: 1.6;
  color: #1c2531;
}
.vis-rule__meta {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.vis-rule__off {
  color: #8a5a1f;
  font-weight: 600;
}
.vis-rule__controls {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}
.vis-rule__form {
  margin: 0;
  display: inline;
}
.vis-rule.is-off .vis-rule__sentence {
  color: #475569;
}
.vis-rule.is-off .vis-chip {
  background: #f1f4f8;
  border-bottom-color: #cbd5e1;
  color: #475569;
}

.vis-chip {
  font-weight: 600;
  color: #1c3f75;
  background: #eef3fc;
  border-bottom: 2px solid #9db4e3;
  border-radius: 4px;
  padding: 1px 5px;
}

.vis-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #dde3ea;
  border-radius: 8px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
  cursor: pointer;
}
.vis-switch:focus-visible {
  outline: 3px solid #9db4e3;
  outline-offset: 2px;
}
.vis-switch__track {
  position: relative;
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background: #94a3b8;
  transition: background 150ms ease;
}
.vis-switch__dot {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  transition: transform 150ms ease;
}
.vis-switch.is-on {
  color: #1c3f75;
}
.vis-switch.is-on .vis-switch__track {
  background: #1c3f75;
}
.vis-switch.is-on .vis-switch__dot {
  transform: translateX(14px);
}
@media (prefers-reduced-motion: reduce) {
  .vis-switch__track, .vis-switch__dot {
    transition: none;
  }
}

.vis-teamless {
  display: block;
  margin-bottom: 18px;
  padding: 12px 16px;
  border-radius: 10px;
}
.vis-teamless__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  font-weight: 700;
  color: inherit;
}
.vis-teamless__body {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.vis-row {
  padding: 12px 0;
  border-bottom: 1px solid #eef1f5;
}
.vis-row:last-child {
  border-bottom: 0;
}
.vis-row__name {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #0f1b2d;
}
.vis-row__meta {
  margin: 3px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.vis-row__people {
  margin: 6px 0 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.vis-row__more {
  margin-top: 8px;
}
.vis-row__more summary {
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
}

.vis-people {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 4px 18px;
}
.vis-people li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: var(--edc-fs-body);
  padding: 3px 0;
  border-top: 1px solid #eef1f5;
}
.vis-people__note {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.vis-people__signin {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
}

.vis-add {
  margin-top: 12px;
}
.vis-add summary {
  list-style: none;
  display: inline-flex;
}
.vis-add summary::-webkit-details-marker {
  display: none;
}

.vis-form {
  margin-top: 10px;
  padding: 14px 16px;
  border: 1px solid #dde3ea;
  border-radius: 10px;
  background: #fbfcfd;
}
.vis-form__actions {
  margin-top: 12px;
}
.vis-form__remove {
  margin: 10px 0 0;
}

.vis-fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.vis-field__opt {
  font-weight: 400;
}

.vis-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width: 860px) {
  .vis-pair {
    grid-template-columns: 1fr;
  }
}
.vis-pair .adm-panel {
  margin-bottom: 0;
}

.vis-hist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  font-size: var(--edc-fs-body);
}
.vis-hist li {
  display: flex;
  gap: 14px;
}
.vis-hist__when {
  flex: 0 0 52px;
  color: #475569;
}

.vis-how {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
  font-size: var(--edc-fs-body);
  color: #25324a;
}

.vis-grid__state, .vis-grid__lead, .vis-grid__clean {
  margin: 0 0 10px;
  font-size: var(--edc-fs-body);
  color: #25324a;
  max-width: 760px;
}
.vis-grid__clean {
  color: #2f6b4f;
  font-weight: 600;
}
.vis-grid__list {
  margin: 0 0 12px;
  padding-left: 18px;
  font-size: var(--edc-fs-body);
  display: grid;
  gap: 4px;
}
.vis-grid form {
  margin: 0;
}

.vis-c360-list {
  margin: 0;
  padding-left: 16px;
  display: grid;
  gap: 2px;
}

.vis-editor__sentence {
  margin: 0 0 18px;
  padding: 14px 18px;
  border-radius: 10px;
  background: #eef3fc;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 600;
  color: #0f2a57;
}
.vis-editor__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 20px;
  align-items: start;
}
@media (max-width: 900px) {
  .vis-editor__grid {
    grid-template-columns: 1fr;
  }
}
.vis-editor__main {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.vis-editor__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

.vis-errors {
  margin-bottom: 16px;
  padding: 12px 16px;
  border: 1px solid #f0c2bf;
  border-radius: 10px;
  background: #fdf3f2;
  color: #8b2b26;
  font-size: var(--edc-fs-body);
}
.vis-errors__title {
  margin: 0 0 4px;
  font-weight: 700;
}
.vis-errors ul {
  margin: 0;
  padding-left: 18px;
}

.vis-fieldset {
  border: 1px solid #dde3ea;
  border-radius: 12px;
  padding: 14px 18px 16px;
  margin: 0;
  background: #fff;
  min-width: 0;
}
.vis-fieldset__legend {
  float: none;
  width: auto;
  padding: 0 6px;
  margin: 0 0 6px -6px;
  font-size: calc(var(--edc-fs-heading) * 15.5 / 16);
  font-weight: 700;
  color: #0f1b2d;
}
.vis-fieldset--plain {
  border: 0;
  padding: 0;
  background: transparent;
}

.vis-sublabel {
  display: block;
  margin: 12px 0 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #475569;
  text-transform: none;
}

.vis-hint {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #475569;
}

.vis-radio {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
}
.vis-radio label {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  font-weight: 500;
  color: #1c2531;
}
.vis-radio input {
  width: 18px;
  height: 18px;
  accent-color: #1c3f75;
}

.vis-who-some {
  margin: 4px 0 0 26px;
}

.vis-checks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}
.vis-checks--scroll {
  max-height: 240px;
  overflow-y: auto;
  border: 1px solid #eef1f5;
  border-radius: 8px;
  padding: 6px 10px;
}
.vis-checks--cols {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.vis-checks--parts {
  margin: 2px 0 6px;
}

.vis-check {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: start;
  font-size: var(--edc-fs-body);
  padding: 3px 0;
}
.vis-check input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: #1c3f75;
}
.vis-check label {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 400;
  color: #1c2531;
}
.vis-check label strong {
  font-weight: 700;
}
.vis-check > .vis-checks {
  grid-column: 2;
}
.vis-check__meta {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  font-weight: 400;
}

.vis-search {
  max-width: 360px;
  margin-bottom: 10px;
}

.vis-kinds {
  max-height: 460px;
  overflow-y: auto;
  border: 1px solid #eef1f5;
  border-radius: 8px;
  padding: 8px 12px;
}
.vis-kinds__group + .vis-kinds__group {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eef1f5;
}
.vis-kinds__area {
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #475569;
}

.vis-preview {
  position: sticky;
  top: 84px;
  background: #fff;
  border: 1px solid #dde3ea;
  border-radius: 12px;
  padding: 16px 18px;
}
.vis-preview__title {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  font-weight: 700;
  color: #0f1b2d;
}
.vis-preview__list + .vis-preview__title, .vis-hint + .vis-preview__title {
  margin-top: 14px;
}
.vis-preview__list {
  margin: 0 0 14px;
  padding-left: 18px;
  display: grid;
  gap: 4px;
  font-size: var(--edc-fs-body);
  color: #25324a;
}
.vis-preview__people {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.vis-preview__note {
  margin: 14px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #475569;
}
.vis-preview__status {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #8b2b26;
}
.vis-preview__status:empty {
  display: none;
}
@media (max-width: 900px) {
  .vis-preview {
    position: static;
  }
}

.prs-page {
  max-width: 1280px;
}
.prs-page h1, .prs-page h2, .prs-page h3 {
  text-shadow: none;
}
.prs-page .adm-panel {
  margin-bottom: 16px;
}

.prs-flash {
  margin: 0 0 16px;
  padding: 10px 14px;
  border-radius: 8px;
  background: #ecfdf3;
  color: #054f31;
  font-size: var(--edc-fs-body);
}
.prs-flash--alert {
  background: #fef3f2;
  color: #7a271a;
}

.prs-link {
  font-weight: 600;
  color: #1d4ed8;
}

.prs-scope__title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1c2531;
}

.prs-scope__words {
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
  max-width: 80ch;
}

.prs-seg {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 3px;
  border: 1px solid #cfd6e2;
  border-radius: 10px;
  background: #f4f6fa;
}
.prs-seg__item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #344054;
  text-decoration: none;
}
.prs-seg__item:hover {
  color: #1d4ed8;
  text-decoration: none;
}
.prs-seg__item:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.prs-seg__item.is-active {
  background: #fff;
  color: #1d4ed8;
  box-shadow: 0 1px 2px rgba(20, 28, 56, 0.12);
}
.prs-seg--sub {
  margin: 12px 0 0 0;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}

.prs-pick {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 16px 0 0;
}
.prs-pick__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.prs-pick__field label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
}
.prs-pick__field select {
  height: 38px;
  min-width: 260px;
  max-width: 100%;
  padding: 0 10px;
  border: 1px solid #cfd6e2;
  border-radius: 8px;
  background: #fff;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.prs-pick__field select:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.prs-pick__field select:disabled {
  background: #f4f6fa;
  color: #475467;
}
.prs-pick__help {
  flex-basis: 100%;
  margin: 0;
}

.prs-empty__body {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #344054;
}

.prs-panel.adm-panel {
  padding: 0;
}

.prs-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 16px 18px;
  border-bottom: 1px solid #dde3ea;
}
.prs-toolbar__title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1c2531;
}
.prs-toolbar__words {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}
.prs-toolbar__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.prs-filter {
  position: relative;
}
.prs-filter i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #475467;
  font-size: var(--edc-fs-secondary);
}
.prs-filter input {
  height: 38px;
  width: 280px;
  max-width: 100%;
  padding: 0 12px 0 34px;
  border: 1px solid #cfd6e2;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.prs-filter input::-moz-placeholder {
  color: #475467;
}
.prs-filter input::placeholder {
  color: #475467;
}
.prs-filter input:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}

.prs-table-wrap {
  overflow-x: auto;
}

.prs-grid {
  width: 100%;
  min-width: 880px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.prs-grid th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 10px 12px;
  background: #f8fafc;
  border-bottom: 1px solid #dde3ea;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #344054;
  text-align: left;
  white-space: nowrap;
}
.prs-grid td {
  padding: 8px 12px;
  border-bottom: 1px solid #eef1f5;
  vertical-align: middle;
  background: #fff;
}

.prs-col--effective {
  width: 200px;
}

.prs-col--setting {
  width: 248px;
}

.prs-col--count {
  width: 200px;
}

.prs-name__count {
  display: none;
}

@media (max-width: 1279px) {
  .prs-grid {
    min-width: 0;
  }
  .prs-col--count, .prs-cell--count {
    display: none;
  }
  .prs-name__count {
    display: block;
  }
}
.prs-row:focus, .prs-row .prs-cell:focus {
  outline: 2px solid #1d4ed8;
  outline-offset: -2px;
}
.prs-row--l1 .prs-label {
  font-weight: 700;
}
.prs-row--l2 .prs-name {
  padding-left: 24px;
}
.prs-row--l3 .prs-name {
  padding-left: 48px;
}
.prs-row--l3 td {
  background: #fbfcfd;
}
.prs-row.is-changed td {
  background: #fffaeb;
}
.prs-row--refused .prs-label {
  color: #475467;
}

.prs-name {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.prs-name__words {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.prs-twisty {
  flex: 0 0 16px;
  width: 16px;
  padding-top: 2px;
  color: #475467;
  font-size: var(--edc-fs-secondary);
  cursor: pointer;
}
.prs-twisty i {
  transition: transform 150ms ease;
}
.prs-twisty--leaf {
  cursor: default;
}

tr[aria-expanded=true] > .prs-cell--name .prs-twisty i {
  transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
  .prs-twisty i {
    transition: none;
  }
}
.prs-cell--name {
  cursor: default;
}

.prs-note {
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.prs-unsaved {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #93370d;
}

.prs-state {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.4;
}
.prs-state i {
  flex: 0 0 auto;
  padding-top: 2px;
}
.prs-state__words {
  display: flex;
  flex-direction: column;
}
.prs-state__word {
  font-weight: 700;
}
.prs-state__why {
  font-weight: 500;
  color: #475467;
}
.prs-state--on {
  color: #067647;
}
.prs-state--off {
  color: #b42318;
}
.prs-state--refused {
  color: #475467;
}

.prs-choice {
  display: inline-flex;
  border: 1px solid #cfd6e2;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.prs-choice__opt {
  position: relative;
  margin: 0;
}
.prs-choice__opt + .prs-choice__opt span {
  border-left: 1px solid #cfd6e2;
}
.prs-choice__opt input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.prs-choice__opt span {
  display: block;
  padding: 5px 11px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  white-space: nowrap;
  pointer-events: none;
}
.prs-choice__opt input:checked + span {
  background: #1d4ed8;
  color: #fff;
}
.prs-choice__opt input[value=inherit]:checked + span {
  background: #e8ecf2;
  color: #1c2531;
}
.prs-choice__opt input:focus-visible + span {
  outline: 2px solid #1d4ed8;
  outline-offset: -3px;
  box-shadow: inset 0 0 0 3px #fff;
}
.prs-choice__opt:hover input:not(:checked):not(:disabled) + span {
  background: #eef3fc;
  color: #1d4ed8;
}
.prs-choice__opt.is-disabled input {
  cursor: not-allowed;
}
.prs-choice__opt.is-disabled span {
  color: #667085;
  text-decoration: line-through;
}

.prs-count {
  font-size: var(--edc-fs-secondary);
  color: #344054;
}

.prs-setting {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}

.prs-setall {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #cfd6e2;
  white-space: nowrap;
  border-radius: 6px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1d4ed8;
  cursor: pointer;
}
.prs-setall:hover {
  background: #eef3fc;
}
.prs-setall:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}

.prs-nomatch {
  margin: 0;
  padding: 16px 18px;
  font-size: var(--edc-fs-body);
  color: #344054;
}

.prs-keys {
  margin: 0;
  padding: 12px 18px;
  border-top: 1px solid #dde3ea;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
}

.prs-grid :is(tr, td, button, input, select, textarea, a) {
  scroll-margin-top: 80px;
  scroll-margin-bottom: 128px;
}

.prs-savebar {
  position: sticky;
  bottom: 12px;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  padding: 12px 18px;
  background: #fff;
  border: 1px solid #dde3ea;
  border-radius: 12px;
  box-shadow: 0 -4px 16px rgba(20, 28, 56, 0.08);
}
.prs-savebar__count {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1c2531;
}
.prs-savebar__status {
  flex: 1 1 0;
  min-width: 160px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #344054;
}
.prs-savebar__actions {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.prs-dialog {
  width: calc(100% - 32px);
  max-width: 480px;
  padding: 0;
  border: 1px solid #dde3ea;
  border-radius: 12px;
  color: #1c2531;
  box-shadow: 0 24px 48px rgba(20, 28, 56, 0.18);
}
.prs-dialog::backdrop {
  background: rgba(15, 23, 42, 0.45);
}
.prs-dialog__form {
  margin: 0;
  padding: 20px 22px;
}
.prs-dialog__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.prs-dialog__lede {
  margin: 0 0 12px;
  padding: 0;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #344054;
}
.prs-dialog__choices {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 12px;
  padding: 0;
  border: 0;
}
.prs-dialog__choice {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}
.prs-dialog__note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
}
.prs-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.prs-menu__lede {
  margin: 0 0 12px;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}
.prs-menu__empty {
  margin: 0;
  font-size: var(--edc-fs-body);
}
.prs-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.prs-menu__item {
  padding: 8px 0;
  border-bottom: 1px solid #eef1f5;
}
.prs-menu__item:last-child {
  border-bottom: 0;
}
.prs-menu__label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}
.prs-menu__label i {
  width: 16px;
  color: #475467;
}
.prs-menu__sub {
  margin: 4px 0 0 24px;
  padding: 0;
  list-style: none;
}
.prs-menu__child {
  padding: 3px 0;
  font-size: var(--edc-fs-secondary);
  color: #344054;
}

.prs-dead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 8px 0 0;
}
.prs-dead__words {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #93370d;
}
.prs-dead__form {
  margin: 0;
  display: inline;
}

.prs-row[aria-busy=true] .prs-twisty i {
  opacity: 0.4;
}

.prs-row--group .prs-label {
  font-style: normal;
  font-weight: 600;
}

.prs-label-cell {
  min-width: 224px;
}

.prs-page .prs-grid.prs-grid--labels {
  min-width: 720px;
}
.prs-page .prs-grid.prs-grid--labels th {
  white-space: normal;
}

@media (max-width: 1199.98px) {
  .prs-label-cell {
    min-width: 176px;
  }
  .prs-page .prs-grid.prs-grid--labels {
    min-width: 640px;
  }
}
.prs-cell--label {
  white-space: normal;
}

.prs-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.prs-split__main {
  min-width: 0;
}

@media (min-width: 1200px) {
  .prs-split {
    grid-template-columns: minmax(0, 1fr) 400px;
  }
  .prs-split.prs-split--labels {
    grid-template-columns: minmax(0, 1fr) 352px;
  }
  .prs-split .prs-grid {
    min-width: 0;
  }
  .prs-split .prs-col--count, .prs-split .prs-cell--count {
    display: none;
  }
  .prs-split .prs-name__count {
    display: block;
  }
  .prs-pane {
    position: sticky;
    top: 80px;
    max-height: calc(100vh - 96px);
    overflow-y: auto;
  }
}
.prs-pane.adm-panel {
  padding: 0;
  margin-bottom: 16px;
}

.prs-pane:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

.prs-pane__head {
  padding: 16px 18px 12px;
  border-bottom: 1px solid #dde3ea;
}
.prs-pane__title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1c2531;
}
.prs-pane__words {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
}
.prs-pane__part {
  padding: 16px 18px;
}
.prs-pane__part + .prs-pane__part {
  border-top: 1px solid #dde3ea;
}
.prs-pane__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 12px;
}
.prs-pane__heading {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1c2531;
}
.prs-pane__part > .prs-pane__heading {
  margin-bottom: 12px;
}
.prs-pane__module {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eef3fc;
  color: #1d4ed8;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.prs-pane__select {
  height: 32px;
  padding: 0 8px;
  border: 1px solid #cfd6e2;
  border-radius: 8px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.prs-pane__select:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.prs-pane__lede {
  margin: 0 0 12px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
}
.prs-pane__note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #344054;
}
.prs-pane__note--error {
  color: #7a271a;
}
.prs-pane__door {
  padding: 16px;
  border: 1px solid #dde3ea;
  border-radius: 12px;
  background: #fcfdfe;
}
.prs-pane__door .prd-group:last-of-type {
  margin-bottom: 16px;
}

.aif-page h1, .aif-page h2, .aif-page h3 {
  text-shadow: none;
}
.aif-page .adm-panel {
  margin: 0;
}
.aif-page .card, .aif-page .panel {
  height: auto;
  margin-bottom: 0;
}

.aif-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.aif-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 12px;
}
.aif-section-head__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0;
  color: #1f2433;
}
.aif-section-head__note {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0;
  max-width: 72ch;
}

.aif-label {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  margin: 0 0 8px;
}

.aif-table td, .aif-table th {
  vertical-align: top;
}
.aif-table tbody th {
  font-weight: 400;
}
.aif-table .aif-col-month {
  width: 210px;
}
.aif-table .aif-col-quota {
  width: 170px;
}
.aif-table .aif-col-on {
  width: 92px;
}

@media (max-width: 1279px) {
  .aif-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  .aif-table tbody, .aif-table tbody tr, .aif-table tbody th, .aif-table tbody td {
    display: block;
  }
  .aif-table tbody tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 24px;
    grid-template-areas: "feature model" "month quota";
    padding: 16px 18px;
    border-bottom: 1px solid #eef0f5;
  }
  .aif-table tbody tr:last-child {
    border-bottom: 0;
  }
  .aif-table tbody tr > th {
    grid-area: feature;
  }
  .aif-table tbody tr > td[data-label=Model] {
    grid-area: model;
  }
  .aif-table tbody tr > td[data-label="This month"] {
    grid-area: month;
  }
  .aif-table tbody tr > td[data-label="Customer quota"] {
    grid-area: quota;
  }
  .aif-table tbody tr > td[data-label=On] {
    grid-area: feature;
    align-self: end;
    justify-self: start;
  }
  .aif-table tbody tr > td[data-label=On]::before {
    display: none;
  }
  .aif-table tbody tr.aif-row--forced {
    background: #fffaf2;
  }
  .aif-table tbody tr.aif-row--forced > * {
    background: transparent;
  }
  .aif-table tbody th, .aif-table tbody td {
    padding: 0 !important;
    border: 0 !important;
    width: auto !important;
  }
  .aif-table tbody td::before {
    content: attr(data-label);
    display: block;
    font-size: var(--edc-fs-eyebrow);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #475569;
    margin: 0 0 8px;
  }
}
.aif-feature {
  display: grid;
  gap: 8px;
  min-width: 170px;
}
.aif-feature__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
}
.aif-feature__name:hover, .aif-feature__name:focus-visible {
  text-decoration: underline;
}
.aif-feature__name:focus-visible {
  outline: 3px solid #c3d9f6;
  outline-offset: 2px;
  border-radius: 3px;
}

.aif-model {
  display: grid;
  gap: 8px;
  min-width: 180px;
}
.aif-model__name {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1f2433;
  white-space: nowrap;
}
.aif-model__allowed {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.aif-model__note {
  font-size: var(--edc-fs-secondary);
  color: #8a4b08;
}

.aif-shape {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  justify-self: start;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
  background: #f1f3f8;
  border: 1px solid #e3e7f0;
  border-radius: 999px;
  padding: 4px 10px;
  line-height: 1;
}
.aif-shape i {
  font-size: var(--edc-fs-eyebrow);
}

.aif-forced {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  justify-self: start;
  white-space: nowrap;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 1;
  color: #8a4b08;
  background: #fff4e2;
  border: 1px solid #f3d79a;
  border-radius: 999px;
  padding: 5px 10px;
}

.aif-row--forced > * {
  background: #fffaf2;
}

.aif-spend {
  display: grid;
  gap: 8px;
}
.aif-spend__figures {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: #1f2433;
}
.aif-spend__of {
  color: #475569;
}
.aif-spend__line {
  display: flex;
  align-items: center;
  gap: 8px;
}
.aif-spend .adm-badge {
  justify-self: start;
}
.aif-spend__pct {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #475569;
  min-width: 44px;
  text-align: right;
}

.aif-meter {
  flex: 1 1 auto;
  height: 8px;
  border-radius: 999px;
  background: #e9edf4;
  overflow: hidden;
  min-width: 80px;
}
.aif-meter__fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #2f5cc4;
}
.aif-meter--high .aif-meter__fill {
  background: #c2620e;
}
.aif-meter--full .aif-meter__fill {
  background: #b42318;
}

.aif-quota {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  display: grid;
  gap: 4px;
}
.aif-quota strong {
  color: #1f2433;
  font-weight: 600;
}

.aif-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}
.aif-summary .adm-stat {
  margin: 0;
}
.aif-summary .adm-stat__label {
  color: #475569;
}
.aif-summary .adm-stat__value {
  font-size: var(--edc-fs-title);
}
.aif-summary .adm-stat__hint {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.aif-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.aif-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
.aif-col > :last-child {
  flex: 1 1 auto;
}

@media (max-width: 1199px) {
  .aif-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.aif-panel {
  padding: 20px 22px;
}
.aif-panel .adm-panel__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  margin: 0 0 8px;
}
.aif-panel__lead {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #475569;
  margin: 0 0 16px;
  max-width: 64ch;
}

.aif-form {
  display: grid;
  gap: 16px;
  margin: 0;
}
.aif-form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
}
.aif-form__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.aif-form select, .aif-form input[type=text], .aif-form input[type=number], .aif-form textarea {
  width: 100%;
  max-width: 360px;
  height: 38px;
  border: 1px solid #e2e6ee;
  border-radius: 8px;
  background: #fff;
  padding: 0 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1f2433;
}
.aif-form select:focus, .aif-form select:focus-visible, .aif-form input[type=text]:focus, .aif-form input[type=text]:focus-visible, .aif-form input[type=number]:focus, .aif-form input[type=number]:focus-visible, .aif-form textarea:focus, .aif-form textarea:focus-visible {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px #eaf1ff;
}
.aif-form textarea {
  height: auto;
  min-height: 76px;
  padding: 8px 12px;
  max-width: 100%;
  line-height: 1.45;
}
.aif-form .aif-field {
  display: grid;
  gap: 0;
  min-width: 0;
}
.aif-form .aif-field--grow {
  flex: 1 1 240px;
}
.aif-form .aif-hint {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 8px 0 0;
}

.aif-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1f2433;
  margin: 0;
}
.aif-check input {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.aif-current {
  display: grid;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 10px;
  margin: 0 0 16px;
  background: #fff4e2;
  border: 1px solid #f3d79a;
  color: #5c3407;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.aif-current p {
  margin: 0;
}
.aif-current form {
  margin: 0;
}

.aif-btn--danger {
  color: #b42318;
  border-color: #f3c0bd;
}
.aif-btn--danger:hover {
  color: #b42318;
  border-color: #b42318;
}

.aif-history .adm-table tbody td {
  font-size: var(--edc-fs-secondary);
}
.aif-history .aif-when {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  color: #475569;
}

.aif-provider__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 12px;
}
.aif-provider__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.aif-provider .adm-table td, .aif-provider .adm-table th {
  vertical-align: middle;
}
.aif-provider .aif-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.aif-models-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.aif-back {
  display: inline-block;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  margin: 0 0 12px;
}

.sm-tab-content {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sm-tab-content .tab-content {
  border: none;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.sm-panel {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
}

.sm-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #f1f5f9;
}
.sm-header__title {
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  letter-spacing: -0.01em;
}
.sm-header__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.sm-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  padding: 0.4375rem 0.875rem;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.4;
}
.sm-btn--primary {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}
.sm-btn--primary:hover {
  background: rgb(20.2857142857, 83.1714285714, 221.1142857143);
  border-color: rgb(20.2857142857, 83.1714285714, 221.1142857143);
  color: #fff;
  text-decoration: none;
}
.sm-btn--outline {
  background: #fff;
  color: #475569;
  border-color: #e2e8f0;
}
.sm-btn--outline:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #1e293b;
  text-decoration: none;
}
.sm-btn--success {
  background: #fff;
  color: #047857;
  border-color: #047857;
}
.sm-btn--success:hover {
  background: rgb(187.8387096774, 252.7612903226, 232.6129032258);
  text-decoration: none;
}
.sm-btn--danger {
  color: #dc2626;
  background: #fff;
  border-color: currentColor;
}
.sm-btn--danger:hover {
  background: rgb(249.75, 222.45, 222.45);
  text-decoration: none;
}
.sm-btn--ghost {
  background: transparent;
  color: #64748b;
  border-color: transparent;
  padding: 0.375rem 0.5rem;
}
.sm-btn--ghost:hover {
  color: #334155;
  background: #f8fafc;
  text-decoration: none;
}
.sm-btn--sm {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  padding: 0.3125rem 0.625rem;
}
.sm-btn i, .sm-btn .fa, .sm-btn .icon {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.sm-filters {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid #f1f5f9;
}
.sm-filters__label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  color: #64748b;
  margin: 0;
}
.sm-filters__group {
  display: inline-flex;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
}
.sm-filters__group button {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 500;
  padding: 0.3125rem 0.75rem;
  border: none;
  background: #fff;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.sm-filters__group button:not(:last-child) {
  border-right: 1px solid #e2e8f0;
}
.sm-filters__group button:hover {
  color: #334155;
  background: #f8fafc;
}
.sm-filters__group button.active {
  background: #2563eb;
  color: #fff;
}

.sm-table-wrap {
  padding: 0;
}
.sm-table-wrap .dataTables_wrapper .dataTables_length {
  padding: 0.75rem 1.5rem 0;
}
.sm-table-wrap .dataTables_wrapper .dataTables_length label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
  font-weight: 500;
}
.sm-table-wrap .dataTables_wrapper .dataTables_length select {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  padding: 0.125rem 0.375rem;
  color: #475569;
}
.sm-table-wrap .dataTables_wrapper .dataTables_filter {
  padding: 0.75rem 1.5rem 0;
}
.sm-table-wrap .dataTables_wrapper .dataTables_filter label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
  font-weight: 500;
}
.sm-table-wrap .dataTables_wrapper .dataTables_filter input {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 0.375rem 0.75rem;
  transition: border-color 0.15s ease;
}
.sm-table-wrap .dataTables_wrapper .dataTables_filter input:focus {
  border-color: #2563eb;
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.sm-table-wrap .dataTables_wrapper .dataTables_info {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
  padding: 0.75rem 1.5rem;
}
.sm-table-wrap .dataTables_wrapper .dataTables_paginate {
  padding: 0.75rem 1.5rem;
}
.sm-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  border-radius: 4px !important;
  padding: 0.25rem 0.5rem !important;
  margin: 0 0.125rem;
}
.sm-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #2563eb !important;
  color: #fff !important;
  border-color: #2563eb !important;
}
.sm-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled) {
  background: #f8fafc !important;
  color: #334155 !important;
  border-color: #e2e8f0 !important;
}
.sm-table-wrap table.dataTable {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-collapse: collapse;
}
.sm-table-wrap table.dataTable thead th {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #475569;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  padding: 0.625rem 1rem;
  white-space: nowrap;
}
.sm-table-wrap table.dataTable thead th:first-child {
  padding-left: 1.5rem;
}
.sm-table-wrap table.dataTable thead th:last-child {
  padding-right: 1.5rem;
}
.sm-table-wrap table.dataTable tbody td {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #334155;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}
.sm-table-wrap table.dataTable tbody td:first-child {
  padding-left: 1.5rem;
}
.sm-table-wrap table.dataTable tbody td:last-child {
  padding-right: 1.5rem;
}
.sm-table-wrap table.dataTable tbody td a.custom-href, .sm-table-wrap table.dataTable tbody td a.sm-link {
  color: #1e293b;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.15s ease;
}
.sm-table-wrap table.dataTable tbody td a.custom-href:hover, .sm-table-wrap table.dataTable tbody td a.sm-link:hover {
  color: #2563eb;
}
.sm-table-wrap table.dataTable tbody tr:hover {
  background: #f8fafc;
}
.sm-table-wrap table.dataTable tbody tr:last-child td {
  border-bottom: none;
}

.sm-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  padding: 0.1875rem 0.5rem;
  border-radius: 99px;
  letter-spacing: 0.02em;
}
.sm-badge--success {
  background: rgb(187.8387096774, 252.7612903226, 232.6129032258);
  color: #047857;
}
.sm-badge--warning {
  background: rgb(252.7668161435, 216.2914798206, 174.2331838565);
  color: #92400e;
}
.sm-badge--secondary {
  background: #f1f5f9;
  color: #475569;
}
.sm-badge--dark {
  background: #334155;
  color: #fff;
}
.sm-badge--info {
  background: rgb(214.5142857143, 226.0285714286, 251.2857142857);
  color: #1d4ed8;
}
.sm-badge--primary {
  background: rgb(240.6530805687, 239.9194312796, 252.8805687204);
  color: #4338ca;
}

.sm-more-actions {
  position: relative;
}
.sm-more-actions .sm-more-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  color: #475569;
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
  background: transparent;
  text-decoration: none;
}
.sm-more-actions .sm-more-trigger:hover {
  color: #475569;
  background: #f1f5f9;
}
.sm-more-actions .dropdown-menu {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 0.25rem;
  min-width: 140px;
}
.sm-more-actions .dropdown-menu .dropdown-item {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  padding: 0.4375rem 0.75rem;
  border-radius: 4px;
  color: #475569;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sm-more-actions .dropdown-menu .dropdown-item i {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  width: 16px;
  text-align: center;
  color: #475569;
}
.sm-more-actions .dropdown-menu .dropdown-item:hover {
  background: #f8fafc;
  color: #1e293b;
}

.sm-divider {
  height: 1px;
  background: #e2e8f0;
  margin: 0;
}

.sm-rollup-header {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
}
.sm-rollup-header h3 {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #334155;
  margin: 0;
}

.sm-empty {
  padding: 3rem 1.5rem;
  text-align: center;
  color: #475569;
}
.sm-empty__icon {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  margin-bottom: 0.75rem;
  opacity: 0.5;
}
.sm-empty__text {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.sm-empty__cta {
  margin-top: 1rem;
}

.sm-overlay-container {
  position: relative;
}
.sm-overlay-container--empty .sm-overlay-message {
  display: block;
}
.sm-overlay-container .sm-overlay-message {
  display: none;
  padding: 1rem 1.5rem;
  background: rgb(223.8571428571, 232.7142857143, 252.1428571429);
  border-bottom: 1px solid rgb(186.4857142857, 205.9714285714, 248.7142857143);
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.sm-overlay-container .sm-overlay-message a {
  color: #2563eb;
  font-weight: 500;
}

.sm-bre-banner {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.75rem 1.25rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  margin-top: 1rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.sm-bre-banner i {
  color: #475569;
  font-size: var(--edc-fs-body);
}
.sm-bre-banner a {
  color: #2563eb;
  font-weight: 500;
  text-decoration: none;
}
.sm-bre-banner a:hover {
  text-decoration: underline;
}
.sm-bre-banner strong {
  color: #334155;
}

.ci-campaign-status-header {
  border: 1px solid #e2e8f0;
  border-radius: 10px 10px 0 0;
}
.ci-campaign-status-header .ci-stat-card {
  background: #f8fafc;
  border: 1px solid #f1f5f9;
  border-radius: 6px;
  padding: 0.5rem 0.875rem;
  text-align: center;
  min-width: 80px;
}
.ci-campaign-status-header .ci-stat-card .ci-stat-value {
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  font-weight: 700;
  color: #1e293b;
  line-height: 1.2;
}
.ci-campaign-status-header .ci-stat-card .ci-stat-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  color: #475569;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-top: 0.125rem;
}

#campaignDetailTabs {
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
  padding: 0 0.5rem;
}
#campaignDetailTabs .nav-link {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  color: #64748b;
  padding: 0.625rem 1rem;
  border: none;
  border-bottom: 2px solid transparent;
  transition: all 0.15s ease;
}
#campaignDetailTabs .nav-link:hover {
  color: #334155;
  border-bottom-color: #cbd5e1;
}
#campaignDetailTabs .nav-link.active {
  color: #2563eb;
  border-bottom-color: #2563eb;
  background: transparent;
}

#ci-campaign-details,
#ci-campaign-template,
#ci-campaign-audience,
#ci-campaign-delivery,
#ci-campaign-options {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
}
#ci-campaign-details .card-header,
#ci-campaign-template .card-header,
#ci-campaign-audience .card-header,
#ci-campaign-delivery .card-header,
#ci-campaign-options .card-header {
  background: #f8fafc;
  border-bottom: 1px solid #f1f5f9;
  padding: 0.75rem 1.25rem;
}
#ci-campaign-details .card-header h5,
#ci-campaign-template .card-header h5,
#ci-campaign-audience .card-header h5,
#ci-campaign-delivery .card-header h5,
#ci-campaign-options .card-header h5 {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 600;
  color: #334155;
}
#ci-campaign-details .card-header h5 .badge,
#ci-campaign-template .card-header h5 .badge,
#ci-campaign-audience .card-header h5 .badge,
#ci-campaign-delivery .card-header h5 .badge,
#ci-campaign-options .card-header h5 .badge {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  width: 24px;
  height: 24px;
  line-height: 16px;
  padding: 4px;
}
#ci-campaign-details .card-body,
#ci-campaign-template .card-body,
#ci-campaign-audience .card-body,
#ci-campaign-delivery .card-body,
#ci-campaign-options .card-body {
  padding: 1.25rem;
}

.sm-table-wrap .dt-container > .row {
  margin: 0;
  padding: 12px 24px;
  align-items: center;
}
.sm-table-wrap .dt-container > .row > * {
  padding: 0;
}
.sm-table-wrap .dt-container > .row.dt-layout-table {
  padding: 0;
}
.sm-table-wrap .dt-container > .row.dt-layout-table > * {
  padding: 0;
}
.sm-table-wrap .dt-container .dt-length label, .sm-table-wrap .dt-container .dt-search label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  font-weight: 500;
  margin: 0 8px 0 0;
}
.sm-table-wrap .dt-container .dt-length select, .sm-table-wrap .dt-container .dt-length input, .sm-table-wrap .dt-container .dt-search select, .sm-table-wrap .dt-container .dt-search input {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  min-height: 34px;
}
.sm-table-wrap .dt-container .dt-length input, .sm-table-wrap .dt-container .dt-search input {
  padding: 6px 12px;
  min-width: 220px;
}
.sm-table-wrap .dt-container .dt-info {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.sm-table-wrap .dt-container thead th.dt-orderable-none .dt-column-order {
  display: none;
}

.sm-table-wrap td a.sm-btn,
.sm-table-wrap td a.sm-btn:hover {
  text-decoration: none;
}

.sm-muted {
  color: #475569;
}

.sm-filters__group button {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  padding: 6px 12px;
}

.sm-filters__group button:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: -2px;
}

.sm-header__caption {
  margin: 0;
  padding: 0 24px 20px;
  color: #475569;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
}

.sm-panel > .sm-overlay-message {
  padding: 12px 24px;
  background: rgb(233.2, 239.4, 253);
  border-bottom: 1px solid rgb(195.8285714286, 212.6571428571, 249.5714285714);
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
}

.svy-camp {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  margin: 0 0 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}
.svy-camp__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 24px;
}
.svy-camp__ident {
  flex: 1 1 320px;
  min-width: 0;
}
.svy-camp__title {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  line-height: 1.25;
  font-weight: 650;
  color: #1e293b;
  margin: 0 0 8px;
  text-shadow: none;
  overflow-wrap: anywhere;
}
.svy-camp__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
}
.svy-camp__meta > span + span:not(.svy-pill)::before {
  content: "·";
  margin-right: 12px;
  color: #94a3b8;
}
.svy-camp__meta strong {
  color: #1e293b;
  font-weight: 650;
}
.svy-camp__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.svy-camp__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 16px;
  padding: 4px;
  background: #f1f5f9;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.svy-camp__link {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 14px;
  border-radius: 7px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 550;
  color: #334155;
  text-decoration: none;
  white-space: nowrap;
}
.svy-camp__link:hover {
  background: #fff;
  color: #1e293b;
  text-decoration: none;
}
.svy-camp__link:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}
.svy-camp__link.is-current {
  background: #fff;
  color: #1d4ed8;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
.svy-camp__hint {
  font-weight: 400;
  color: #475569;
}

.svy-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}
.svy-pill .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}
.svy-pill--live {
  background: #dcfce7;
  color: #166534;
}
.svy-pill--draft {
  background: #f1f5f9;
  color: #334155;
}
.svy-pill--ended {
  background: #e0e7ff;
  color: #3730a3;
}
.svy-pill--pending {
  background: #fef3c7;
  color: #92400e;
}

.svy-page {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.svy-page .sr-results {
  padding: 24px 32px;
}
@media (max-width: 575.98px) {
  .svy-page .sr-results {
    padding: 20px 16px;
  }
}
.svy-page .sr-section-title {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  letter-spacing: 0.06em;
  color: #475569;
  margin: 24px 0 8px;
}
.svy-page .svy-camp + section .sr-section-title,
.svy-page .svy-camp + .sr-findings .sr-section-title {
  margin-top: 0;
}
.svy-page .sr-q__label {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  line-height: 1.4;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  text-shadow: none;
}
.svy-page .sr-q__meta {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.svy-page .sr-numeric {
  color: #334155;
  margin-bottom: 0;
}
.svy-page .sr-numeric strong {
  color: #1e293b;
}
.svy-page .sr-denominator {
  color: #475569;
}
.svy-page .sr-q:last-child {
  border-bottom: 0;
}
.svy-page .sr-note {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin: 0 0 12px;
  color: #334155;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
}
.svy-page .sr-note .fa {
  color: #1e40af;
}
.svy-page .sr-bar-row--held .sr-bar-row__count {
  font-style: italic;
  color: #475569;
}
.svy-page .sr-text-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.svy-page .sr-text-list li {
  padding: 8px 12px;
  background: #f8fafc;
  border-radius: 6px;
  color: #334155;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
}
.svy-page .sr-card {
  border: 1px solid #e2e8f0;
  border-left-width: 1px;
  border-radius: 10px;
  padding: 12px 16px;
}
.svy-page .sr-card__pri {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  color: #475569;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.svy-page .sr-card--high .sr-card__pri {
  color: #b91c1c;
}
.svy-page .sr-card--medium .sr-card__pri {
  color: #92400e;
}
.svy-page .sr-card__title {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  margin: 4px 0;
  text-shadow: none;
}
.svy-page .sr-card__body {
  color: #475569;
}
.svy-page .sr-report__commentary {
  border-left: 0;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  border-radius: 10px;
  padding: 12px 16px;
}
.svy-page .svy-accordion .sr-org summary {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
}
.svy-page .svy-accordion .sr-org summary:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.svy-empty {
  padding: 32px 24px;
  text-align: center;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  background: #f8fafc;
}
.svy-empty__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 4px;
}
.svy-empty__text {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
  margin: 0 0 16px;
}
.svy-empty__text:last-child {
  margin-bottom: 0;
}

.svy-modal {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  border-radius: 12px;
}
.svy-modal .modal-header {
  padding: 16px 24px;
}
.svy-modal .modal-title {
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  font-weight: 650;
  margin: 0;
  text-shadow: none;
}
.svy-modal .modal-body {
  padding: 20px 24px;
}
.svy-modal .modal-footer {
  padding: 12px 24px;
  gap: 8px;
}
.svy-modal .modal-footer > * {
  margin: 0;
}
.svy-modal .form-label {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #334155;
}
.svy-modal__lede {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
  margin: 0 0 16px;
}

.svy-optional {
  font-weight: 400;
  color: #475569;
}

.svy-outline {
  display: grid;
  gap: 24px;
}
.svy-outline__section-title {
  font-size: var(--edc-fs-body);
  font-weight: 650;
  color: #1e293b;
  margin: 0 0 4px;
  text-shadow: none;
}
.svy-outline__section-desc {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
  margin: 0 0 8px;
}
.svy-outline__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e2e8f0;
}
.svy-outline__q {
  padding: 12px 0;
  border-bottom: 1px solid #e2e8f0;
}
.svy-outline__q-head {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: baseline;
}
.svy-outline__num {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #475569;
  font-variant-numeric: tabular-nums;
}
.svy-outline__label {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  color: #1e293b;
  line-height: 1.45;
}
.svy-outline__req {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.svy-outline__type {
  justify-self: end;
  white-space: nowrap;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #334155;
  background: #f1f5f9;
  border-radius: 999px;
  padding: 2px 10px;
}
.svy-outline__type--inline {
  justify-self: auto;
  margin-left: 8px;
}
.svy-outline__opts {
  margin: 4px 0 0 44px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  line-height: 1.5;
}
.svy-outline__child {
  margin: 8px 0 0 44px;
  padding: 8px 12px;
  background: #f8fafc;
  border-radius: 6px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
}
.svy-outline__if {
  font-weight: 600;
  color: #334155;
  margin-right: 4px;
}
.svy-outline__q--locked {
  background: #f8fafc;
  box-shadow: -12px 0 0 #f8fafc, 12px 0 0 #f8fafc;
}
.svy-outline__locked {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 6px 44px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #334155;
}
.svy-outline__locked .fa-lock {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #475569;
}
@media (max-width: 575.98px) {
  .svy-outline__q-head {
    grid-template-columns: 24px minmax(0, 1fr);
  }
  .svy-outline__type {
    grid-column: 2;
    justify-self: start;
  }
  .svy-outline__opts, .svy-outline__child {
    margin-left: 36px;
  }
}

.svy-note {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin: 0 0 16px;
  padding: 12px 16px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 10px;
  color: #78350f;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.svy-note.svy-note--locked {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #334155;
}
.svy-note.svy-note--locked .fa-lock {
  color: #475569;
}

.svy-used {
  margin-top: 24px;
}
.svy-used__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.svy-used__list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.svy-used__link {
  font-weight: 550;
  color: #1d4ed8;
}

.sw-root {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.sw-root .ecw-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "left actions" "pills pills";
  align-items: center;
  gap: 12px 16px;
  padding: 16px 20px;
}
.sw-root .ecw-header__left {
  grid-area: left;
  flex-wrap: wrap;
  gap: 8px 12px;
}
.sw-root .ecw-header__name {
  max-width: none;
  white-space: normal;
  font-size: calc(var(--edc-fs-body) * 14.875 / 14);
}
.sw-root .ecw-header__pills {
  grid-area: pills;
  flex-wrap: wrap;
}
.sw-root .ecw-header__actions {
  grid-area: actions;
  justify-self: end;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .sw-root .ecw-header {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "left" "actions" "pills";
  }
  .sw-root .ecw-header__actions {
    justify-self: start;
  }
}
.sw-root a.ecw-chooser__card,
.sw-root a.ecw-chooser__card:hover,
.sw-root a.ecw-chooser__card:focus {
  text-decoration: none;
}
.sw-root .ecw-chooser__card:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.sw-root .ecw-template-card:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.sw-root .ecw-chooser__text {
  color: #475569;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.sw-root .sw-chooser-title, .sw-root .sw-selected-title {
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  font-weight: 650;
  color: #1e293b;
  margin: 0 0 4px;
  text-shadow: none;
}
.sw-root .sw-chooser-lede, .sw-root .sw-selected-meta {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
  margin: 0 0 20px;
}
.sw-root .sw-selected-meta {
  margin-bottom: 0;
}
.sw-root .sw-selected-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.sw-root .ecw-chooser > .d-flex {
  flex-wrap: wrap;
  gap: 12px;
}
.sw-root .sw-template-count {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}
.sw-root .sw-drawer-title {
  font-size: calc(var(--edc-fs-body) * 14.875 / 14);
  font-weight: 650;
  margin: 0;
  color: #1e293b;
  text-shadow: none;
}
.sw-root .sw-locked {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #334155;
}
.sw-root .sw-preview__q-type {
  color: #334155;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.sw-root .sw-preview__q::before {
  color: #475569;
}

.sw-error {
  margin: 0 20px 12px;
  padding: 10px 14px;
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #991b1b;
  border-radius: 6px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.sw-error--page {
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.sw-error--page .btn-link {
  color: #991b1b;
}

.svy-report-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.svy-page .sm-table-wrap.svy-table {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
}
.svy-page .sm-table-wrap.svy-table table.table thead th {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #475569;
  background: #f8fafc;
  padding: 10px 16px;
  border-bottom: 1px solid #e2e8f0;
}
.svy-page .sm-table-wrap.svy-table table.table tbody td {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  padding: 12px 16px;
  vertical-align: middle;
  color: #334155;
}
.svy-page .sm-table-wrap.svy-table a.sm-link {
  color: #1e293b;
  font-weight: 550;
}

@media print {
  .svy-page .sr-report .svy-camp {
    border-bottom: 0;
  }
}
.svy-include {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin: 16px 0 8px;
  padding: 12px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}
.svy-include__switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #1e293b;
  font-weight: 600;
  text-decoration: none;
}
.svy-include__switch:hover {
  color: #1e293b;
  text-decoration: none;
}
.svy-include__switch:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 3px;
  border-radius: 6px;
}
.svy-include__track {
  position: relative;
  flex: 0 0 auto;
  width: 40px;
  height: 22px;
  border-radius: 999px;
  background: #e2e8f0;
  border: 1px solid #475569;
  transition: background 0.15s ease;
}
.svy-include__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #475569;
  transition: left 0.15s ease;
}
.svy-include__switch[aria-checked=true] .svy-include__track {
  background: #1d4ed8;
  border-color: #1d4ed8;
}
.svy-include__switch[aria-checked=true] .svy-include__thumb {
  left: 20px;
  border-color: #1d4ed8;
}
.svy-include__hint {
  color: #334155;
  font-size: var(--edc-fs-body);
}
@media (prefers-reduced-motion: reduce) {
  .svy-include__track, .svy-include__thumb {
    transition: none;
  }
}

.svy-rollup__lede {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 16px 0 16px;
  color: #334155;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}
.svy-rollup__lede .fa {
  color: #475569;
  margin-top: 4px;
}
.svy-rollup__org {
  font-weight: 600;
  color: #1e293b;
}
.svy-rollup__table table.table tbody th {
  vertical-align: middle;
  padding: 12px 16px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #1e293b;
  border-bottom: 1px solid #e2e8f0;
}
.svy-rollup__table + .sr-note, .svy-rollup__table ~ .sr-note {
  margin-top: 16px;
}
.svy-rollup__count strong {
  font-weight: 650;
  color: #1e293b;
}
.svy-rollup__sub {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.svy-rollup__act {
  text-align: right;
  white-space: nowrap;
  width: 1%;
}
.svy-rollup__foot {
  margin-top: 16px;
  color: #334155;
  font-size: var(--edc-fs-body);
}
.svy-rollup__dialog-lede {
  font-weight: 600;
  color: #1e293b;
}
.svy-rollup__dialog-note {
  color: #334155;
}
.svy-rollup__label {
  display: block;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 4px;
}
.svy-rollup__hint {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin-top: 4px;
}
.svy-rollup__error:empty, .svy-rollup__status:empty {
  display: none;
}
.svy-rollup__error {
  color: #b91c1c;
  font-weight: 600;
  margin: 12px 0 0;
}
.svy-rollup__status {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #ecfdf5;
  color: #065f46;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .svy-rollup .svy-rollup__table table thead {
    display: none;
  }
  .svy-rollup .svy-rollup__table table, .svy-rollup .svy-rollup__table tbody, .svy-rollup .svy-rollup__table tr,
  .svy-rollup .svy-rollup__table th, .svy-rollup .svy-rollup__table td {
    display: block;
    width: 100%;
    text-align: left;
  }
  .svy-rollup .svy-rollup__table tr {
    padding: 12px 16px;
    border-bottom: 1px solid #e2e8f0;
  }
  .svy-rollup .svy-rollup__table th, .svy-rollup .svy-rollup__table td {
    padding: 2px 0 !important;
    border: 0 !important;
  }
  .svy-rollup .svy-rollup__act {
    text-align: left;
    width: auto;
    padding-top: 8px !important;
  }
}

.svy-resp__row--new > td {
  animation: svy-resp-arrived 2.4s ease-out 1;
}
@media (prefers-reduced-motion: reduce) {
  .svy-resp__row--new > td {
    animation: none;
  }
}
.svy-resp__tally {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 20px;
}
.svy-resp__tally > div {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px;
  background: #fff;
}
.svy-resp__tally dt {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  margin: 0 0 6px;
}
.svy-resp__tally dd {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: #1e293b;
  margin: 0;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
@media (max-width: 767.98px) {
  .svy-resp__tally {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.svy-resp__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.svy-resp__filters {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  background: #f1f5f9;
  border-radius: 10px;
}
.svy-resp__filters button {
  border: 0;
  background: transparent;
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 7px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 550;
  color: #334155;
  white-space: nowrap;
}
.svy-resp__filters button span {
  margin-left: 4px;
  font-weight: 600;
  color: #475569;
  font-variant-numeric: tabular-nums;
}
.svy-resp__filters button:hover {
  background: #fff;
}
.svy-resp__filters button:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}
.svy-resp__filters button.is-active {
  background: #fff;
  color: #1d4ed8;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
.svy-resp__filters button.is-active span {
  color: #1d4ed8;
}
.svy-resp__search {
  position: relative;
  flex: 1 1 240px;
  max-width: 360px;
}
.svy-resp__search .fa {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.svy-resp__search .form-control {
  padding-left: 34px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  min-height: 38px;
  border-radius: 6px;
}
.svy-resp__remind {
  margin-left: auto;
  white-space: nowrap;
}
.svy-resp__confirm {
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #fff;
  padding: 18px 20px;
  margin: 0 0 12px;
}
.svy-resp__confirm-title {
  font-size: calc(var(--edc-fs-body) * 14.875 / 14);
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 6px;
  text-shadow: none;
}
.svy-resp__confirm-title:focus {
  outline: none;
}
.svy-resp__confirm-title:focus-visible {
  outline: 2px solid #1e293b;
  outline-offset: 3px;
}
.svy-resp__confirm-note {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
  color: #334155;
}
.svy-resp__people {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  max-height: 260px;
  overflow-y: auto;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}
.svy-resp__people li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2px 16px;
  padding: 8px 12px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  border-top: 1px solid #e2e8f0;
}
.svy-resp__people li:first-child {
  border-top: 0;
}
.svy-resp__more {
  color: #475569;
  font-style: italic;
}
.svy-resp__confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.svy-resp__status {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #1e293b;
}
.svy-resp__status:empty {
  display: none;
}
.svy-resp__table {
  overflow-x: auto !important;
}
.svy-resp__table table {
  min-width: 680px;
}
.svy-resp__table td {
  vertical-align: top !important;
}
.svy-resp__check {
  width: 44px;
}
.svy-resp__name {
  display: block;
  font-weight: 600;
  color: #1e293b;
  overflow-wrap: anywhere;
}
.svy-resp__sub {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  overflow-wrap: anywhere;
}
.svy-resp__sub.d-inline {
  display: inline;
}
.svy-resp__none {
  color: #64748b;
}
.svy-resp__reminded {
  white-space: nowrap;
}
.svy-resp__actions {
  width: 56px;
  text-align: right;
}
.svy-resp__menu {
  border: 0;
  background: transparent;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  color: #475569;
}
.svy-resp__menu:hover {
  background: #f1f5f9;
  color: #1e293b;
}
.svy-resp__menu:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}
.svy-resp .dropdown-item {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.svy-resp .dropdown-item .fa, .svy-resp .dropdown-item .fa-regular {
  width: 18px;
  margin-right: 6px;
  color: #475569;
}
.svy-resp .dropdown-item.text-danger .fa {
  color: inherit;
}
.svy-resp__nomatch {
  padding: 16px;
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
}
.svy-resp__classic {
  margin: 16px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
}

.sw-root .sw-selected-warn {
  margin: 16px 0 0;
  padding: 10px 14px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 6px;
  color: #78350f;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.sw-root .ecw-launch--blocked {
  opacity: 1;
}

.sw-root .sw-invite {
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
}

.sw-root .sw-invite__legend {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 650;
  color: #1e293b;
  margin-bottom: 12px;
  float: none;
  width: auto;
}

.sw-root .sw-help {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #475569;
  margin: 4px 0 0;
}

.sw-root .ecw-drawer .form-label {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #334155;
  margin-bottom: 4px;
}

.svy-summary {
  display: grid;
  grid-template-columns: minmax(120px, 160px) minmax(0, 1fr);
  gap: 8px 16px;
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.svy-summary dt {
  font-weight: 600;
  color: #475569;
}
.svy-summary dd {
  margin: 0;
  color: #1e293b;
  overflow-wrap: anywhere;
}
@media (max-width: 575.98px) {
  .svy-summary {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }
  .svy-summary dd {
    margin-bottom: 8px;
  }
}

.svy-modal .modal-title {
  color: #1e293b;
}

@media (max-width: 575.98px) {
  .svy-camp__meta > span + span:not(.svy-pill)::before {
    content: none;
  }
  .svy-camp__meta {
    gap: 4px 12px;
  }
}
.sm-table-wrap .dt-container .dt-layout-table > div {
  overflow-x: auto;
}

.sr-other__label {
  margin: 10px 0 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
}

@keyframes svy-resp-arrived {
  0%, 35% {
    background-color: #ecfdf5;
  }
  100% {
    background-color: transparent;
  }
}
.svy-summary__note {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #475569;
}

.svy-modal__problems {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #fef3f2;
  color: #912018;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
}
.svy-modal__problems ul {
  padding-left: 1.1rem;
  margin-top: 4px;
}

.sr-q__head:has(.sr-q__door) {
  justify-content: flex-start;
}

.sr-q__head:has(.sr-q__door) .sr-q__meta {
  margin-left: auto;
}

.sr-q__head .sr-q__door {
  flex: 0 0 auto;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: -6px -6px -6px 4px;
  padding: 0;
  border-radius: 6px;
  font-size: var(--edc-fs-body);
}
.sr-q__head .sr-q__door:hover, .sr-q__head .sr-q__door:focus-visible {
  background: #eef2ff;
  transform: none;
}

.sa-root {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  color: #333;
}

.sa-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: #666;
}
.sa-loading__spinner {
  width: 32px;
  height: 32px;
  border: 3px solid #e5e7eb;
  border-top-color: #2563eb;
  border-radius: 50%;
  animation: sa-spin 0.8s linear infinite;
  margin-bottom: 1rem;
}

.sa-error {
  text-align: center;
  padding: 3rem 2rem;
  color: #dc2626;
}
.sa-error i {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  margin-bottom: 0.5rem;
  display: block;
}

@keyframes sa-spin {
  to {
    transform: rotate(360deg);
  }
}
.sa-filters {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
}
.sa-filters__row {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.sa-filters__group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sa-filters__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 500;
  color: #666;
  white-space: nowrap;
  margin-bottom: 0;
}
.sa-filters__spacer {
  flex: 1;
}

.sa-tabs {
  padding: 0.75rem 1.5rem 0;
  border-bottom: 1px solid #e5e7eb;
  gap: 0.25rem;
}
.sa-tabs .nav-link {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  color: #666;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  transition: background 0.15s, color 0.15s;
}
.sa-tabs .nav-link:hover {
  background: rgba(37, 99, 235, 0.06);
  color: #333;
}
.sa-tabs .nav-link.active {
  background: #2563eb;
  color: #fff;
}

.sa-content {
  padding: 1.5rem;
}

.sa-kpi-row {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.sa-kpi-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  min-width: 120px;
  text-align: center;
  flex: 0 0 auto;
  transition: box-shadow 0.15s;
}
.sa-kpi-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.sa-kpi-card--progress {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-align: left;
  min-width: 200px;
}
.sa-kpi-card--wide {
  min-width: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.sa-kpi-card__detail {
  display: flex;
  flex-direction: column;
}
.sa-kpi-card__value {
  font-size: calc(var(--edc-fs-display) * 24.5 / 24);
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.2;
}
.sa-kpi-card__value--lg {
  font-size: calc(var(--edc-fs-display) * 24.5 / 24);
}
.sa-kpi-card__value--sm {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 500;
}
.sa-kpi-card__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #666;
  font-weight: 500;
  margin-top: 0.25rem;
}

.sa-progress-ring {
  flex-shrink: 0;
}

.sa-sparkline {
  display: block;
}

.sa-questions__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  gap: 1rem;
}
.sa-questions__heading {
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #1a1a1a;
  margin-bottom: 0;
}
.sa-questions__bulk-actions {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
}

.sa-question-card {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 0.75rem;
  overflow: hidden;
  transition: box-shadow 0.15s;
}
.sa-question-card:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}
.sa-question-card--expanded {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.sa-question-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: #fff;
  transition: background 0.1s;
}
.sa-question-card__header:hover {
  background: #f9fafb;
}
.sa-question-card__header i {
  color: #666;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}
.sa-question-card__title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.sa-question-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #2563eb;
  color: #fff;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  flex-shrink: 0;
}
.sa-question-card__label {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sa-question-card__type-badge {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  padding: 0.125rem 0.5rem;
  border-radius: 10px;
  background: #f9fafb;
  color: #666;
  font-weight: 500;
  flex-shrink: 0;
}
.sa-question-card__count {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #666;
  flex-shrink: 0;
  margin-left: auto;
  padding-right: 0.5rem;
}
.sa-question-card__body {
  border-top: 1px solid #e5e7eb;
  padding: 1rem;
  background: #fff;
}
.sa-question-card__toggle {
  margin-bottom: 1rem;
}
.sa-question-card__chart {
  min-height: 200px;
}
.sa-question-card__table {
  overflow-x: auto;
}
.sa-question-card__table table {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  margin-bottom: 0;
}
.sa-question-card__child {
  margin-top: 1rem;
  padding-left: 1.5rem;
  border-left: 3px solid #2563eb;
}

.sa-empty {
  text-align: center;
  padding: 2rem;
  color: #666;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.sa-ir {
  display: flex;
  min-height: 500px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.sa-ir__list {
  width: 300px;
  flex-shrink: 0;
  border-right: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  background: #f9fafb;
}
.sa-ir__search {
  padding: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
}
.sa-ir__list-items {
  flex: 1;
  overflow-y: auto;
}
.sa-ir__empty-list {
  padding: 2rem 1rem;
  text-align: center;
}
.sa-ir__list-item {
  padding: 0.75rem 1rem;
  cursor: pointer;
  border-bottom: 1px solid rgba(229, 231, 235, 0.5);
  transition: background 0.1s;
}
.sa-ir__list-item:hover {
  background: #fff;
}
.sa-ir__list-item--active {
  background: #fff;
  border-left: 3px solid #2563eb;
  padding-left: calc(1rem - 3px);
}
.sa-ir__list-item-name {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  color: #333;
}
.sa-ir__list-item-meta {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.125rem;
}
.sa-ir__list-item-company, .sa-ir__list-item-date {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  color: #666;
}
.sa-ir__list-footer {
  padding: 0.5rem 1rem;
  border-top: 1px solid #e5e7eb;
  background: #fff;
  text-align: center;
}
.sa-ir__detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
}
.sa-ir__detail-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #e5e7eb;
}
.sa-ir__detail-actions {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}
.sa-ir__detail-fields {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 1.25rem;
}
.sa-ir__field {
  margin-bottom: 1.25rem;
}
.sa-ir__field:last-child {
  margin-bottom: 0;
}
.sa-ir__field-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
}
.sa-ir__field-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f9fafb;
  color: #666;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  flex-shrink: 0;
}
.sa-ir__field-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  color: #333;
}
.sa-ir__field-value {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #333;
  padding-left: 1.75rem;
  line-height: 1.5;
}
.sa-ir__ranking {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sa-ir__ranking-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.sa-ir__ranking-label {
  color: #333;
}
.sa-ir__ranking-value {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #2563eb;
  font-weight: 500;
}
.sa-ir__no-selection {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #666;
  padding: 3rem;
}
.sa-ir__no-selection-icon {
  font-size: calc(var(--edc-fs-display) * 42 / 24);
  margin-bottom: 1rem;
  opacity: 0.3;
}

.sa-export {
  position: relative;
}
.sa-export__menu {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  min-width: 240px;
  z-index: 100;
  padding: 0.5rem 0;
}
.sa-export__section {
  padding: 0.25rem 0;
}
.sa-export__section-title {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.375rem 1rem;
}
.sa-export__item {
  display: block;
  padding: 0.5rem 1rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #333;
  text-decoration: none;
  transition: background 0.1s;
}
.sa-export__item:hover {
  background: #f9fafb;
  color: #333;
  text-decoration: none;
}
.sa-export__divider {
  height: 1px;
  background: #e5e7eb;
  margin: 0.25rem 0;
}

@media (max-width: 768px) {
  .sa-ir {
    flex-direction: column;
    min-height: auto;
  }
  .sa-ir__list {
    width: 100%;
    max-height: 250px;
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
  }
  .sa-kpi-row {
    flex-wrap: wrap;
  }
  .sa-kpi-card {
    min-width: 100px;
    flex: 1 1 calc(50% - 0.5rem);
  }
}
.sa-date-range {
  position: relative;
}
.sa-date-range__trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}
.sa-date-range__trigger--active {
  border-color: #2563eb;
  color: #2563eb;
  background: rgba(37, 99, 235, 0.04);
}
.sa-date-range__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 0.25rem;
  border-radius: 50%;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.75 / 10);
  opacity: 0.6;
  transition: opacity 0.1s;
}
.sa-date-range__clear:hover {
  opacity: 1;
}
.sa-date-range__dropdown {
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 200;
  min-width: 280px;
  padding: 0.75rem;
}
.sa-date-range__section-title {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
.sa-date-range__presets {
  margin-bottom: 0.75rem;
}
.sa-date-range__preset {
  display: block;
  width: 100%;
  text-align: left;
  padding: 0.375rem 0.5rem;
  border: none;
  background: none;
  border-radius: 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #333;
  cursor: pointer;
  transition: background 0.1s;
}
.sa-date-range__preset:hover {
  background: #f9fafb;
}
.sa-date-range__divider {
  height: 1px;
  background: #e5e7eb;
  margin: 0.5rem 0;
}
.sa-date-range__inputs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sa-date-range__inputs input {
  flex: 1;
  min-width: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.sa-date-range__separator {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #666;
  flex-shrink: 0;
}

.sa-question-card__responses {
  max-height: 500px;
  overflow-y: auto;
}

.sa-text-response {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(229, 231, 235, 0.5);
  transition: background 0.1s;
}
.sa-text-response:last-child {
  border-bottom: none;
}
.sa-text-response:hover {
  background: #f9fafb;
}
.sa-text-response__content {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.375rem;
  white-space: pre-wrap;
}
.sa-text-response__meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  color: #666;
}
.sa-text-response__author {
  font-weight: 500;
}
.sa-text-response__freq {
  display: inline-flex;
  align-items: center;
  background: rgba(37, 99, 235, 0.08);
  color: #2563eb;
  padding: 0.125rem 0.375rem;
  border-radius: 10px;
  font-weight: 500;
}

.sa-ir__keyboard-hint {
  margin-top: 0.25rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8.75 / 10);
  color: rgb(140.25, 140.25, 140.25);
}
.sa-ir__keyboard-hint kbd {
  display: inline-block;
  padding: 0 0.25rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 7.875 / 10);
  border: 1px solid #e5e7eb;
  border-radius: 3px;
  background: #fff;
  font-family: inherit;
  margin: 0 0.125rem;
}

.sa-insights__auto, .sa-insights__explorer {
  margin-bottom: 2rem;
}
.sa-insights__section-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.sa-insights__section-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(37, 99, 235, 0.08);
  color: #2563eb;
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  flex-shrink: 0;
}
.sa-insights__section-title {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 0.125rem;
}
.sa-insights__section-desc {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #666;
  margin-bottom: 0;
}
.sa-insights__no-results {
  text-align: center;
  padding: 2rem;
  color: #666;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  background: #f9fafb;
  border-radius: 8px;
  border: 1px dashed #e5e7eb;
}
.sa-insights__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 0.75rem;
}
.sa-insights__selectors {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
.sa-insights__selector {
  flex: 1;
  min-width: 200px;
}
.sa-insights__selector-label {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 500;
  color: #666;
  margin-bottom: 0.25rem;
}
.sa-insights__selector-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #666;
  flex-shrink: 0;
}
.sa-insights__heatmap {
  margin-bottom: 1rem;
}
.sa-insights__crosstab-stats {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.sa-insights__stat {
  padding: 0.75rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  text-align: center;
  min-width: 100px;
}
.sa-insights__stat--highlight {
  border-color: #059669;
  background: rgba(5, 150, 105, 0.04);
}
.sa-insights__stat-value {
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.2;
}
.sa-insights__stat-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  color: #666;
  font-weight: 500;
  margin-top: 0.125rem;
}
.sa-insights__table-details {
  margin-top: 0.5rem;
}
.sa-insights__table-summary {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  color: #666;
  cursor: pointer;
  padding: 0.5rem 0;
}
.sa-insights__table-summary:hover {
  color: #333;
}
.sa-insights__table-wrapper {
  overflow-x: auto;
  margin-top: 0.5rem;
}
.sa-insights__table {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}
.sa-insights__table th, .sa-insights__table td {
  padding: 0.375rem 0.5rem;
  text-align: center;
}
.sa-insights__table th {
  background: #f9fafb;
  white-space: nowrap;
}
.sa-insights__table-corner {
  min-width: 120px;
}
.sa-insights-empty {
  text-align: center;
  padding: 4rem 2rem;
  color: #666;
}
.sa-insights-empty__icon {
  font-size: calc(var(--edc-fs-display) * 42 / 24);
  opacity: 0.2;
  margin-bottom: 1rem;
}
.sa-insights-empty h6 {
  font-weight: 600;
  color: #333;
  margin-bottom: 0.5rem;
}
.sa-insights-empty p {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  max-width: 400px;
  margin: 0 auto;
}

.sa-insight-card {
  border: 1px solid #e5e7eb;
  border-left: 4px solid #2563eb;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  transition: box-shadow 0.15s;
}
.sa-insight-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.sa-insight-card__header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
}
.sa-insight-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  flex-shrink: 0;
}
.sa-insight-card__content {
  flex: 1;
  min-width: 0;
}
.sa-insight-card__text {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  color: #333;
  line-height: 1.4;
  margin-bottom: 0.375rem;
}
.sa-insight-card__meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.sa-insight-card__questions {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  color: #666;
}
.sa-insight-card__strength {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
}
.sa-insight-card__expand {
  border: none;
  background: none;
  padding: 0.25rem;
  color: #666;
  cursor: pointer;
  border-radius: 4px;
  flex-shrink: 0;
}
.sa-insight-card__expand:hover {
  background: #f9fafb;
}
.sa-insight-card__detail {
  padding: 0 1rem 1rem 3.5rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #666;
  line-height: 1.5;
  border-top: 1px solid rgba(229, 231, 235, 0.5);
  padding-top: 0.75rem;
  margin-top: -0.25rem;
}

@media (max-width: 768px) {
  .sa-insights__cards {
    grid-template-columns: 1fr;
  }
  .sa-insights__selectors {
    flex-direction: column;
  }
  .sa-insights__selectors .sa-insights__selector-divider {
    transform: rotate(90deg);
  }
  .sa-date-range__dropdown {
    right: 0;
    left: auto;
  }
}
.aud-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.aud-page h1, .aud-page h2, .aud-page h3 {
  text-shadow: none;
  color: #1c2531;
}
.aud-page .card, .aud-page .panel {
  height: auto;
  margin-bottom: 0;
}
.aud-page .btn {
  min-width: 0;
}
.aud-page .btn-sm {
  white-space: nowrap;
}

.aud-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.aud-head__kicker {
  margin: 0 0 4px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4b5565;
}
.aud-head__title {
  font-size: var(--edc-fs-display);
  font-weight: 800;
  letter-spacing: -0.01em;
  margin: 0 0 4px;
  line-height: 1.2;
}
.aud-head__sub {
  margin: 0;
  color: #4b5565;
  max-width: 68ch;
  line-height: 1.5;
}
.aud-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.aud-section__head {
  margin-bottom: 12px;
}

.aud-section__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0 0 4px;
}

.aud-section__note {
  margin: 0;
  max-width: 75ch;
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
}
.aud-section__note a {
  color: #1c3f75;
  font-weight: 600;
}

.aud-table-wrap {
  position: relative;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  overflow-x: auto;
}

.aud-table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
}
.aud-table caption {
  caption-side: top;
  padding: 0;
}
.aud-table th {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4b5565;
  background: #f5f7fa;
  padding: 12px 16px;
  border-bottom: 1px solid #dfe4ea;
  text-align: left;
  white-space: nowrap;
}
.aud-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #eef1f5;
  vertical-align: middle;
}
.aud-table tbody tr:last-child td {
  border-bottom: 0;
}
.aud-table tbody tr:hover td {
  background: #fafbfc;
}
.aud-table .aud-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.aud-table .aud-nowrap {
  white-space: nowrap;
}
.aud-table .aud-name {
  min-width: 200px;
  font-weight: 700;
}
.aud-table .aud-muted {
  color: #4b5565;
}
.aud-table .aud-sub {
  display: block;
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
  margin-top: 2px;
}
.aud-table a.aud-row-link {
  color: #1c2531;
  font-weight: 700;
  text-decoration: none;
}
.aud-table a.aud-row-link:hover, .aud-table a.aud-row-link:focus-visible {
  color: #1c3f75;
  text-decoration: underline;
}

.aud-actions {
  white-space: nowrap;
  text-align: right;
}
.aud-actions > * + * {
  margin-left: 8px;
}

.aud-inline-form {
  display: inline-block;
  margin: 0;
}

.aud-empty {
  background: #fff;
  border: 1px dashed #c3ccd8;
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  color: #4b5565;
}
.aud-empty__icon {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  color: #8a97a8;
  margin-bottom: 8px;
}
.aud-empty__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1c2531;
  margin: 0 0 4px;
}
.aud-empty p {
  margin: 0 auto 16px;
  max-width: 52ch;
  line-height: 1.5;
}
.aud-empty p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1199.98px) {
  .aud-table-wrap {
    overflow-x: visible;
  }
  .aud-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  .aud-table tbody, .aud-table tr, .aud-table td {
    display: block;
  }
  .aud-table tr {
    padding: 12px 16px;
    border-bottom: 1px solid #eef1f5;
  }
  .aud-table tbody tr:last-child {
    border-bottom: 0;
  }
  .aud-table td {
    padding: 4px 0;
    border-bottom: 0;
  }
  .aud-table tbody tr:hover td {
    background: transparent;
  }
  .aud-table td[data-label]:not(.aud-name) {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    -moz-column-gap: 8px;
         column-gap: 8px;
    align-items: baseline;
    white-space: normal;
  }
  .aud-table td[data-label]:not(.aud-name)::before {
    content: attr(data-label);
    font-size: var(--edc-fs-eyebrow);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #4b5565;
  }
  .aud-table .aud-num {
    text-align: left;
  }
  .aud-table .aud-name {
    min-width: 0;
    padding-bottom: 8px;
  }
  .aud-actions {
    text-align: left;
    padding-top: 8px;
  }
}
@media (max-width: 575.98px) {
  .aud-page {
    padding-top: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ee-editor *,
  .ee-editor *::before,
  .ee-editor *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.ee-sr-only, .ee-live-region {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ee-editor {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 60px);
  overflow: hidden;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}

.ee-editor__body {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.ee-editor__canvas-wrapper {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ee-editor__name-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
}

.ee-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 16px;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}

.ee-toolbar__left,
.ee-toolbar__center,
.ee-toolbar__right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ee-toolbar__campaign-name {
  font-weight: 600;
  font-size: var(--edc-fs-body);
  color: #111827;
}

.ee-toolbar__dirty-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f59e0b;
  animation: dirtyBounce 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.ee-toolbar__save-status {
  font-size: var(--edc-fs-eyebrow);
  color: #6b7280;
}

.ee-toolbar__device-label {
  font-size: var(--edc-fs-eyebrow);
  color: #6b7280;
  font-weight: 500;
}

.ee-toolbar__divider {
  width: 1px;
  height: 20px;
  background: #e5e7eb;
  margin: 0 4px;
}

.ee-sidebar {
  display: flex;
  width: 336px;
  flex-shrink: 0;
  border-right: 1px solid #e5e7eb;
  background: #fff;
  overflow: hidden;
}

.ee-sidebar__rail {
  width: 56px;
  background: #f9fafb;
  border-right: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 8px;
  gap: 4px;
}

.ee-sidebar__rail-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: none;
  background: transparent;
  color: #4b5563;
  border-radius: 6px;
  cursor: pointer;
  font-size: var(--edc-fs-heading);
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.ee-sidebar__rail-btn:hover {
  background: #e5e7eb;
  color: #111827;
}
.ee-sidebar__rail-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
  color: #111827;
}
.ee-sidebar__rail-btn.active {
  background: #193f87;
  color: #fff;
}

.ee-sidebar__rail-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9 / 10);
  margin-top: 2px;
  font-weight: 500;
}

.ee-sidebar__panel {
  width: 280px;
  overflow-y: auto;
  padding: 16px;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.ee-palette__heading {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #4b5563;
  margin: 0 0 4px;
}

.ee-palette__hint {
  font-size: var(--edc-fs-label);
  color: #6b7280;
  margin: 0 0 12px;
}

.ee-palette__section {
  margin-bottom: 24px;
}

.ee-palette__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.ee-palette__grid--layouts {
  grid-template-columns: repeat(3, 1fr);
}

.ee-palette__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 4px;
  min-height: 76px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  cursor: grab;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: var(--edc-fs-eyebrow);
  color: #4b5563;
  text-align: center;
}
.ee-palette__item i {
  font-size: var(--edc-fs-title);
  color: #111827;
}
.ee-palette__item:hover {
  border-color: #193f87;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.ee-palette__item:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
  border-color: #193f87;
}
.ee-palette__item.dragging {
  opacity: 0.5;
  cursor: grabbing;
}

.ee-palette__col-preview {
  display: flex;
  gap: 3px;
  width: 100%;
  padding: 0 8px;
}

.ee-palette__col-box {
  flex: 1;
  height: 24px;
  background: #e5e7eb;
  border-radius: 2px;
}

.ee-block-editor__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.ee-block-editor__back {
  border: none;
  background: none;
  color: #193f87;
  font-size: var(--edc-fs-secondary);
  cursor: pointer;
  padding: 0;
  font-weight: 500;
}
.ee-block-editor__back:hover {
  text-decoration: underline;
}
.ee-block-editor__back:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
  border-radius: 3px;
}

.ee-block-editor__title {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  margin: 0;
  color: #111827;
}

.ee-block-editor__tabs {
  display: flex;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 16px;
}

.ee-block-editor__tab {
  flex: 1;
  padding: 8px 0;
  border: none;
  background: none;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #4b5563;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.ee-block-editor__tab:hover {
  color: #111827;
}
.ee-block-editor__tab:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px #193f87;
}
.ee-block-editor__tab[aria-selected=true], .ee-block-editor__tab.active {
  color: #193f87;
  border-bottom-color: #193f87;
}

.ee-fields__group {
  margin-bottom: 14px;
}

.ee-fields__label {
  display: block;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #4b5563;
  margin-bottom: 4px;
}

.ee-fields__hint {
  font-size: var(--edc-fs-label);
  color: #6b7280;
  margin-bottom: 12px;
}

.ee-fields__color {
  display: flex;
  gap: 8px;
  align-items: center;
}

.ee-fields__color-picker {
  width: 32px;
  height: 32px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 2px;
  cursor: pointer;
  flex-shrink: 0;
}
.ee-fields__color-picker:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
}

.ee-fields__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  font-size: var(--edc-fs-body);
  color: #111827;
  cursor: pointer;
}
.ee-fields__toggle input[type=checkbox] {
  width: 16px;
  height: 16px;
  accent-color: #193f87;
}
.ee-fields__toggle input[type=checkbox]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
}

.ee-fields__social-row {
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
}
.ee-fields__social-row:last-child {
  border-bottom: none;
}

.ee-fields__social-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-body);
  cursor: pointer;
}
.ee-fields__social-toggle input[type=checkbox] {
  accent-color: #193f87;
}

.ee-canvas {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #e5e7eb;
  background-image: radial-gradient(circle, #d1d5db 1px, transparent 1px);
  background-size: 20px 20px;
  padding: 24px;
}

.ee-canvas__email {
  margin: 0 auto;
  min-height: 400px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ee-canvas__row {
  position: relative;
  transition: outline 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  outline: 2px solid transparent;
}
.ee-canvas__row:hover, .ee-canvas__row:focus-within {
  outline-color: rgba(25, 63, 135, 0.3);
  background-color: rgba(25, 63, 135, 0.01);
}
.ee-canvas__row.selected {
  outline-color: #193f87;
}

.ee-canvas__row-actions {
  position: absolute;
  right: -40px;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.ee-canvas__row:hover .ee-canvas__row-actions, .ee-canvas__row:focus-within .ee-canvas__row-actions, .ee-canvas__row.selected .ee-canvas__row-actions {
  opacity: 1;
  animation: slideInRowActions 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.ee-canvas__row-action {
  width: 28px;
  height: 28px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  color: #4b5563;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-label);
}
.ee-canvas__row-action:hover, .ee-canvas__row-action:focus-visible {
  background: #f9fafb;
  color: #111827;
}
.ee-canvas__row-action:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
}
.ee-canvas__row-action--delete:hover, .ee-canvas__row-action--delete:focus-visible {
  background: #fef2f2;
  color: #dc2626;
  border-color: #fca5a5;
}

.ee-canvas__columns {
  display: flex;
}

.ee-canvas__column {
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.ee-canvas__column.drop-target {
  background-color: rgba(25, 63, 135, 0.06) !important;
  outline: 2px dashed rgba(25, 63, 135, 0.3);
  outline-offset: -2px;
}

.ee-canvas__col-resizer {
  width: 6px;
  margin: 0 -3px;
  cursor: col-resize;
  position: relative;
  z-index: 10;
  flex-shrink: 0;
}
.ee-canvas__col-resizer::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 2px;
  background: transparent;
  transition: background 0.15s;
}
.ee-canvas__col-resizer:hover::after, .ee-canvas__col-resizer:focus-visible::after, .ee-canvas__col-resizer.active::after {
  background: #193f87;
}
.ee-canvas__col-resizer:focus-visible {
  outline: none;
}
.ee-canvas__col-resizer:focus-visible::after {
  background: #193f87;
  width: 4px;
  left: 1px;
}

.ee-canvas__empty-col {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px dashed #e5e7eb;
  border-radius: 6px;
  margin: 8px;
  color: #6b7280;
  font-size: var(--edc-fs-secondary);
}

.ee-canvas__block {
  position: relative;
  cursor: pointer;
  transition: outline 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  outline: 2px solid transparent;
}
.ee-canvas__block:hover, .ee-canvas__block:focus-within {
  outline-color: rgba(25, 63, 135, 0.25);
  background-color: rgba(25, 63, 135, 0.02);
}
.ee-canvas__block.selected {
  outline-color: #193f87;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.ee-canvas__block:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: -2px;
}
.ee-canvas__block.dragging {
  opacity: 0.4;
  transform: scale(0.97);
  outline: 2px dashed rgba(25, 63, 135, 0.4);
}

.ee-canvas__block-actions {
  position: absolute;
  right: -36px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 10;
}
.ee-canvas__block-actions > *:nth-child(1) {
  animation: fadeInAction 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms both;
}
.ee-canvas__block-actions > *:nth-child(2) {
  animation: fadeInAction 0.25s cubic-bezier(0.4, 0, 0.2, 1) 50ms both;
}
.ee-canvas__block-actions > *:nth-child(3) {
  animation: fadeInAction 0.25s cubic-bezier(0.4, 0, 0.2, 1) 100ms both;
}

.ee-canvas__block-action {
  width: 26px;
  height: 26px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  color: #4b5563;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-eyebrow);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.ee-canvas__block-action:hover, .ee-canvas__block-action:focus-visible {
  background: #f9fafb;
  color: #111827;
}
.ee-canvas__block-action:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
}
.ee-canvas__block-action--delete:hover, .ee-canvas__block-action--delete:focus-visible {
  background: #fef2f2;
  color: #dc2626;
}

.ee-canvas__block-label {
  position: absolute;
  top: -20px;
  left: 0;
  background: #193f87;
  color: #fff;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9 / 10);
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 2px 8px;
  border-radius: 3px 3px 0 0;
  z-index: 5;
  animation: slideInLabel 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.ee-canvas__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  background: #f3f4f6;
  border-radius: 6px;
  color: #6b7280;
  gap: 8px;
}
.ee-canvas__placeholder i {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
}
.ee-canvas__placeholder span {
  font-size: var(--edc-fs-secondary);
}

.ee-canvas__video-thumb {
  background: #111;
  padding: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: #fff;
}

.ee-canvas__custom-block {
  padding: 16px;
  border: 1px dashed #e5e7eb;
  border-radius: 6px;
  text-align: center;
  overflow: hidden;
  word-break: break-word;
}

.ee-canvas__custom-block-label {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  text-transform: capitalize;
}
.ee-canvas__custom-block-label i {
  margin-right: 4px;
}

.ee-canvas__dropzone {
  min-height: 16px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 6px;
}
.ee-canvas__dropzone.active {
  min-height: 48px;
  background: rgba(25, 63, 135, 0.05);
  border: 2px dashed #193f87;
  animation: dropPulse 1.5s ease-in-out infinite;
}
.ee-canvas__dropzone.empty {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ee-canvas__empty-state {
  text-align: center;
  color: #6b7280;
  padding: 48px;
}
.ee-canvas__empty-state i {
  font-size: calc(var(--edc-fs-display) * 56 / 24);
  display: block;
  margin-bottom: 16px;
  animation: emptyFloat 3s ease-in-out infinite;
  color: #193f87;
  opacity: 0.4;
}
.ee-canvas__empty-state p {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  max-width: 280px;
  margin: 0 auto 16px;
  line-height: 1.5;
}

.ee-canvas__drop-hint {
  text-align: center;
  color: #193f87;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  padding: 8px;
}

.ee-inline-editor {
  position: relative;
}

.ee-inline-editor__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  padding: 6px 8px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: -1px;
  z-index: 20;
}

.ee-inline-editor__content {
  border: 1px solid #193f87;
  border-radius: 0 0 6px 6px;
  padding: 4px;
  min-height: 40px;
}
.ee-inline-editor__content .tiptap {
  outline: none;
  min-height: 40px;
  padding: 4px;
}
.ee-inline-editor__content .tiptap p {
  margin: 0 0 0.5em;
}
.ee-inline-editor__content .tiptap h1, .ee-inline-editor__content .tiptap h2, .ee-inline-editor__content .tiptap h3, .ee-inline-editor__content .tiptap h4 {
  margin: 0 0 0.3em;
}
.ee-inline-editor__content .tiptap ul, .ee-inline-editor__content .tiptap ol {
  padding-left: 1.5em;
}
.ee-inline-editor__content .tiptap a {
  color: #193f87;
  text-decoration: underline;
}
.ee-inline-editor__content .tiptap:focus {
  outline: none;
}

.ee-floating-toolbar {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 8px;
  background: #1f2937;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.ee-floating-toolbar .ee-toolbar__btn {
  color: rgba(255, 255, 255, 0.8);
}
.ee-floating-toolbar .ee-toolbar__btn:hover, .ee-floating-toolbar .ee-toolbar__btn:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.ee-floating-toolbar .ee-toolbar__btn.active {
  color: #fff;
  background: #193f87;
}
.ee-floating-toolbar .ee-toolbar__select {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}
.ee-floating-toolbar .ee-toolbar__select:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.ee-floating-toolbar .ee-toolbar__divider {
  background: rgba(255, 255, 255, 0.2);
}

.ee-toolbar__btn {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: #4b5563;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-secondary);
  transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.ee-toolbar__btn:hover, .ee-toolbar__btn:focus-visible {
  background: #f9fafb;
  color: #111827;
}
.ee-toolbar__btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
}
.ee-toolbar__btn.active {
  background: rgba(25, 63, 135, 0.1);
  color: #193f87;
}

.ee-toolbar__select {
  height: 28px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: var(--edc-fs-label);
  padding: 0 8px;
  background: #fff;
  color: #111827;
  cursor: pointer;
  max-width: 120px;
}
.ee-toolbar__select:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
}

.ee-toolbar__select--merge {
  max-width: 130px;
}

.ee-toolbar__color-btn {
  position: relative;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #4b5563;
  border-radius: 4px;
}
.ee-toolbar__color-btn:hover, .ee-toolbar__color-btn:focus-within {
  color: #111827;
  background: #f9fafb;
}

.ee-toolbar__color-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.ee-toolbar__color-input:focus-visible + * {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
}

.ee-template-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.ee-template-card {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.ee-template-card:hover, .ee-template-card:focus-visible {
  border-color: #193f87;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.ee-template-card:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
}

.ee-template-card__preview {
  height: 140px;
  background: #f9fafb;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.ee-template-card__preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ee-template-card__icon {
  text-align: center;
  color: #4b5563;
}
.ee-template-card__icon i {
  font-size: calc(var(--edc-fs-display) * 32 / 24);
  display: block;
  margin-bottom: 8px;
}

.ee-template-card__category {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6b7280;
}

.ee-template-card__info {
  padding: 12px;
  background: #fff;
}
.ee-template-card__info strong {
  display: block;
  font-size: var(--edc-fs-body);
  color: #111827;
  margin-bottom: 2px;
}
.ee-template-card__info small {
  color: #4b5563;
  font-size: var(--edc-fs-label);
}

.ee-image-uploader {
  margin-bottom: 14px;
}

.ee-image-uploader__preview {
  position: relative;
  margin-bottom: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
}
.ee-image-uploader__preview img {
  width: 100%;
  height: auto;
  display: block;
}

.ee-image-uploader__remove {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  border: none;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-eyebrow);
}
.ee-image-uploader__remove:hover, .ee-image-uploader__remove:focus-visible {
  background: rgba(220, 38, 38, 0.9);
}
.ee-image-uploader__remove:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #dc2626;
}

.ee-image-uploader__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 20px 16px;
  border: 2px dashed #e5e7eb;
  border-radius: 6px;
  background: #f9fafb;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: center;
}
.ee-image-uploader__dropzone i {
  font-size: var(--edc-fs-display);
  color: #6b7280;
}
.ee-image-uploader__dropzone span {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}
.ee-image-uploader__dropzone small {
  font-size: var(--edc-fs-eyebrow);
  color: #6b7280;
}
.ee-image-uploader__dropzone:hover, .ee-image-uploader__dropzone.active, .ee-image-uploader__dropzone:focus-visible {
  border-color: #193f87;
  background: rgba(25, 63, 135, 0.03);
}
.ee-image-uploader__dropzone:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
}
.ee-image-uploader__dropzone.uploading {
  pointer-events: none;
  opacity: 0.7;
}

.ee-image-uploader__loading {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4b5563;
  font-size: var(--edc-fs-secondary);
}

.ee-image-uploader__url {
  margin-top: 8px;
}

.ee-image-uploader__error {
  margin-top: 8px;
  color: #dc2626;
  font-size: var(--edc-fs-label);
}
.ee-image-uploader__error i {
  margin-right: 4px;
}

.ee-styles-brand {
  margin-bottom: 16px;
}
.ee-styles-brand .style-brand-card__head {
  flex-wrap: wrap;
}
.ee-styles-brand .style-brand-card__status {
  margin-top: 8px;
}
.ee-styles-brand .style-brand-card__actions {
  gap: 8px 12px;
}

.ee-styles-brand__status {
  margin: -8px 0 12px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #166534;
}
.ee-styles-brand__status:empty {
  display: none;
}

.ee-fields .form-control {
  height: 36px;
  transition: border-color 0.1s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.ee-fields .form-control:focus {
  border-color: #193f87;
  box-shadow: 0 0 0 2px rgba(25, 63, 135, 0.15);
}

.ee-fields textarea.form-control {
  height: auto;
}

.ee-fields .input-group-text {
  background: #f9fafb;
  font-size: var(--edc-fs-label);
  color: #6b7280;
}

.ee-fields__section {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.ee-fields__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  cursor: pointer;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #4b5563;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ee-fields__section-header:hover {
  color: #111827;
}
.ee-fields__section-header i {
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.ee-fields__section-header.collapsed i {
  transform: rotate(-90deg);
}

.ee-fields__error {
  font-size: var(--edc-fs-eyebrow);
  color: #dc2626;
  margin-top: 2px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ee-fields__error i {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
}

.ee-fields .form-control.is-invalid {
  border-color: #dc2626;
}
.ee-fields .form-control.is-invalid:focus {
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2);
}

.ee-color-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 8px;
}

.ee-color-presets__swatch {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 2px solid transparent;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.22);
  cursor: pointer;
  transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.ee-color-presets__swatch:hover {
  transform: scale(1.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.ee-color-presets__swatch.active {
  border-color: #193f87;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
}
.ee-color-presets__swatch:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #193f87;
}

.ee-color-recent {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #e5e7eb;
}

.ee-color-recent__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  color: #6b7280;
}

.ee-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  animation: toastSlideUp 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.ee-toast__content {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #1f2937;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  font-size: var(--edc-fs-secondary);
  white-space: nowrap;
}

.ee-toast__undo-btn {
  background: none;
  border: none;
  color: #93c5fd;
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 0;
  margin-left: 8px;
}
.ee-toast__undo-btn:hover {
  color: #fff;
  text-decoration: underline;
}

.ee-image-uploader__browse {
  align-self: flex-start;
  margin-top: 8px;
}

.ee-image-uploader__library {
  max-height: 360px;
  margin-top: 8px;
  padding: 8px;
  overflow-y: auto;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.ee-fill {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}
.ee-fill .wba-btn {
  align-self: flex-start;
}

.ee-fill__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  max-height: 220px;
  overflow-y: auto;
}
.ee-fill__list li + li {
  border-top: 1px solid #eef1f4;
}

.ee-fill__choice {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 7px 10px;
  border: 0;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  color: #111827;
  text-align: left;
}
.ee-fill__choice:hover {
  background: #f1f5f9;
}
.ee-fill__choice:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: -2px;
}

.ee-fill__help,
.ee-fill__empty,
.ee-fill__status {
  margin: 0;
  font-size: var(--edc-fs-label);
  color: #475569;
}
.ee-fill__help:empty,
.ee-fill__empty:empty,
.ee-fill__status:empty {
  display: none;
}

.ee-rp-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(15, 23, 42, 0.45);
}

.ee-rp {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 760px;
  max-height: calc(100vh - 32px);
  padding: 24px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.25);
}

.ee-rp__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ee-rp__head .btn {
  min-width: 0;
}

.ee-rp__title {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #111827;
  text-shadow: none;
}

.ee-rp__controls {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 12px;
  align-items: center;
}
@media (max-width: 560px) {
  .ee-rp__controls {
    grid-template-columns: 1fr;
  }
}

.ee-rp__label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
}

.ee-rp__note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.ee-rp__problem {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #b42318;
}

.ee-rp__subject {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #111827;
}
.ee-rp__subject span {
  margin-right: 8px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
}

.ee-rp__frame {
  flex: 1 1 auto;
  width: 100%;
  min-height: 420px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
}

.ee-shortcuts-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(15, 23, 42, 0.45);
}

.ee-shortcuts {
  width: 100%;
  max-width: 460px;
  padding: 24px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.25);
  font-family: inherit;
}

.ee-shortcuts__title {
  margin: 0 0 16px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #111827;
  text-shadow: none;
}

.ee-shortcuts__list {
  margin: 0;
}

.ee-shortcuts__row {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 16px;
  align-items: center;
  padding: 7px 0;
}
.ee-shortcuts__row + .ee-shortcuts__row {
  border-top: 1px solid #eef1f4;
}

.ee-shortcuts__keys {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-weight: 400;
}

.ee-shortcuts__plus {
  color: #475569;
  font-size: var(--edc-fs-label);
}

.ee-shortcuts__kbd {
  display: inline-block;
  min-width: 26px;
  padding: 3px 7px;
  font-family: inherit;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  color: #1e293b;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  box-shadow: 0 1px 0 #cbd5e1;
}

.ee-shortcuts__desc {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #111827;
}

.ee-shortcuts__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

.ee-first-use {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 20;
}

.ee-first-use__arrow {
  position: absolute;
  font-size: var(--edc-fs-display);
  color: #193f87;
  animation: firstUseFloat 2s ease-in-out infinite;
}

.ee-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ee-line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@keyframes dropPulse {
  0%, 100% {
    border-color: #193f87;
    opacity: 0.6;
  }
  50% {
    border-color: #193f87;
    opacity: 1;
  }
}
@keyframes slideInLabel {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInAction {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInRowActions {
  from {
    opacity: 0;
    transform: translateX(8px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes emptyFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
@keyframes dirtyBounce {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes toastSlideUp {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
@keyframes firstUseFloat {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.7;
  }
  50% {
    transform: translateY(-8px);
    opacity: 1;
  }
}
@media (max-width: 1024px) {
  .ee-sidebar {
    width: 56px;
  }
  .ee-sidebar__panel {
    display: none;
  }
  .ee-toolbar {
    flex-wrap: wrap;
    height: auto;
    padding: 8px 16px;
    gap: 8px;
  }
  .ee-toolbar__campaign-name {
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 768px) {
  .ee-canvas {
    padding: 12px;
  }
  .ee-canvas__block-actions {
    right: 4px;
    top: 4px;
    transform: none;
  }
  .ee-canvas__row-actions {
    right: -32px;
  }
}
.design-path-cards {
  margin-top: 24px;
}

.design-path-card {
  cursor: pointer;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  height: 100%;
}
.design-path-card:hover {
  border-color: #7c4dff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.design-path-card.selected {
  border-color: #7c4dff;
  background: rgba(124, 77, 255, 0.04);
  box-shadow: 0 0 0 3px rgba(124, 77, 255, 0.15);
}
.design-path-card .design-path-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(124, 77, 255, 0.08);
}
.design-path-card .card-title {
  font-weight: 600;
  margin-bottom: 8px;
}
.design-path-card .card-text {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1.5;
}

.design-path-content {
  margin-top: 24px;
}

.content-edit-step {
  margin-top: 16px;
}

.content-mode-bar {
  padding: 12px 16px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}

.content-preview-wrapper {
  margin-top: 16px;
}

.content-preview-frame-container {
  border: 1px solid #dee2e6;
  border-radius: 6px;
  overflow: hidden;
  background: #f6f6f6;
}

.content-preview-iframe {
  width: 100%;
  min-height: 500px;
  border: none;
  display: block;
}

.content-preview-empty {
  border: 2px dashed #dee2e6;
  border-radius: 6px;
  padding: 48px;
}

.full-editor-container {
  border: 1px solid #dee2e6;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 16px;
}
.full-editor-container .full-editor-toolbar {
  background: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}
.full-editor-container #fullEditorMount {
  min-height: 600px;
}

#pasteContentArea {
  font-family: "Courier New", Courier, monospace;
  font-size: var(--edc-fs-body);
  line-height: 1.6;
  resize: vertical;
  min-height: 200px;
}

#pastePreviewOutput {
  font-family: Arial, sans-serif;
}
#pastePreviewOutput h2 {
  margin-top: 0;
}

.wizard-step-error {
  animation: shake 0.4s ease;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  20%, 60% {
    transform: translateX(-4px);
  }
  40%, 80% {
    transform: translateX(4px);
  }
}
.pearl.has-error .pearl-number {
  color: #dc3545;
  border-color: #dc3545;
}

.wizard-validation-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background: #dc3545;
  color: white;
  padding: 12px 24px;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  font-size: var(--edc-fs-body);
  animation: slideUpFade 0.3s ease;
}

@keyframes slideUpFade {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
.ee-canvas__row-action--ai,
.ee-canvas__block-action--ai {
  color: #7c3aed !important;
}
.ee-canvas__row-action--ai:hover,
.ee-canvas__block-action--ai:hover {
  background: rgba(124, 58, 237, 0.08);
  color: #6d28d9 !important;
}

.ai-text-assist, .ai-layout-popover {
  position: absolute;
  z-index: 1000;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  width: 360px;
  animation: aiPopoverIn 0.2s ease;
}

@keyframes aiPopoverIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.ai-subject-lines__header, .ai-text-assist__header, .ai-layout-popover__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
}

.ai-subject-lines__title, .ai-text-assist__title, .ai-layout-popover__title {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #7c3aed;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-subject-lines__title .fa, .ai-text-assist__title .fa, .ai-layout-popover__title .fa {
  font-size: var(--edc-fs-body);
}

.ai-subject-lines__close, .ai-text-assist__close, .ai-layout-popover__close {
  background: none;
  border: none;
  color: #4b5563;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  line-height: 1;
}
.ai-subject-lines__close:hover, .ai-text-assist__close:hover, .ai-layout-popover__close:hover {
  background: #f9fafb;
  color: #111827;
}

.ai-layout-popover {
  left: 50%;
  top: 100%;
  margin-top: 8px;
  transform: translateX(-50%);
}
.ai-layout-popover__preview {
  padding: 12px 16px;
}
.ai-layout-popover__preview-label {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #16a34a;
  margin-bottom: 8px;
}
.ai-layout-popover__preview-label .fa {
  margin-right: 4px;
}
.ai-layout-popover__preview-frame {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 12px;
}
.ai-layout-popover__preview-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.ai-layout-popover__btn {
  flex: 1;
  min-width: 0;
  padding: 8px 12px;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: all 0.15s ease;
}
.ai-layout-popover__btn:hover {
  background: #f9fafb;
}
.ai-layout-popover__btn--accept {
  background: #7c3aed;
  color: #fff;
  border-color: #7c3aed;
}
.ai-layout-popover__btn--accept:hover {
  background: #6d28d9;
}
.ai-layout-popover__btn--retry {
  color: #4b5563;
}
.ai-layout-popover__btn--discard {
  color: #4b5563;
}

.ai-text-assist {
  left: 0;
  top: 100%;
  margin-top: 8px;
}
.ai-text-assist__current {
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.ai-text-assist__current small {
  display: block;
  margin-bottom: 4px;
}
.ai-text-assist__current-text {
  font-size: var(--edc-fs-label);
  color: #4b5563;
  line-height: 1.4;
  max-height: 60px;
  overflow: hidden;
}
.ai-text-assist__actions {
  display: flex;
  gap: 8px;
  padding: 12px 16px;
}
.ai-text-assist__action-btn {
  flex: 1;
  padding: 8px 12px;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: all 0.15s ease;
}
.ai-text-assist__action-btn:hover {
  background: rgb(239.82, 242.35, 244.88);
  border-color: #7c3aed;
  color: #7c3aed;
}
.ai-text-assist__action-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ai-text-assist__options {
  padding: 12px 16px;
}
.ai-text-assist__label {
  display: block;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #111827;
  margin-bottom: 8px;
}
.ai-text-assist__tone-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.ai-text-assist__tone-btn {
  padding: 8px;
  font-size: var(--edc-fs-label);
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.ai-text-assist__tone-btn:hover {
  border-color: #7c3aed;
}
.ai-text-assist__tone-btn.active {
  background: rgba(124, 58, 237, 0.08);
  border-color: #7c3aed;
  color: #7c3aed;
  font-weight: 600;
}
.ai-text-assist__expand-input {
  width: 100%;
  padding: 8px 12px;
  font-size: var(--edc-fs-label);
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  resize: vertical;
  margin-bottom: 12px;
}
.ai-text-assist__expand-input:focus {
  outline: none;
  border-color: #7c3aed;
  box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.08);
}
.ai-text-assist__go-btn {
  width: 100%;
  padding: 8px 12px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  background: #7c3aed;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ai-text-assist__go-btn:hover {
  background: #6d28d9;
}
.ai-text-assist__loading, .ai-text-assist__error {
  padding: 12px 16px;
  font-size: var(--edc-fs-label);
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-text-assist__loading {
  color: #7c3aed;
}
.ai-text-assist__error {
  color: #dc2626;
}
.ai-text-assist__result {
  padding: 12px 16px;
}
.ai-text-assist__result-text {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #111827;
  padding: 12px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  margin-bottom: 12px;
  max-height: 180px;
  overflow-y: auto;
}
.ai-text-assist__result-actions {
  display: flex;
  gap: 8px;
}
.ai-text-assist__accept {
  flex: 1;
  padding: 8px 12px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  background: #7c3aed;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ai-text-assist__accept:hover {
  background: #6d28d9;
}
.ai-text-assist__retry {
  flex: 1;
  padding: 8px 12px;
  font-size: var(--edc-fs-label);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ai-text-assist__retry:hover {
  background: #f9fafb;
}

.ai-subject-lines {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  z-index: 1000;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  width: 340px;
  animation: aiPopoverIn 0.2s ease;
}
.ai-subject-lines__intro {
  padding: 12px 16px;
  text-align: center;
}
.ai-subject-lines__intro p {
  font-size: var(--edc-fs-label);
  color: #4b5563;
  margin-bottom: 12px;
}
.ai-subject-lines__generate {
  padding: 8px 16px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  background: #7c3aed;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.ai-subject-lines__generate:hover {
  background: #6d28d9;
}
.ai-subject-lines__loading {
  padding: 16px;
  text-align: center;
  font-size: var(--edc-fs-label);
  color: #7c3aed;
}
.ai-subject-lines__error {
  padding: 12px 16px;
  font-size: var(--edc-fs-label);
  color: #dc2626;
}
.ai-subject-lines__list {
  padding: 8px 16px 16px;
}
.ai-subject-lines__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  margin-bottom: 8px;
  transition: border-color 0.15s ease;
}
.ai-subject-lines__item:hover {
  border-color: #7c3aed;
}
.ai-subject-lines__text {
  flex: 1;
  font-size: var(--edc-fs-secondary);
  color: #111827;
  line-height: 1.3;
}
.ai-subject-lines__copy {
  background: none;
  border: none;
  color: #4b5563;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  flex-shrink: 0;
}
.ai-subject-lines__copy:hover {
  color: #7c3aed;
  background: rgba(124, 58, 237, 0.08);
}
.ai-subject-lines__copy .fa-check {
  color: #16a34a;
}
.ai-subject-lines__regenerate {
  width: 100%;
  padding: 8px;
  font-size: var(--edc-fs-label);
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ai-subject-lines__regenerate:hover {
  background: rgb(239.82, 242.35, 244.88);
}
.ai-subject-lines__regenerate:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ai-content-input__tabs {
  display: flex;
  border-bottom: 1px solid #e5e7eb;
}
.ai-content-input__tab {
  flex: 1;
  padding: 8px 12px;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  color: #4b5563;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: all 0.15s ease;
}
.ai-content-input__tab:hover {
  color: #111827;
  background: #f9fafb;
}
.ai-content-input__tab.active {
  color: #7c3aed;
  border-bottom-color: #7c3aed;
}
.ai-content-input__tab:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ai-content-input__textarea {
  width: 100%;
  padding: 12px;
  font-size: var(--edc-fs-label);
  border: none;
  border-bottom: 1px solid #e5e7eb;
  resize: vertical;
  min-height: 100px;
}
.ai-content-input__textarea:focus {
  outline: none;
  box-shadow: inset 0 0 0 1px #7c3aed;
}
.ai-content-input__textarea:disabled {
  background: #f9fafb;
}
.ai-content-input__context {
  padding: 12px;
  border-bottom: 1px solid #e5e7eb;
}
.ai-content-input__label {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #111827;
  margin-bottom: 4px;
}
.ai-content-input__label small {
  font-weight: 400;
  color: #4b5563;
  margin-left: 4px;
}
.ai-content-input__context-field {
  width: 100%;
  padding: 8px;
  font-size: var(--edc-fs-label);
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  resize: vertical;
}
.ai-content-input__context-field:focus {
  outline: none;
  border-color: #7c3aed;
  box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.08);
}
.ai-content-input__context-field:disabled {
  background: #f9fafb;
}
.ai-content-input__error {
  padding: 8px 12px;
  font-size: var(--edc-fs-label);
  color: #dc2626;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ai-content-input__actions {
  padding: 12px;
}
.ai-content-input__generate {
  width: 100%;
  padding: 8px 12px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  background: #7c3aed;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background 0.15s ease;
}
.ai-content-input__generate:hover {
  background: #6d28d9;
}
.ai-content-input__generate:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ai-drop-zone {
  padding: 24px;
  border: 2px dashed #e5e7eb;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  margin: 12px;
}
.ai-drop-zone:hover {
  border-color: #7c3aed;
  background: rgba(124, 58, 237, 0.08);
}
.ai-drop-zone--dragging {
  border-color: #7c3aed;
  background: rgba(124, 58, 237, 0.08);
  border-style: solid;
}
.ai-drop-zone--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ai-drop-zone--disabled:hover {
  border-color: #e5e7eb;
  background: transparent;
}
.ai-drop-zone__prompt {
  color: #4b5563;
}
.ai-drop-zone__prompt .fa {
  color: #7c3aed;
  display: block;
  margin-bottom: 8px;
}
.ai-drop-zone__prompt p {
  font-size: var(--edc-fs-secondary);
  margin: 0 0 4px;
}
.ai-drop-zone__prompt small {
  font-size: var(--edc-fs-eyebrow);
  color: #6b7280;
}
.ai-drop-zone__file {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ai-drop-zone__file .fa {
  font-size: var(--edc-fs-title);
  color: #7c3aed;
}
.ai-drop-zone__filename {
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #111827;
}
.ai-drop-zone__clear {
  background: none;
  border: none;
  color: #4b5563;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
}
.ai-drop-zone__clear:hover {
  color: #dc2626;
  background: rgba(220, 38, 38, 0.08);
}

.seg-control {
  background: #eef0f3;
  border-radius: 8px;
  padding: 3px;
  gap: 2px;
}
.seg-control > .btn {
  border: 0 !important;
  background: transparent;
  color: #4b5563;
  font-weight: 500;
  border-radius: 6px !important;
  padding: 5px 14px;
  box-shadow: none;
}
.seg-control > .btn:hover {
  color: #111827;
  background: rgba(255, 255, 255, 0.6);
}
.seg-control > .btn.active {
  background: #fff;
  color: #111827;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.seg-control > .btn:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}
.seg-control .seg-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: 1px;
}
.seg-control .seg-dot.seg-dot-success {
  background: #16a34a;
}
.seg-control .seg-dot.seg-dot-secondary {
  background: #9ca3af;
}
.seg-control .seg-dot.seg-dot-danger {
  background: #dc2626;
}
.seg-control .seg-dot.seg-dot-warning {
  background: #b7791f;
}
.seg-control .seg-glyph {
  margin-right: 6px;
  font-size: var(--edc-fs-eyebrow);
  color: #475467;
}

.tmpl-thumb-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #9ca3af;
  font-size: var(--edc-fs-heading);
}

.email_campaign_table thead th,
.email_template_table thead th,
.quickemailtemplatetable thead th {
  font-weight: 600;
  color: #4b5563;
  font-size: var(--edc-fs-secondary);
}

div.dt-container .dt-search input.form-control,
div.dt-container .dt-search input {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: var(--edc-fs-secondary);
}
div.dt-container .dt-search input.form-control:focus,
div.dt-container .dt-search input:focus {
  border-color: #2563eb;
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
div.dt-container .dt-search label {
  color: #4b5563;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
}
div.dt-container .dt-length label {
  color: #4b5563;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
}
div.dt-container .dt-length select {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: var(--edc-fs-secondary);
}
div.dt-container .dt-paging .dt-paging-button {
  border-radius: 6px;
}

.es-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 48px 24px;
}
.es-empty-state__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-display);
  color: #94a3b8;
  margin-bottom: 16px;
}
.es-empty-state__title {
  font-weight: 600;
  color: #111827;
  margin-bottom: 8px;
}
.es-empty-state__description {
  color: #4b5563;
  font-size: var(--edc-fs-body);
  max-width: 420px;
  margin-bottom: 16px;
}

.wizard-footer-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wizard-footer-nav__group {
  display: flex;
  gap: 8px;
}

.ecw-root {
  position: relative;
}

.ecw-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 12px;
}
.ecw-header__left {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.ecw-header__name {
  font-weight: 600;
  color: #111827;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ecw-header__pills {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ecw-header__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ecw-pill-anchor {
  width: 0;
  height: 0;
  outline: none;
}

.ecw-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 999px;
  padding: 5px 14px;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #4b5563;
  cursor: pointer;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.ecw-pill:hover {
  border-color: #c7cdd6;
  color: #111827;
}
.ecw-pill:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}
.ecw-pill__state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.ecw-pill--done .ecw-pill__state {
  background: rgba(22, 163, 74, 0.12);
  color: #16a34a;
}
.ecw-pill--pending .ecw-pill__state {
  background: rgba(245, 158, 11, 0.15);
}
.ecw-pill__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f59e0b;
}
.ecw-pill--pending {
  border-color: rgba(245, 158, 11, 0.5);
}
.ecw-pill__caret {
  margin-left: 2px;
  color: #6b7280;
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.ecw-steps-count {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #4b5563;
  margin-left: 4px;
}

.ecw-launch-wrap {
  position: relative;
}

.ecw-launch--blocked {
  opacity: 1;
}

.ecw-pending {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1200;
  width: 280px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  padding: 12px 16px;
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}
.ecw-pending strong {
  color: #111827;
  display: block;
  margin-bottom: 4px;
}
.ecw-pending li {
  margin-bottom: 2px;
}

.ecw-chooser {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 32px;
  min-height: 420px;
}
.ecw-chooser__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  max-width: 960px;
}
.ecw-chooser__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  padding: 32px 24px;
  background: #fff;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.ecw-chooser__card:hover, .ecw-chooser__card:focus-visible {
  border-color: #193f87;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.ecw-chooser__card:focus-visible {
  outline: none;
}
.ecw-chooser__card:disabled {
  opacity: 0.6;
  cursor: progress;
}
.ecw-chooser__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(25, 63, 135, 0.1);
  color: #193f87;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
}
.ecw-chooser__title {
  font-weight: 600;
  color: #111827;
}
.ecw-chooser__text {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  line-height: 1.5;
}

.ecw-template-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
}

.ecw-template-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.ecw-template-card:hover, .ecw-template-card:focus-visible {
  border-color: #193f87;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.ecw-template-card:focus-visible {
  outline: none;
}
.ecw-template-card:disabled {
  opacity: 0.6;
  cursor: progress;
}
.ecw-template-card__thumb {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #9ca3af;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
}
.ecw-template-card__name {
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #111827;
  text-align: center;
}

.ecw-drawer {
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0;
  width: 400px;
  max-width: 92vw;
  z-index: 1400;
  background: #fff;
  border-left: 1px solid #e5e7eb;
  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  animation: ecwDrawerIn 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}
.ecw-drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #e5e7eb;
}
.ecw-drawer__close {
  border: none;
  background: transparent;
  color: #4b5563;
  font-size: var(--edc-fs-heading);
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
}
.ecw-drawer__close:hover {
  color: #111827;
  background: #f9fafb;
}
.ecw-drawer__close:focus-visible {
  outline: 2px solid #2563eb;
}
.ecw-drawer__body {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
}
.ecw-drawer__footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #e5e7eb;
}

@keyframes ecwDrawerIn {
  from {
    transform: translateX(40px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ecw-drawer {
    animation: none;
  }
}
.ecw-header__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #193f87;
  text-decoration: none;
  white-space: nowrap;
}
.ecw-header__back:hover, .ecw-header__back:focus-visible {
  text-decoration: underline;
}

.ecw-header__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.ecw-chooser__heading {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #111827;
  text-shadow: none;
}
.ecw-chooser__lede {
  margin: 0 0 24px;
  font-size: var(--edc-fs-body);
  color: #4b5563;
  max-width: 64ch;
}
.ecw-chooser__cards {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  max-width: 760px;
}
.ecw-chooser__card {
  border-width: 1px;
  align-items: flex-start;
  text-align: left;
  padding: 24px;
}
.ecw-chooser__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}
.ecw-chooser__text {
  font-size: var(--edc-fs-secondary);
}

.ecw-drawer__title {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  color: #111827;
  text-shadow: none;
}
.ecw-drawer__hint {
  margin: 6px 0 0;
  font-size: var(--edc-fs-label);
  line-height: 1.5;
  color: #4b5563;
}
.ecw-drawer__error:empty {
  display: none;
}
.ecw-drawer__error {
  margin: 0 16px 12px;
  padding: 10px 12px;
  border-radius: 6px;
  background: #fdecec;
  color: #8c1c1c;
  font-size: var(--edc-fs-secondary);
}
.ecw-drawer .form-label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #111827;
}
.ecw-drawer__footer .btn {
  min-width: 0;
  font-weight: 600;
}

.ecw-failure {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  padding: 10px 14px;
  border-radius: 6px;
  background: #fdecec;
  color: #8c1c1c;
  font-size: var(--edc-fs-body);
}
.ecw-failure span {
  flex: 1;
}
.ecw-failure__close {
  border: 0;
  background: transparent;
  color: inherit;
  padding: 4px 6px;
  border-radius: 4px;
}
.ecw-failure__close:focus-visible {
  outline: 2px solid currentColor;
}

.ecw-header .btn {
  min-width: 0;
}

.ecw-audience-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.ecw-audience-row:hover {
  border-color: #c7cdd6;
}
.ecw-audience-row--selected {
  border-color: #193f87;
  background: rgba(25, 63, 135, 0.1);
}
.ecw-audience-row__name {
  font-weight: 500;
  color: #111827;
  flex: 1;
}
.ecw-audience-row__count {
  font-size: var(--edc-fs-label);
  color: #4b5563;
}

.bk-section-heading {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #4b5563;
  margin: 16px 0 12px;
  padding-bottom: 4px;
  border-bottom: 1px solid #e5e7eb;
}

.bk-legend {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #111827;
  margin-bottom: 8px;
  float: none;
  width: auto;
}

.bk-color-input {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bk-color-input input[type=color] {
  width: 42px;
  height: 38px;
  padding: 2px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
}
.bk-color-input .form-control {
  max-width: 120px;
}

.bk-preview-wrap {
  position: sticky;
  top: 76px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  background: #f9fafb;
}

.bk-preview-chrome {
  padding: 8px 16px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}

.bk-preview {
  max-width: 480px;
  margin: 24px auto;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.bk-preview__header {
  padding: 24px;
  text-align: center;
}
.bk-preview__logo {
  max-height: 48px;
  max-width: 220px;
}
.bk-preview__logo-fallback {
  color: #fff;
  font-weight: 700;
  font-size: var(--edc-fs-title);
}
.bk-preview__body {
  padding: 24px;
}
.bk-preview__headline {
  font-weight: 700;
  margin-bottom: 12px;
}
.bk-preview__copy {
  color: #374151;
  font-size: var(--edc-fs-body);
  line-height: 1.6;
}
.bk-preview__button {
  display: inline-block;
  color: #fff !important;
  text-decoration: none;
  font-weight: 600;
  font-size: var(--edc-fs-body);
  padding: 10px 22px;
  border-radius: 6px;
  margin: 12px 0;
  pointer-events: none;
}
.bk-preview__accent {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  margin-top: 8px;
}
.bk-preview__footer {
  background: #f3f4f6;
  padding: 16px 24px;
  font-size: var(--edc-fs-label);
  color: #4b5563;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.bk-preview__disclaimer {
  font-size: var(--edc-fs-eyebrow);
  color: #64748b;
}

.tplprev {
  display: flex;
  flex-direction: column;
  max-height: 86vh;
}
.tplprev__header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid #e5e7eb;
}
.tplprev__title {
  margin: 0;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tplprev__devices {
  display: flex;
  gap: 2px;
  background: #eef0f3;
  border-radius: 6px;
  padding: 2px;
}
.tplprev__device {
  border: 0;
  background: transparent;
  color: #4b5563;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 4px;
  cursor: pointer;
}
.tplprev__device.is-active {
  background: #fff;
  color: #111827;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.tplprev__device:focus-visible {
  outline: 2px solid #2563eb;
}
.tplprev__close {
  border: 0;
  background: transparent;
  color: #4b5563;
  font-size: var(--edc-fs-heading);
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
}
.tplprev__close:hover {
  color: #111827;
  background: #f9fafb;
}
.tplprev__close:focus-visible {
  outline: 2px solid #2563eb;
}
.tplprev__stage {
  flex: 1;
  overflow: auto;
  background: #f9fafb;
  padding: 24px;
  display: flex;
  justify-content: center;
}
.tplprev__frame {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  height: 60vh;
  max-width: 100%;
  transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.tplprev__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  border-top: 1px solid #e5e7eb;
}
.tplprev__hint {
  font-size: var(--edc-fs-label);
  color: #4b5563;
}

.ee-template-card {
  position: relative;
}

.ee-template-card__preview-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  border: 1px solid #e5e7eb;
  background: rgba(255, 255, 255, 0.95);
  color: #111827;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 999px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.ee-template-card:hover .ee-template-card__preview-btn, .ee-template-card:focus-within .ee-template-card__preview-btn {
  opacity: 1;
}
.ee-template-card__preview-btn:focus-visible {
  opacity: 1;
  outline: 2px solid #2563eb;
}

.ee-editor__canvas-wrapper .ee-canvas {
  overflow-x: auto;
  max-width: 100%;
}

.tplprev__content-input {
  padding: 12px 16px;
  border-top: 1px solid #e5e7eb;
  background: #fff;
}
.tplprev__content-input label {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
}

.ee-thumb {
  display: block;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #fff;
  pointer-events: none;
}
.ee-thumb iframe {
  border: 0;
  transform-origin: top left;
  pointer-events: none;
}

.ee-inserter {
  position: relative;
  height: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ee-inserter__btn {
  position: absolute;
  z-index: 30;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #4b5563;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.ee-inserter:hover .ee-inserter__btn, .ee-inserter.is-open .ee-inserter__btn, .ee-inserter__btn:focus-visible {
  opacity: 1;
}
.ee-inserter__btn:hover {
  color: #193f87;
  border-color: #193f87;
  transform: scale(1.1);
}
.ee-inserter__btn:focus-visible {
  outline: 2px solid #2563eb;
  opacity: 1;
}
.ee-inserter__menu {
  position: absolute;
  top: 16px;
  z-index: 40;
  display: flex;
  gap: 2px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  padding: 4px;
}
.ee-inserter__item {
  border: 0;
  background: transparent;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  color: #111827;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}
.ee-inserter__item:hover {
  background: rgba(25, 63, 135, 0.1);
  color: #193f87;
}
.ee-inserter__item:focus-visible {
  outline: 2px solid #2563eb;
}

.sw-preview__band {
  height: 8px;
  border-radius: 4px;
}

.sw-preview__qlist {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: swq;
}

.sw-preview__q {
  counter-increment: swq;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #e5e7eb;
}
.sw-preview__q::before {
  content: counter(swq) ".";
  color: #6b7280;
  font-variant-numeric: tabular-nums;
  margin-right: 8px;
}

.sw-preview__q-label {
  flex: 1;
  color: #111827;
}

.sw-preview__req {
  color: #dc2626;
}

.sw-preview__q-type {
  font-size: var(--edc-fs-label);
  color: #4b5563;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: 1px 10px;
  text-transform: capitalize;
  white-space: nowrap;
}

.sw-preview__section {
  font-weight: 700;
  color: #4b5563;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: var(--edc-fs-label);
  padding: 16px 0 8px;
}

.sw-rollup-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin-bottom: 12px;
  background: #f5f3ff;
  border: 1px solid #ddd6fe;
  border-radius: 8px;
  color: #5b21b6;
  font-size: var(--edc-fs-body);
}
.sw-rollup-banner .fa {
  font-size: var(--edc-fs-heading);
  flex-shrink: 0;
}
.sw-rollup-banner strong {
  font-weight: 700;
}

.sr-results {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  padding: 24px 32px;
}

.sr-results__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 24px;
}
.sr-results__head > div:first-child {
  flex: 1 1 280px;
  min-width: 0;
}

.sr-section-title {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #4b5563;
  margin: 24px 0 12px;
}

.sr-findings__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.sr-card {
  border: 1px solid #e5e7eb;
  border-left-width: 3px;
  border-radius: 6px;
  padding: 12px 16px;
  background: #fff;
}
.sr-card--high {
  border-left-color: #dc2626;
}
.sr-card--medium {
  border-left-color: #f59e0b;
}
.sr-card--low {
  border-left-color: #2563eb;
}
.sr-card__pri {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #4b5563;
}
.sr-card__title {
  font-weight: 600;
  margin: 2px 0 4px;
  color: #111827;
}
.sr-card__body {
  font-size: var(--edc-fs-secondary);
  color: #4b5563;
  margin: 0;
}

.sr-q {
  padding: 16px 0;
  border-bottom: 1px solid #e5e7eb;
}

.sr-q--nested {
  border-bottom: 0;
  padding: 8px 0;
}

.sr-q__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 8px;
}

.sr-q__label {
  font-weight: 600;
  color: #111827;
}

.sr-q__meta {
  font-size: var(--edc-fs-label);
  color: #4b5563;
  white-space: nowrap;
}

.sr-bar-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 4px 0;
  font-size: var(--edc-fs-secondary);
  min-height: 19.5px;
}

.sr-bar-row__label {
  flex: 0 0 240px;
  min-width: 0;
  color: #4b5563;
  overflow-wrap: break-word;
}

.sr-bar-track {
  flex: 1 1 160px;
  max-width: 620px;
  height: 14px;
  background: #e8ecf1;
  border-radius: 999px;
  overflow: hidden;
}

.sr-bar-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  min-width: 2px;
}

.sr-q {
  container-type: inline-size;
}

@container (max-width: 520px) {
  .sr-bar-row {
    flex-wrap: wrap;
    row-gap: 2px;
  }
  .sr-bar-row__label {
    flex: 1 1 100%;
  }
}
.sr-bar-row__count {
  flex: 0 0 auto;
  color: #4b5563;
  font-variant-numeric: tabular-nums;
}

.sr-numeric {
  color: #4b5563;
}

.sr-denominator {
  margin-top: 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #4b5563;
}

.sr-text-list {
  margin: 0;
  padding-left: 16px;
  color: #111827;
}

.sr-text-list li {
  padding: 2px 0;
}

.sr-org {
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
}
.sr-org summary {
  cursor: pointer;
  padding: 8px 0;
}

.bk-swatch {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  vertical-align: middle;
}
.bk-swatch.sm {
  width: 18px;
  height: 18px;
  margin-right: 2px;
}

.bk-brand-table td {
  vertical-align: middle;
}

.bk-sending {
  display: flex;
  align-items: baseline;
  gap: 6px 12px;
  flex-wrap: wrap;
  margin: -6px 0 18px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.bk-sending .fa {
  color: #556070;
}
.bk-sending a {
  font-weight: 600;
}

.sr-save-report {
  padding: 12px 16px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  margin-bottom: 16px;
}

.sr-report__commentary {
  background: #f9fafb;
  border-left: 3px solid #193f87;
  padding: 12px 16px;
  border-radius: 4px;
  margin-bottom: 16px;
  color: #111827;
}

@media print {
  .no-print, .site-menu, .page-aside, nav, .navbar, footer {
    display: none !important;
  }
  .sr-report {
    max-width: 100%;
    border: 0;
    box-shadow: none;
    padding: 0;
  }
}
.ee-editor {
  background: #eef1f5;
  border: 0;
  border-radius: 0;
  height: auto;
  min-height: calc(100vh - 60px);
  overflow: visible;
}

.ee-toolbar {
  height: auto;
  min-height: 52px;
  padding: 8px 12px;
  gap: 10px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #e3e8f0;
  border-radius: 12px;
  margin: 12px 12px 0;
}

.ee-toolbar__campaign-name {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.ee-toolbar__divider {
  display: none;
}

.ee-toolbar__right {
  flex-wrap: wrap;
  min-width: 0;
}

.ee-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 288px;
  gap: 16px;
  align-items: start;
  padding: 12px;
  overflow: visible;
}
.ee-workspace--build {
  grid-template-columns: 232px minmax(0, 1fr) 288px;
}
@media (max-width: 1199px) {
  .ee-workspace {
    grid-template-columns: 1fr;
  }
  .ee-workspace--build {
    grid-template-columns: 1fr;
  }
  .ee-workspace .ee-pane--blocks {
    display: none;
  }
}

.ee-pane {
  align-self: start;
}

.ee-pane--blocks .wba-pane__body {
  padding: 12px;
}

.ee-editor__canvas-wrapper {
  overflow: visible;
  background: #e9edf3;
  border: 1px solid #e3e8f0;
  border-radius: 12px;
  min-height: 70vh;
}

.ee-editor__name-bar {
  background: transparent;
  border-bottom: 0;
  padding: 12px 20px 0;
}

.ee-canvas {
  background-color: transparent;
  background-image: none;
  overflow: visible;
  padding: 20px;
}

.ee-canvas__email {
  border-radius: 8px;
  box-shadow: 0 4px 18px rgba(20, 32, 46, 0.12);
  overflow: hidden;
  max-width: 100%;
}

.ee-palette__rowhint {
  color: #55606f;
  font-weight: 400;
}

.wba-block-btn.dragging {
  opacity: 0.5;
  cursor: grabbing;
}

.ee-block-editor__back {
  display: none;
}

.ee-block-editor .btn-group > .btn {
  min-width: 0;
}

.ee-block-editor .btn-group.w-100 > .btn {
  flex: 1 1 0;
}

.pl {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pl .pl-heading {
  margin: 4px 0 0;
  font-family: inherit;
  line-height: 1.3;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  text-shadow: none;
}

.pl-note,
.pl-problem {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.pl-problem {
  color: #b42318;
}

.pl-grid {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pl-item {
  display: block;
  width: 100%;
  min-width: 0;
  aspect-ratio: 4/3;
  padding: 0;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 6px;
  background: #f1f5f9;
  cursor: pointer;
}
.pl-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pl-item:hover {
  border-color: #94a3b8;
}
.pl-item:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.pl-item--current {
  border-color: #2563eb;
}

.pl-tabs {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid #dfe4ea;
}
.pl-tabs button {
  min-height: 36px;
  padding: 6px 12px;
  margin-bottom: -1px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: none;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  cursor: pointer;
}
.pl-tabs button[aria-selected=true] {
  border-bottom-color: #1c3f75;
  color: #1c3f75;
}
.pl-tabs button:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.pl-caption {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.35;
  color: #3d4a5c;
  overflow-wrap: anywhere;
}

.pl-warning {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.35;
  color: #7a4a00;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.sb-note {
  margin: 0 0 6px;
  font-size: var(--edc-fs-label);
  color: #475569;
}
.sb-note:empty {
  display: none;
}

.sb-save {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}

.sb-save__label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
}

.sb-save__row {
  display: flex;
  gap: 8px;
  margin-bottom: 6px;
}
.sb-save__row .form-control {
  flex: 1 1 auto;
  min-width: 0;
}
.sb-save__row .wba-btn {
  flex: 0 0 auto;
  min-width: 0;
}

.sb-saved {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.sb-saved > .wba-block-btn {
  flex: 1 1 auto;
  min-width: 0;
}

.sb-saved__remove,
.sb-saved__yes,
.sb-saved__no {
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  font-size: var(--edc-fs-label);
  color: #475569;
  padding: 4px 8px;
}
.sb-saved__remove:hover,
.sb-saved__yes:hover,
.sb-saved__no:hover {
  background: #f1f5f9;
}
.sb-saved__remove:focus-visible,
.sb-saved__yes:focus-visible,
.sb-saved__no:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}

.sb-saved__yes {
  color: #b42318;
  border-color: #fecdca;
}

.sb-saved__confirm {
  display: flex;
  flex-basis: 100%;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-label);
  color: #334155;
}

.sb-saved__problem {
  flex-basis: 100%;
  font-size: var(--edc-fs-label);
  color: #b42318;
}

.fw-root {
  padding-bottom: 48px;
  font-size: var(--edc-fs-secondary);
}
.fw-root small {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
}
.fw-root .text-muted {
  color: #475569;
}
.fw-root .btn {
  font-size: var(--edc-fs-secondary);
}
.fw-root .badge {
  font-size: var(--edc-fs-label);
  font-weight: 600;
}
.fw-root .alert {
  font-size: var(--edc-fs-secondary);
}
.fw-root .form-control, .fw-root .form-select, .fw-root select {
  font-size: var(--edc-fs-secondary);
}
.fw-root .form-label, .fw-root .form-check-label {
  font-size: var(--edc-fs-secondary);
  color: #334155;
}
.fw-root legend.form-label {
  font-size: var(--edc-fs-secondary);
}
.fw-root .fw-title {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  line-height: 1.3;
  color: #1e293b;
  margin: 0;
  text-shadow: none;
  max-width: min(560px, 48vw);
}
.fw-root .form-switch .form-check-input {
  border-color: #64748b;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2364748b'/%3e%3c/svg%3e");
  width: 2.25em;
  height: 1.25em;
  margin-top: 0.1em;
  cursor: pointer;
}
.fw-root .form-switch .form-check-input:checked {
  background-color: #193f87;
  border-color: #193f87;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.fw-root .form-switch .form-check-input:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
  box-shadow: none;
}
.fw-root .form-switch .form-check-label {
  cursor: pointer;
  font-weight: 500;
  color: #1e293b;
}

.fw-tabs {
  display: flex;
  gap: 4px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px 10px 0 0;
  padding: 0 12px;
  margin: 16px 0 0;
}

.fw-tab {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding: 11px 14px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  cursor: pointer;
}
.fw-tab:hover {
  color: #193f87;
}
.fw-tab:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: -2px;
}

.fw-tab--active {
  color: #193f87;
  font-weight: 600;
  border-bottom-color: #193f87;
}

.fw-panel {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-top: none;
  border-radius: 0 0 10px 10px;
  padding: 24px;
}

.fw-panel__toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}

.fw-panel__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
}

.fw-h5 {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 10px;
}

.fw-h6 {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
}

.fw-card {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 18px 20px;
  margin-bottom: 16px;
}

.fw-section {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 12px;
}
.fw-section--spaced {
  margin-top: 28px;
}

.fw-section__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

.fw-section__note {
  font-size: var(--edc-fs-label);
  color: #475569;
  margin: 2px 0 0;
}

.fw-subhead {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1e293b;
  margin: 28px 0 10px;
}

.fw-linkbtn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  padding: 0;
  font: inherit;
  color: #193f87;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.fw-linkbtn:hover {
  color: #163573;
}
.fw-linkbtn:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
  border-radius: 2px;
}

.fw-empty {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  padding: 14px 16px;
}

.fw-range {
  display: inline-flex;
  background: #f1f5f9;
  border-radius: 8px;
  padding: 2px;
  gap: 2px;
}

.fw-range__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.fw-range__btn:hover {
  color: #1e293b;
}
.fw-range__btn:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 1px;
}

.fw-range__btn--on {
  background: #fff;
  color: #1e293b;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
}

.fw-funnel {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fw-funnel__step {
  margin: 0;
}

.fw-funnel__row {
  display: grid;
  grid-template-columns: 168px 1fr 100px;
  gap: 14px;
  align-items: center;
}
@media (max-width: 640px) {
  .fw-funnel__row {
    grid-template-columns: 1fr auto;
  }
}

.fw-funnel__label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
  align-self: center;
}

.fw-funnel__help {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 400;
  color: #475569;
  margin-top: 1px;
}

.fw-funnel__track {
  background: #e8eefb;
  border-radius: 3px;
  height: 16px;
}
@media (max-width: 640px) {
  .fw-funnel__track {
    grid-column: 1/-1;
    order: 3;
  }
}

.fw-funnel__bar {
  height: 100%;
  background: #2f5cc4;
  border-radius: 3px 4px 4px 3px;
  transition: width 0.25s ease;
}

.fw-funnel__value {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #1e293b;
  text-align: right;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}

.fw-funnel__pct {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 500;
  color: #475569;
}

.fw-funnel__drop {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0;
  padding-left: 12px;
  font-size: var(--edc-fs-label);
  color: #475569;
}
@media (min-width: 641px) {
  .fw-funnel__drop {
    padding-left: 182px;
  }
}
.fw-funnel__drop i {
  color: #94a3b8;
}

.fw-funnel__drop b {
  font-weight: 600;
  color: #334155;
}

.fw-funnel__drop--over {
  align-items: flex-start;
  max-width: 780px;
}
.fw-funnel__drop--over i {
  margin-top: 2px;
  color: #6b86c4;
}

.fw-chart {
  margin: 0;
}

.fw-chart__grid {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-template-rows: auto auto;
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.fw-chart__yaxis {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 132px;
  font-size: var(--edc-fs-eyebrow);
  color: #475569;
  font-variant-numeric: tabular-nums;
  padding-bottom: 1px;
}

.fw-chart__plot {
  position: relative;
  height: 132px;
  border-bottom: 1px solid #cbd5e1;
}

.fw-chart__gridline {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-top: 1px solid #eef2f7;
}

.fw-chart__bars {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  gap: 2px;
}

.fw-chart__slot {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-radius: 3px 3px 0 0;
}
.fw-chart__slot:hover {
  background: rgba(47, 92, 196, 0.07);
}
.fw-chart__slot:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: -2px;
}

.fw-chart__bar {
  width: 100%;
  max-width: 24px;
  background: #2f5cc4;
  border-radius: 4px 4px 0 0;
}

.fw-chart__tip {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: #1e293b;
  color: #f8fafc;
  border-radius: 6px;
  padding: 7px 10px;
  font-size: var(--edc-fs-label);
  white-space: nowrap;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 2px;
  pointer-events: none;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.22);
}

.fw-chart__xaxis {
  grid-column: 2;
  position: relative;
  height: 20px;
  font-size: var(--edc-fs-eyebrow);
  color: #475569;
}

.fw-chart__tick {
  position: absolute;
  top: 5px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.fw-chart__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.fw-srcsplit {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fw-srcsplit__row {
  display: grid;
  grid-template-columns: 150px 1fr minmax(190px, auto);
  gap: 14px;
  align-items: center;
}
@media (max-width: 720px) {
  .fw-srcsplit__row {
    grid-template-columns: 1fr auto;
  }
}

.fw-srcsplit__label {
  font-size: var(--edc-fs-secondary);
  color: #334155;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}

.fw-srcsplit__swatch {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex: none;
}

.fw-srcsplit__track {
  border-radius: 3px;
  height: 14px;
}
@media (max-width: 720px) {
  .fw-srcsplit__track {
    grid-column: 1/-1;
    order: 3;
  }
}

.fw-srcsplit__bar {
  height: 100%;
  border-radius: 3px 4px 4px 3px;
}

.fw-srcsplit__value {
  font-size: var(--edc-fs-secondary);
  color: #1e293b;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.fw-srcsplit__context {
  color: #475569;
}

.fw-recent {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
}

.fw-recent__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 14px;
  border-bottom: 1px solid #eef2f7;
}
.fw-recent__item:last-child {
  border-bottom: none;
}

.fw-recent__who {
  font-size: var(--edc-fs-secondary);
  color: #1e293b;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fw-recent__when {
  font-size: var(--edc-fs-label);
  color: #475569;
  flex: none;
  font-variant-numeric: tabular-nums;
  min-width: 124px;
  text-align: right;
}

.fw-nudge {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
  background: #eef4ff;
  border: 1px solid #dbe4f5;
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 20px;
}
.fw-nudge i {
  color: #193f87;
  margin-top: 2px;
}

.fw-nudge__body {
  flex: 1 1 260px;
  min-width: 0;
}

.fw-nudge__title {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 2px;
}

.fw-nudge__text {
  font-size: var(--edc-fs-secondary);
  color: #334155;
  margin: 0;
}

.fw-nudge__cta {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  flex: none;
  background: #193f87;
  border: 1px solid #193f87;
  color: #fff;
  border-radius: 8px;
  padding: 7px 14px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.fw-nudge__cta:hover {
  background: #163573;
}
.fw-nudge__cta:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}

.fw-live-note {
  font-size: var(--edc-fs-label);
  color: #475569;
  margin: 8px 0 0;
}

.fw-share-grid {
  display: grid;
  grid-template-columns: minmax(340px, 1fr) minmax(300px, 420px);
  gap: 24px;
  align-items: start;
}
@media (max-width: 980px) {
  .fw-share-grid {
    grid-template-columns: 1fr;
  }
}

.fw-share-sect {
  padding: 18px 0;
  border-top: 1px solid #eef2f7;
}
.fw-share-sect:first-child {
  padding-top: 0;
  border-top: none;
}
.fw-share-sect:last-child {
  padding-bottom: 0;
}

.fw-copyfield__row {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-bottom: 6px;
}
.fw-copyfield__row .form-control {
  font-size: var(--edc-fs-secondary);
}
.fw-copyfield__row .btn {
  flex: none;
  white-space: nowrap;
}

.fw-share-hint {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0;
}

.fw-share-preview {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  position: sticky;
  top: 16px;
}

.fw-share-preview__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 14px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.fw-share-preview__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
}
.fw-share-preview__chip i {
  color: #0d9f6e;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 8 / 10);
}

.fw-share-preview__note {
  font-size: var(--edc-fs-label);
  color: #475569;
}

.fw-share-preview__frame {
  background: #f1f5f9;
  padding: 12px;
}
.fw-share-preview__frame iframe {
  display: block;
  width: 100%;
  height: 520px;
  border: 0;
  border-radius: 6px;
  background: #fff;
}

.fw-share-brand {
  margin-top: 12px;
}
.fw-share-brand .style-brand-card__head {
  flex-wrap: wrap;
}
.fw-share-brand .style-brand-card__status {
  margin-top: 8px;
}

.fw-intake-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: stretch;
}
@media (max-width: 980px) {
  .fw-intake-grid {
    grid-template-columns: 1fr;
  }
}
.fw-intake-grid .fw-card {
  margin-bottom: 0;
}

.fw-setting {
  margin-top: 16px;
}

.fw-setting .form-check {
  margin-bottom: 4px;
  min-height: auto;
}

.fw-setting__hint {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  padding-left: 2.5em;
  margin: 0;
}

.fw-field {
  margin-top: 16px;
}

.fw-field:first-of-type {
  margin-top: 0;
}

.fw-field__hint {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 5px 0 0;
}

.fw-recipients {
  margin-top: 10px;
  max-height: 180px;
  overflow-y: auto;
  padding: 10px 12px;
  border: 1px solid #eef2f7;
  border-radius: 8px;
}

.fw-recipients legend {
  float: none;
  width: auto;
  margin-bottom: 4px;
}

.fw-mapping-table {
  width: 100%;
  font-size: var(--edc-fs-secondary);
  margin: 0;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
.fw-mapping-table th {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #475569;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: #f8fafc;
  padding: 7px 12px;
  border-bottom: 1px solid #e2e8f0;
  border-top: none;
}
.fw-mapping-table td {
  padding: 8px 12px;
  color: #1e293b;
  border-top: 1px solid #f1f5f9;
  vertical-align: top;
}
.fw-mapping-table tbody tr:first-child td {
  border-top: none;
}
.fw-mapping-table td:first-child {
  font-weight: 500;
}

.fw-inbox-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  border-radius: 10px;
  padding: 8px 10px;
}

.fw-inbox-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.fw-inbox-tab {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 5px 13px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  cursor: pointer;
}
.fw-inbox-tab:hover {
  border-color: #cbd5e1;
  color: #1e293b;
}
.fw-inbox-tab:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}

.fw-inbox-tab--active {
  background: #193f87;
  border-color: #193f87;
  color: #fff;
  font-weight: 600;
}

.fw-inbox-tab__count {
  display: inline-block;
  min-width: 20px;
  margin-left: 6px;
  padding: 0 6px;
  border-radius: 10px;
  background: #eef2f7;
  color: #334155;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.fw-inbox-tab--active .fw-inbox-tab__count {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.fw-inbox-notice-region:empty {
  display: none;
}

.fw-inbox-notice {
  display: flex;
  align-items: center;
  margin: 12px 0 0;
  padding: 9px 14px;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
}

.fw-inbox-notice--ok {
  background: #ecfdf3;
  border: 1px solid #b7ebcd;
  color: #14532d;
}

.fw-inbox-notice--error {
  background: #fef3f2;
  border: 1px solid #fecdca;
  color: #b42318;
}

.fw-inbox-notice__undo {
  margin-left: auto;
  padding: 3px 12px;
  min-width: 0;
  background: #fff;
  border: 1px solid #86c9a4;
  border-radius: 6px;
  color: #14532d;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  cursor: pointer;
}
.fw-inbox-notice__undo:hover {
  background: #f0fdf4;
}
.fw-inbox-notice__undo:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}

.fw-inbox-filters {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.fw-inbox-filters__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  min-width: 240px;
}

.fw-inbox-filters__label {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
}

.fw-inbox-filters__mine {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  color: #1e293b;
  cursor: pointer;
}
.fw-inbox-filters__mine input {
  width: 16px;
  height: 16px;
  accent-color: #193f87;
}

.fw-inbox__form {
  font-size: var(--edc-fs-label);
  color: #475569;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.fw-submission__form {
  font-weight: 600;
  color: #17408f;
  text-decoration: none;
}
.fw-submission__form:hover {
  text-decoration: underline;
}

.fw-inbox-empty {
  margin-top: 16px;
}

.fw-inbox-hint {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: var(--edc-fs-label);
  color: #475569;
  margin: 0;
  padding-right: 4px;
}
.fw-inbox-hint kbd {
  display: inline-block;
  min-width: 18px;
  text-align: center;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-bottom-width: 2px;
  border-radius: 4px;
  padding: 0 4px;
  font-family: inherit;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #334155;
  box-shadow: none;
}

.fw-inbox-hint__sep {
  color: #cbd5e1;
}

.fw-inbox {
  display: grid;
  grid-template-columns: minmax(260px, 320px) 1fr;
  gap: 24px;
  margin-top: 16px;
  align-items: start;
}
@media (max-width: 980px) {
  .fw-inbox {
    grid-template-columns: 1fr;
  }
}

.fw-inbox__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  position: sticky;
  top: 16px;
  max-height: calc(100vh - 32px);
  overflow-y: auto;
}
@media (max-width: 980px) {
  .fw-inbox__list {
    position: static;
    max-height: 320px;
  }
}

.fw-inbox__item {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: none;
  border-bottom: 1px solid #eef2f7;
  width: 100%;
  text-align: left;
  padding: 11px 14px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.fw-inbox__item:hover {
  background: #f8fafc;
}
.fw-inbox__item:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: -2px;
}

.fw-inbox__item--selected {
  background: #eef4ff;
  box-shadow: inset 0 0 0 1px #bfd0f2;
}
.fw-inbox__item--selected .fw-inbox__who {
  color: #17408f;
}

.fw-inbox__who {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1e293b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.fw-inbox__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.fw-inbox__when {
  font-size: var(--edc-fs-label);
  color: #475569;
  min-width: 116px;
  font-variant-numeric: tabular-nums;
}

.fw-chip {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 20px;
  flex: none;
  letter-spacing: 0.01em;
}

.fw-chip--decision {
  background: #e7eefc;
  color: #17408f;
}

.fw-chip--new {
  background: #f1f5f9;
  color: #334155;
}

.fw-inbox__detail {
  min-width: 0;
}

.fw-submission__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 16px;
  flex-wrap: wrap;
  padding-bottom: 12px;
  margin-bottom: 4px;
  border-bottom: 1px solid #eef2f7;
}

.fw-submission__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  text-shadow: none;
  overflow-wrap: anywhere;
}

.fw-submission__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  font-variant-numeric: tabular-nums;
}

.fw-answers {
  margin: 0;
}

.fw-answers__row {
  display: grid;
  grid-template-columns: minmax(120px, 220px) 1fr;
  gap: 12px;
  padding: 7px 0;
  border-bottom: 1px solid #f1f5f9;
}
.fw-answers__row:last-child {
  border-bottom: none;
}
.fw-answers__row dt {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  font-weight: 500;
}
.fw-answers__row dd {
  font-size: var(--edc-fs-secondary);
  color: #1e293b;
  margin: 0;
  overflow-wrap: anywhere;
}

.fw-consent-note {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 12px 0 0;
}

.fw-flag-note {
  font-size: var(--edc-fs-secondary);
  color: #92400e;
  margin: 12px 0 0;
  font-weight: 500;
}

.fw-suggestion {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px 18px;
  margin-bottom: 16px;
}

.fw-suggestion__head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f5f9;
}

.fw-suggestion__type {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1e293b;
  text-transform: capitalize;
}

.fw-band,
.fw-suggestion__head .badge {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  padding: 3px 9px;
}

.fw-band--high {
  background: #dbe4f7;
  color: #17408f;
}

.fw-band--medium {
  background: #e9eef7;
  color: #33436b;
}

.fw-band--low {
  background: #f1f5f9;
  color: #475569;
}

.fw-band--none {
  background: #f1f5f9;
  color: #334155;
}

.fw-band__reason {
  font-weight: 400;
}

.fw-incoming {
  margin: 0 0 14px;
}

.fw-incoming__row {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 10px;
  padding: 3px 0;
}
.fw-incoming__row dt {
  font-size: var(--edc-fs-label);
  color: #475569;
  text-transform: capitalize;
}
.fw-incoming__row dd {
  font-size: var(--edc-fs-secondary);
  color: #1e293b;
  margin: 0;
  overflow-wrap: anywhere;
}

.fw-decide-label {
  font-size: var(--edc-fs-label);
  color: #475569;
  margin: 0 0 6px;
}

.fw-diff {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 8px;
  padding: 12px 14px;
}

.fw-diff__note {
  font-size: var(--edc-fs-secondary);
  color: #92400e;
  margin: 0 0 8px;
}

.fw-diff__row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  padding: 3px 0;
  cursor: pointer;
}
.fw-diff__row input {
  flex: none;
}

.fw-diff__attr {
  text-transform: capitalize;
  color: #334155;
  min-width: 90px;
}

.fw-diff__current {
  color: #64748b;
  text-decoration: line-through;
}

.fw-diff__incoming {
  color: #166534;
  font-weight: 500;
}

.fw-inbox__actions {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 4px;
  padding: 14px 0 16px;
  background: #fff;
  border-top: 1px solid #e2e8f0;
  box-shadow: 0 -10px 12px -12px rgba(15, 23, 42, 0.28);
}
.fw-inbox__actions .btn {
  font-size: var(--edc-fs-secondary);
}
.fw-inbox__actions .btn-outline-secondary {
  color: #475569;
  border-color: #94a3b8;
}

.fw-inbox__actions-spacer {
  flex: 1 1 auto;
}

.fw-decide {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

.fw-decide__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #334155;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
}
.fw-decide__btn:hover {
  border-color: #94a3b8;
  background: #f8fafc;
}
.fw-decide__btn:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 1px;
}

.fw-decide__btn--on {
  background: #193f87;
  border-color: #193f87;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(25, 63, 135, 0.3);
}
.fw-decide__btn--on:hover {
  background: #163573;
  border-color: #163573;
}

.fw-resolved {
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid #e2e8f0;
}

.fw-resolved__meta {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0 0 8px;
}

.fw-reclinks {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}

.fw-reclinks__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.fw-reclinks__label {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  font-weight: 600;
}

.fw-reclinks__link {
  font-size: var(--edc-fs-secondary);
  color: #193f87;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid #dbe4f5;
  background: #eef4ff;
  border-radius: 6px;
  padding: 3px 10px;
}
.fw-reclinks__link:hover {
  background: #dbe7fb;
  text-decoration: underline;
}
.fw-reclinks__link:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 1px;
}

.fw-inline-error {
  font-size: var(--edc-fs-secondary);
  color: #b42318;
  margin: 8px 0 0;
}

.fm-list .sm-header__title {
  text-shadow: none;
}
.fm-list .fm-list__admin-title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}
.fm-list .fm-list__library-head {
  border-bottom: 1px solid #f1f5f9;
}
.fm-list .fm-list__admin {
  border-bottom: none;
  gap: 16px;
  align-items: flex-start;
}
.fm-list .sm-header {
  gap: 16px;
  flex-wrap: wrap;
}
.fm-list .fm-list__caption {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  line-height: 1.5;
  max-width: 72ch;
}
.fm-list .fm-list__empty {
  margin: 20px 24px;
  padding: 16px 18px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  color: #334155;
  line-height: 1.5;
}
.fm-list .fm-list__empty-title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 4px;
}
.fm-list table.fm-table {
  margin: 0;
  border-collapse: collapse;
  width: 100%;
}
.fm-list table.fm-table thead th {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #475569;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  border-top: none;
  padding: 10px 16px;
  white-space: nowrap;
}
.fm-list table.fm-table thead th:first-child {
  padding-left: 24px;
}
.fm-list table.fm-table thead th:last-child {
  padding-right: 24px;
}
.fm-list table.fm-table tbody td {
  font-size: var(--edc-fs-secondary);
  color: #334155;
  padding: 12px 16px;
  vertical-align: middle;
  border-bottom: 1px solid #f1f5f9;
  border-top: none;
}
.fm-list table.fm-table tbody td:first-child {
  padding-left: 24px;
}
.fm-list table.fm-table tbody td:last-child {
  padding-right: 24px;
}
.fm-list table.fm-table tbody tr:last-child td {
  border-bottom: none;
}
.fm-list table.fm-table tbody tr:hover td {
  background: #f8fafc;
}
.fm-list table.fm-table a.sm-link {
  color: #1e293b;
  font-weight: 600;
  text-decoration: none;
  font-size: var(--edc-fs-body);
}
.fm-list table.fm-table a.sm-link:hover {
  color: #1d4ed8;
  text-decoration: underline;
}
.fm-list table.fm-table a.sm-link:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
  border-radius: 2px;
}
.fm-list .fm-table__sub {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.fm-list .fm-table__nowrap {
  white-space: nowrap;
}
.fm-list .fm-table__unit {
  display: none;
}
.fm-list .fm-table__num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  width: 1%;
}
.fm-list .fm-table__actions {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}
.fm-list .fm-table__actions > * {
  vertical-align: middle;
}
.fm-list .fm-table__actions .sm-more-actions {
  display: inline-block;
  margin-left: 4px;
}
.fm-list .fm-table--library td:first-child {
  max-width: 560px;
}
@media (max-width: 640px) {
  .fm-list table.fm-table, .fm-list table.fm-table tbody, .fm-list table.fm-table tr, .fm-list table.fm-table td {
    display: block;
    width: auto;
  }
  .fm-list table.fm-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .fm-list table.fm-table tbody tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
  }
  .fm-list table.fm-table tbody tr:last-child {
    border-bottom: none;
  }
  .fm-list table.fm-table tbody td {
    padding: 0 !important;
    border: none;
  }
  .fm-list table.fm-table tbody td:first-child {
    flex: 1 1 100%;
    max-width: none;
  }
  .fm-list .fm-table__num {
    width: auto;
  }
  .fm-list .fm-table__unit {
    display: inline;
  }
  .fm-list .fm-table__actions {
    width: auto;
    margin-left: auto;
  }
  .fm-list .sm-header {
    padding: 16px;
  }
  .fm-list .fm-list__empty {
    margin: 16px;
  }
}
.fm-list .fm-review {
  display: inline-flex;
  align-items: center;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 999px;
  background: #fff4e0;
  color: #8a4b00;
  border: 1px solid #f5d8a8;
  text-decoration: none;
}
.fm-list .fm-review:hover {
  background: #ffe9c2;
  color: #6b3a00;
  text-decoration: underline;
}
.fm-list .fm-review:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}
.fm-list .fm-clear {
  font-size: var(--edc-fs-secondary);
  color: #146c43;
  font-weight: 500;
}
.fm-list .fm-clear i {
  margin-right: 4px;
}
.fm-list .sm-btn--sm {
  font-size: var(--edc-fs-secondary);
  padding: 5px 12px;
}

.fm-qr-modal .fm-qr-modal__title {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  text-shadow: none;
  text-transform: none;
  letter-spacing: 0;
}
.fm-qr-modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.fm-qr-modal .fm-qr-modal__image {
  display: flex;
  justify-content: center;
  padding: 8px 0 16px;
}
.fm-qr-modal .fm-qr-modal__image img {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 8px;
  background: #fff;
}
.fm-qr-modal .fm-qr-modal__hint {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0;
  line-height: 1.5;
}
.fm-qr-modal .modal-footer {
  gap: 8px;
}
.fm-qr-modal .modal-footer .btn {
  min-width: 0;
}

.fm-copy-modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.fm-copy-modal .fm-copy-modal__title {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  text-shadow: none;
  text-transform: none;
  letter-spacing: 0;
}
.fm-copy-modal .fm-copy-modal__text {
  font-size: var(--edc-fs-body);
  color: #334155;
  line-height: 1.55;
  margin: 0 0 10px;
}
.fm-copy-modal .fm-copy-modal__text:last-child {
  margin-bottom: 0;
}
.fm-copy-modal .modal-footer {
  gap: 8px;
}
.fm-copy-modal .modal-footer .btn {
  min-width: 0;
}

.fm-classic {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 24px !important;
}
.fm-classic .fm-classic-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.fm-classic .fm-classic-head__text {
  min-width: 0;
}
.fm-classic .fm-classic-head__title {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 6px;
  text-shadow: none;
}
.fm-classic .fm-classic-head__link {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  overflow-wrap: anywhere;
}
.fm-classic .fm-classic-head__link span {
  font-weight: 600;
}
.fm-classic .fm-classic-head__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.fm-classic .fm-classic-head__actions .btn {
  min-width: 0;
}
.fm-classic .fm-classic-hint {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0 0 8px;
}
.fm-classic .fm-copy-btn {
  min-width: 0;
}
.fm-classic textarea.font-monospace {
  font-size: var(--edc-fs-secondary);
}
.fm-classic .card {
  margin-bottom: 24px !important;
  height: auto !important;
}
.fm-classic .card-header h6, .fm-classic .fm-classic-section-title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1e293b;
  text-shadow: none;
}
.fm-classic .btn-outline-secondary {
  color: #334155;
  border-color: #94a3b8;
  min-width: 0;
}

.fm-classic-preview .fm-classic-preview__title {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 12px;
  text-shadow: none;
}
.fm-classic-preview .fm-classic-preview__frame {
  display: block;
  width: 100%;
  height: 760px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}

.fm-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 999px;
}
.fm-status i {
  font-size: var(--edc-fs-eyebrow);
}

.fm-status--live {
  background: #e7f6ee;
  color: #146c43;
}

.fm-status--draft {
  background: #f1f5f9;
  color: #334155;
}

.fm-classic--responses {
  margin-bottom: 24px !important;
}

.fm-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  margin: 0 0 20px;
}

.fm-stats__tile {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px;
}
.fm-stats__tile dt {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #475569;
  margin: 0 0 6px;
}
.fm-stats__tile dd {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  color: #1e293b;
  margin: 0;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}

.fm-progress__label {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin-bottom: 6px;
  font-variant-numeric: tabular-nums;
}

.fm-classic-tabs {
  height: auto !important;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
}
.fm-classic-tabs .nav-link {
  font-size: var(--edc-fs-body);
  color: #334155;
}
.fm-classic-tabs .nav-link.active {
  color: #193f87;
  font-weight: 600;
}
.fm-classic-tabs .fm-count {
  display: inline-block;
  min-width: 20px;
  margin-left: 6px;
  padding: 0 6px;
  border-radius: 10px;
  background: #eef2f7;
  color: #334155;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 18px;
  text-align: center;
}
.fm-classic-tabs .fm-classic-subtitle {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  text-shadow: none;
}
.fm-classic-tabs .fm-classic-hint {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  margin: 0 0 12px;
}
.fm-classic-tabs .btn-sm {
  font-size: var(--edc-fs-secondary);
  min-width: 0;
}
.fm-classic-tabs .fm-classic-inbox-note {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  margin-bottom: 16px;
}
.fm-classic-tabs .fm-classic-inbox-note > div {
  flex: 1 1 360px;
  min-width: 0;
}
.fm-classic-tabs .fm-classic-inbox-note .fm-classic-subtitle {
  margin-bottom: 4px;
}
.fm-classic-tabs .fm-classic-inbox-note .btn {
  white-space: nowrap;
}

.fm-list__empty-inline {
  font-size: var(--edc-fs-body);
  color: #334155;
  margin: 8px 0;
  padding: 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.fm-classic-tabs .tab-content > .tab-pane:not(.active) {
  display: none;
}

.fm-individual {
  max-width: 480px;
  margin: 0 0 20px;
}
.fm-individual .form-select {
  font-size: var(--edc-fs-body);
}

.fm-answers {
  margin: 0;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 4px 20px;
  max-width: 900px;
}

.fm-answers__row {
  display: grid;
  grid-template-columns: minmax(160px, 300px) 1fr;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}
.fm-answers__row:last-child {
  border-bottom: none;
}
.fm-answers__row dt {
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #475569;
}
.fm-answers__row dd {
  font-size: var(--edc-fs-body);
  color: #1e293b;
  margin: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 640px) {
  .fm-answers__row {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

@media (max-width: 640px) {
  .fw-root .fw-title {
    white-space: normal;
    max-width: 100%;
    overflow: visible;
    font-size: calc(var(--edc-fs-body) * 15 / 14);
  }
  .fw-root .ecw-header__left {
    flex-wrap: wrap;
  }
  .fw-root .fw-panel {
    padding: 16px;
  }
  .fw-root .fw-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  .fw-root .fw-tab {
    white-space: nowrap;
    padding: 11px 10px;
  }
  .fw-answers__row, .fw-incoming__row {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .fw-inbox-hint {
    display: none;
  }
}
.fm-tab-count {
  display: inline-block;
  min-width: 20px;
  margin-left: 6px;
  padding: 0 7px;
  border-radius: 10px;
  background: #193f87;
  color: #fff;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.fw-files {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #eef2f7;
}

.fw-files__label {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #475569;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.fw-files__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.fw-files__list li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.fw-files__link {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #17408f;
  text-decoration: none;
}
.fw-files__link:hover {
  text-decoration: underline;
}

.fw-files__meta {
  font-size: var(--edc-fs-label);
  color: #475569;
}

.fw-inbox-arrived {
  display: flex;
  align-items: center;
  margin: 12px 0 0;
  padding: 9px 14px;
  border-radius: 8px;
  background: #eff4ff;
  border: 1px solid #c7d7fb;
  color: #17408f;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
}
.fw-inbox-arrived .fw-inbox-notice__undo {
  border-color: #9db6f0;
  color: #17408f;
}
.fw-inbox-arrived .fw-inbox-notice__undo:hover {
  background: #fff;
}

.asc-help {
  margin: -4px 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
  max-width: 60ch;
}

.asc-region[aria-busy=true] {
  opacity: 0.55;
  transition: opacity 0.12s ease;
}

.asc-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
  margin-bottom: 16px;
}

.asc-control {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.asc-control label {
  margin: 0;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #475569;
}

.asc-select {
  min-width: 200px;
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
}
.asc-select--wide {
  min-width: 260px;
}
.asc-select:focus-visible, .asc-select:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.35);
}

.asc-sentence {
  margin: 0 0 12px;
  padding: 10px 14px;
  border-left: 3px solid #2563eb;
  background: #f8fafc;
  border-radius: 0 12px 12px 0;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #0f172a;
  max-width: 78ch;
}

.asc-empty {
  margin: 0;
  padding: 14px 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  border-radius: 12px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.6;
  color: #475569;
  max-width: 78ch;
}

.asc-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 18px;
  margin-bottom: 8px;
}

.asc-selectall {
  display: flex;
  align-items: center;
  gap: 8px;
}
.asc-selectall label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #0f172a;
  cursor: pointer;
}

.asc-checkbox {
  width: 16px;
  height: 16px;
  accent-color: #2563eb;
  cursor: pointer;
}
.asc-checkbox:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.asc-note {
  margin: 0;
  font-size: var(--edc-fs-label);
  color: #475569;
}

.asc-table-scroll {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: auto;
  border: 1px solid #eef2f7;
  border-radius: 12px;
}

.asc-table {
  margin: 0;
  width: 100%;
}
.asc-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #ffffff;
  border-bottom: 1px solid #eef2f7;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  white-space: nowrap;
}
.asc-table td {
  vertical-align: top;
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
  border-top: 1px solid #eef2f7;
}
.asc-table .asc-col-check {
  width: 36px;
  padding-left: 12px;
}

.asc-answer {
  font-weight: 600;
  color: #0f172a;
}

.asc-question {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-eyebrow);
  line-height: 1.4;
  color: #475569;
}

.asc-flag {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 8px;
  border-radius: 999px;
  background: #fef3c7;
  border: 1px solid rgba(180, 83, 9, 0.35);
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  line-height: 1.6;
  color: #92400e;
  white-space: nowrap;
}

.asc-when {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  white-space: nowrap;
}

.asc-contact {
  min-width: 180px;
  font-size: var(--edc-fs-secondary);
}

.asc-nocontact {
  display: inline-block;
  max-width: 200px;
  font-size: var(--edc-fs-label);
  line-height: 1.4;
  color: #92400e;
}

.ec-setup {
  font-size: var(--edc-fs-secondary);
  color: #1e293b;
}
.ec-setup__grid {
  align-items: stretch;
}
.ec-setup__grid > [class^=col-] {
  display: flex;
}
.ec-setup__card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  width: 100%;
  padding: 20px 22px 22px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.ec-setup__heading {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  margin: 0 0 16px;
}
.ec-setup__hint {
  font-size: var(--edc-fs-label);
  line-height: 1.5;
  color: #475569;
  margin: 6px 0 0;
}
.ec-setup label,
.ec-setup .form-group > label {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
  margin-bottom: 6px;
}
.ec-setup__labelrow {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.ec-setup__labelrow label {
  margin-bottom: 0;
}
.ec-setup__labelrow .tooltip-popover.icon {
  margin: 0;
  font-size: var(--edc-fs-body);
  line-height: 1;
  color: #94a3b8;
  cursor: pointer;
}
.ec-setup__labelrow .tooltip-popover.icon:hover, .ec-setup__labelrow .tooltip-popover.icon:focus-visible {
  color: #475569;
}
.ec-setup .form-group {
  margin-bottom: 18px;
}
.ec-setup .form-control,
.ec-setup .custom-select {
  font-size: var(--edc-fs-secondary);
  min-height: 38px;
  border-color: #cbd5e1;
  border-radius: 8px;
  color: #0f172a;
}
.ec-setup .form-control::-moz-placeholder, .ec-setup .custom-select::-moz-placeholder {
  color: #94a3b8;
}
.ec-setup .form-control::placeholder,
.ec-setup .custom-select::placeholder {
  color: #94a3b8;
}
.ec-setup .form-control:focus,
.ec-setup .custom-select:focus {
  border-color: #193f87;
  box-shadow: 0 0 0 3px rgba(25, 63, 135, 0.14);
}
.ec-setup__audience {
  margin-bottom: 0;
}
.ec-setup__card--content {
  background: #f8fafc;
}
.ec-setup__preview {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 240px;
  margin-bottom: 18px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.ec-setup__previewlink {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.ec-setup__previewlink img {
  max-width: 100%;
  max-height: 320px;
  -o-object-fit: contain;
     object-fit: contain;
}
.ec-setup__previewlink:hover .ec-setup__previewzoom, .ec-setup__previewlink:focus-visible .ec-setup__previewzoom {
  opacity: 1;
}
.ec-setup__previewframe {
  flex: none;
  align-self: flex-start;
  width: 600px;
  height: 700px;
  border: 0;
  background: #fff;
  transform: scale(0.62);
  transform-origin: top left;
  margin-right: -228px;
  margin-bottom: -266px;
  pointer-events: none;
}
.ec-setup__previewzoom {
  position: absolute;
  inset: auto 0 0 0;
  padding: 8px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #fff;
  background: rgba(15, 23, 42, 0.82);
  opacity: 0;
  transition: opacity 0.15s ease;
}
.ec-setup__preview--empty {
  text-align: center;
  padding: 24px;
  color: #475569;
}
.ec-setup__preview--empty i {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  color: #94a3b8;
  margin-bottom: 10px;
  display: block;
}
.ec-setup__preview--empty p {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
}
.ec-setup__preview--empty .ec-setup__hint {
  font-weight: 400;
}
.ec-setup__contentactions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ec-setup__contentactions .btn {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 8px;
}
.ec-setup__contentactions .btn i {
  margin-right: 6px;
}
.ec-setup__preflight {
  margin-top: 10px;
  max-width: 46ch;
}
.ec-setup__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 4px;
  padding-top: 18px;
  border-top: 1px solid #e2e8f0;
}
.ec-setup__actions .btn {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 9px 18px;
  border-radius: 8px;
}
.ec-setup__actions .btn i {
  margin-right: 6px;
}
.ec-setup__actions-primary {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.ec-setup__cancel {
  color: #475569;
  text-decoration: none;
  padding-left: 0;
}
.ec-setup__cancel:hover, .ec-setup__cancel:focus-visible {
  color: #0f172a;
  text-decoration: underline;
}
.ec-setup__confirmlede {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 14px;
}

.ec-modal .modal-title {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  color: #0f172a;
}
.ec-modal .modal-header {
  border-bottom: 1px solid #e2e8f0;
}
.ec-modal .modal-body {
  min-height: 0;
}

.ec-testsend__summary {
  display: grid;
  grid-template-columns: minmax(84px, max-content) 1fr;
  gap: 6px 14px;
  margin: 0 0 18px;
  padding: 14px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
}
.ec-testsend__summary dt {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  padding-top: 2px;
}
.ec-testsend__summary dd {
  margin: 0;
  color: #1e293b;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.ec-testsend__tag {
  display: inline-block;
  padding: 1px 6px;
  margin-right: 4px;
  border-radius: 4px;
  background: rgba(25, 63, 135, 0.1);
  color: #12306a;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
}
.ec-testsend__unset {
  color: #64748b;
  font-style: italic;
}
.ec-testsend__warning {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  margin-bottom: 18px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #7c3f04;
  background: #fff8ec;
  border: 1px solid #f5d5a4;
  border-radius: 8px;
}
.ec-testsend__warning i {
  margin-top: 2px;
  color: #b45309;
}
.ec-testsend__savelink {
  padding: 0;
  border: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #7c3f04;
  text-decoration: underline;
  vertical-align: baseline;
}
.ec-testsend__label {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
  margin-bottom: 6px;
}
.ec-testsend__form .form-control {
  font-size: var(--edc-fs-secondary);
  min-height: 38px;
  border-color: #cbd5e1;
  border-radius: 8px;
}
.ec-testsend__form .form-control:focus {
  border-color: #193f87;
  box-shadow: 0 0 0 3px rgba(25, 63, 135, 0.14);
}
.ec-testsend__hint {
  font-size: var(--edc-fs-label);
  line-height: 1.5;
  color: #475569;
  margin: 6px 0 0;
}
.ec-testsend__result {
  margin-top: 14px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
}
.ec-testsend__result:empty {
  display: none;
}
.ec-testsend__result--pending, .ec-testsend__result--success, .ec-testsend__result--error {
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid;
}
.ec-testsend__result--pending {
  color: #334155;
  background: #f8fafc;
  border-color: #e2e8f0;
}
.ec-testsend__result--success {
  color: #0b5c48;
  background: #ecfdf5;
  border-color: #a7d9c8;
}
.ec-testsend__result--error {
  color: #8c1c1c;
  background: #fef2f2;
  border-color: #f2c1c1;
}
.ec-testsend__footer .btn {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 9px 18px;
  border-radius: 8px;
}
.ec-testsend__footer .btn i {
  margin-right: 6px;
}

.ec-analytics {
  font-size: var(--edc-fs-secondary);
  color: #1e293b;
}
.ec-analytics__card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  padding: 20px 22px 22px;
  margin-bottom: 20px;
}
.ec-analytics__heading {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  margin: 0 0 16px;
}
.ec-analytics__subheading {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #334155;
  margin: 24px 0 12px;
}
.ec-analytics__hint {
  font-size: var(--edc-fs-label);
  line-height: 1.5;
  color: #475569;
  margin: 6px 0 0;
}
.ec-analytics__unset {
  color: #64748b;
  font-style: italic;
}
.ec-analytics__masthead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.ec-analytics__mastheadmain {
  flex: 1 1 380px;
  min-width: 0;
}
.ec-analytics__mastheadactions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.ec-analytics__mastheadactions .btn {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 8px;
  white-space: nowrap;
}
.ec-analytics__mastheadactions .btn i {
  margin-right: 6px;
}
.ec-analytics__facts {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 8px 16px;
  margin: 0;
}
.ec-analytics__facts dt {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  padding-top: 2px;
}
.ec-analytics__facts dd {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #1e293b;
  overflow-wrap: anywhere;
}
.ec-analytics__footnote {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 18px 0 0;
  padding: 12px 14px;
  font-size: var(--edc-fs-label);
  line-height: 1.6;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.ec-analytics__footnote i {
  margin-top: 2px;
  color: #64748b;
}
.ec-analytics__footnote strong {
  color: #0f172a;
}
.ec-analytics__empty {
  text-align: center;
  padding: 32px 24px;
}
.ec-analytics__empty i {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  color: #94a3b8;
  display: block;
  margin-bottom: 10px;
}
.ec-analytics__empty p {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
}
.ec-analytics__empty .ec-analytics__hint {
  font-weight: 400;
  max-width: 48ch;
  margin-inline: auto;
}

.ec-funnel {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
.ec-funnel__stage {
  display: grid;
  grid-template-columns: minmax(150px, 200px) 1fr minmax(150px, 190px);
  align-items: center;
  gap: 16px;
}
@media (max-width: 860px) {
  .ec-funnel__stage {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
.ec-funnel__label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.ec-funnel__name {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
}
.ec-funnel__count {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.ec-funnel__track {
  height: 14px;
  border-radius: 7px;
  background: #e8edf9;
  overflow: hidden;
}
.ec-funnel__bar {
  height: 100%;
  min-width: 4px;
  border-radius: 7px;
  background: #2f5cc4;
}
.ec-funnel__rate {
  font-size: var(--edc-fs-label);
  color: #475569;
}
.ec-funnel__rate strong {
  font-size: var(--edc-fs-secondary);
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.ec-funnel__rate--base {
  font-style: italic;
}

.ec-outcomes {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}
.ec-outcomes__item {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 4px 10px;
  padding: 14px 16px;
  border: 1px solid #e2e8f0;
  border-left: 3px solid #94a3b8;
  border-radius: 8px;
  background: #fff;
}
.ec-outcomes__item > i {
  grid-row: 1;
  font-size: var(--edc-fs-body);
}
.ec-outcomes__item--serious {
  border-left-color: #b91c1c;
  background: #fefafa;
}
.ec-outcomes__item--serious > i {
  color: #b91c1c;
}
.ec-outcomes__item--neutral {
  border-left-color: #94a3b8;
}
.ec-outcomes__item--neutral > i {
  color: #64748b;
}
.ec-outcomes__count {
  grid-row: 1;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}
.ec-outcomes__label {
  grid-row: 1;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1e293b;
}
.ec-outcomes__hint {
  grid-column: 1/-1;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}
.ec-outcomes__link {
  grid-column: 1/-1;
  justify-self: start;
  padding: 0;
  border: 0;
  background: none;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #193f87;
  text-decoration: underline;
}
.ec-outcomes__link:hover, .ec-outcomes__link:focus-visible {
  color: #12306a;
}

.ec-recipients__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.ec-recipients__head .ec-analytics__heading {
  margin-bottom: 4px;
}
.ec-recipients__headactions {
  text-align: right;
}
.ec-recipients__headactions .btn {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 8px;
}
.ec-recipients__headactions .btn i {
  margin-right: 6px;
}
.ec-recipients__headactions .ec-analytics__hint {
  max-width: 34ch;
  margin-left: auto;
}
.ec-recipients__controls {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding-bottom: 16px;
  border-bottom: 1px solid #e2e8f0;
}
.ec-recipients__search {
  flex: 0 1 300px;
}
.ec-recipients__searchlabel {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  margin-bottom: 6px;
}
.ec-recipients__search .form-control {
  font-size: var(--edc-fs-secondary);
  min-height: 38px;
  border-color: #cbd5e1;
  border-radius: 8px;
}
.ec-recipients__search .form-control:focus {
  border-color: #193f87;
  box-shadow: 0 0 0 3px rgba(25, 63, 135, 0.14);
}
.ec-recipients__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ec-recipients__status {
  margin: 12px 0 0;
  font-size: var(--edc-fs-label);
  color: #475569;
}
.ec-recipients__tablewrap {
  margin-top: 8px;
  max-height: 520px;
  overflow: auto;
}
.ec-recipients__table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
}
.ec-recipients__table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid #e2e8f0;
}
.ec-recipients__table tbody td {
  padding: 11px 12px;
  border-bottom: 1px solid #f1f5f9;
  color: #1e293b;
}
.ec-recipients__table tbody tr:hover td {
  background: #f8fafc;
}
.ec-recipients__email {
  color: #475569;
  overflow-wrap: anywhere;
}
.ec-recipients__noresults {
  margin: 0;
  padding: 24px 12px;
  text-align: center;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.ec-recipients__foot {
  margin-top: 16px;
}
.ec-recipients__foot .btn {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 8px;
}
.ec-recipients__foot .btn i {
  margin-right: 6px;
}

.ec-chip {
  padding: 6px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #fff;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #334155;
  line-height: 1.4;
}
.ec-chip:hover {
  border-color: #94a3b8;
  background: #f8fafc;
}
.ec-chip--active {
  background: #193f87;
  border-color: #193f87;
  color: #fff;
}
.ec-chip__count {
  margin-left: 6px;
  font-variant-numeric: tabular-nums;
  opacity: 0.75;
}

.ec-status {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  white-space: nowrap;
}
.ec-status--good {
  background: #e7f6f0;
  color: #0b5c48;
}
.ec-status--info {
  background: #e8edf9;
  color: #12306a;
}
.ec-status--serious {
  background: #fdecec;
  color: #8c1c1c;
}
.ec-status--neutral {
  background: #f1f5f9;
  color: #334155;
}
.ec-status__why {
  display: block;
  margin-top: 4px;
  max-width: 44ch;
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  line-height: 1.4;
  white-space: normal;
  color: #334155;
}

.ec-preflight {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px;
  background: #fff;
}
.ec-preflight__title {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #334155;
  margin: 0 0 10px;
}
.ec-preflight__block {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fdecec;
  color: #8c1c1c;
  font-size: var(--edc-fs-body);
  line-height: 1.45;
}
.ec-preflight__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.ec-preflight__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: var(--edc-fs-body);
  line-height: 1.45;
  color: #334155;
}
.ec-preflight__row i {
  margin-top: 3px;
  font-size: var(--edc-fs-body);
}
.ec-preflight__row--ok i {
  color: #0b5c48;
}
.ec-preflight__row--warn i {
  color: #8a5a00;
}
.ec-preflight__row--choice {
  align-items: center;
}
.ec-preflight__row--choice label {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #334155;
  cursor: pointer;
}
.ec-preflight__check {
  width: 16px;
  height: 16px;
  margin: 0;
  flex: 0 0 auto;
  accent-color: #12306a;
}
.ec-preflight__check-btn {
  font-size: var(--edc-fs-label);
  padding: 3px 10px;
  line-height: 1.3;
  margin-left: auto;
}
.ec-preflight__grade {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: var(--edc-fs-body);
  background: #f1f5f9;
  color: #334155;
}
.ec-preflight__grade--a {
  background: #e7f6f0;
  color: #0b5c48;
}
.ec-preflight__grade--b {
  background: #e8edf9;
  color: #12306a;
}
.ec-preflight__grade--c {
  background: #fff4d6;
  color: #8a5a00;
}
.ec-preflight__grade--d, .ec-preflight__grade--f {
  background: #fdecec;
  color: #8c1c1c;
}

.email_campaign_table .badge {
  font-size: var(--edc-fs-eyebrow);
  line-height: 1.2;
  padding: 4px 8px;
}
.email_campaign_table .ec-resume-btn {
  font-size: var(--edc-fs-label);
  padding: 4px 12px;
  line-height: 1.3;
}
.email_campaign_table .ec-pause-note {
  display: block;
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.4;
  color: #334155;
}

.ec-status i {
  margin-right: 5px;
  font-size: var(--edc-fs-eyebrow);
}
.ec-status--warn {
  background: #fff4d6;
  color: #7a4f00;
}

.ec-listbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}
.ec-listbar__title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}
.ec-listbar__lede {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.ec-listbar__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ec-listbar .btn {
  min-width: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 7px 14px;
  border-radius: 8px;
}
.ec-listbar .btn i {
  margin-right: 6px;
}

.ec-listtable .table {
  font-size: var(--edc-fs-secondary);
}
.ec-listtable thead th {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  white-space: nowrap;
}
.ec-listtable tbody td {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ec-listtable__name {
  min-width: 220px;
}
.ec-listtable__name .custom-href {
  font-weight: 600;
  font-size: var(--edc-fs-body);
}
.ec-listtable__sub {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-label);
  color: #475569;
  max-width: 52ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ec-listtable__status, .ec-listtable__date, .ec-listtable__num {
  white-space: nowrap;
}
.ec-listtable__num {
  font-variant-numeric: tabular-nums;
}
.ec-listtable__rate {
  color: #475569;
  font-size: var(--edc-fs-label);
}
.ec-listtable__none {
  color: #475569;
}
.ec-listtable__quick .btn {
  min-width: 0;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  padding: 5px 12px;
  white-space: nowrap;
  border-radius: 8px;
}

.ec-sendsum {
  font-size: var(--edc-fs-body);
  color: #1e293b;
}
.ec-sendsum__facts {
  display: grid;
  grid-template-columns: minmax(88px, max-content) 1fr;
  gap: 10px 16px;
  margin: 0 0 16px;
}
.ec-sendsum__facts dt {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  padding-top: 3px;
}
.ec-sendsum__facts dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.ec-sendsum__meta {
  color: #475569;
}
.ec-sendsum__unset {
  color: #475569;
}
.ec-sendsum__missing, .ec-sendsum__thin {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  line-height: 1.45;
}
.ec-sendsum__missing i, .ec-sendsum__thin i {
  margin-top: 3px;
}
.ec-sendsum__missing a, .ec-sendsum__thin a {
  font-weight: 600;
  margin-left: 4px;
}
.ec-sendsum__missing {
  background: #fdecec;
  color: #8c1c1c;
}
.ec-sendsum__missing a {
  color: #8c1c1c;
}
.ec-sendsum__thin {
  background: #fff4d6;
  color: #6b4500;
}
.ec-sendsum__footer {
  gap: 8px;
}
.ec-sendsum__footer .btn {
  min-width: 0;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 8px;
}
.ec-sendsum__footer .btn i {
  margin-right: 6px;
}
.ec-sendsum__note {
  margin: 0 auto 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.ec-listtable tbody td {
  vertical-align: middle;
}

.ec-page {
  margin-bottom: 0;
}

.ec-pagehead {
  margin: 0 0 20px;
}
.ec-pagehead__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #193f87;
  text-decoration: none;
}
.ec-pagehead__back:hover, .ec-pagehead__back:focus-visible {
  color: #12306a;
  text-decoration: underline;
}
.ec-pagehead__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 8px;
}
.ec-pagehead__title {
  margin: 0;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  line-height: 1.25;
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
  overflow-wrap: anywhere;
}

.ec-analytics__frozen {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 0 0 20px;
  padding: 14px 16px;
  border-radius: 8px;
  background: #fdecec;
  color: #8c1c1c;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}
.ec-analytics__frozen i {
  margin-top: 3px;
}
.ec-analytics__frozen strong {
  display: block;
}

.ec-outcomes__item {
  border-left-width: 1px;
}
.ec-outcomes__item--serious {
  border-left-color: #f3caca;
  border-color: #f3caca;
}
.ec-outcomes__item--neutral {
  border-left-color: #e2e8f0;
}

.ec-recipients__tablewrap {
  max-height: none;
  overflow: visible;
}
.ec-recipients__headactions .ec-analytics__hint {
  max-width: 60ch;
}
.ec-recipients__more {
  margin-top: 12px;
  text-align: center;
}
.ec-recipients__more .btn {
  min-width: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  border-radius: 8px;
}

.ec-copytpl {
  display: grid;
  grid-template-columns: minmax(0, 440px) 1fr;
  gap: 24px;
  font-size: var(--edc-fs-body);
  color: #1e293b;
}
@media (max-width: 767px) {
  .ec-copytpl {
    grid-template-columns: 1fr;
  }
}
.ec-copytpl__preview {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px;
  max-height: 560px;
  overflow: auto;
}
.ec-copytpl__preview .ee-thumb {
  border: 0;
  margin: 0 auto;
}
.ec-copytpl__none {
  margin: 24px;
  color: #475569;
  text-align: center;
}
.ec-copytpl__side p {
  line-height: 1.55;
  margin: 0 0 20px;
}
.ec-copytpl__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.ec-copytpl__actions .btn {
  min-width: 0;
  font-weight: 600;
  border-radius: 8px;
}
.ec-copytpl__actions .btn i {
  margin-right: 6px;
}

.ec-aud {
  font-size: var(--edc-fs-secondary);
  color: #1e293b;
}
.ec-aud label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1e293b;
}
.ec-aud__section {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  padding: 20px 22px;
  margin-bottom: 16px;
}
.ec-aud__section .panel-body {
  padding: 0;
}
.ec-aud__section .form-row {
  margin-left: 0;
  margin-right: 0;
}
.ec-aud__namerow {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.ec-aud__name {
  flex: 1 1 360px;
  max-width: 560px;
  margin-bottom: 0;
}
.ec-aud__name .form-control {
  font-size: var(--edc-fs-body);
  min-height: 40px;
}
.ec-aud__tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ec-aud__heading {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
  text-transform: none;
  letter-spacing: 0;
}
.ec-aud__lede, .ec-aud .asc-help {
  margin: 0 0 16px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}
.ec-aud__sectionfoot {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #f1f5f9;
}
.ec-aud__addrow {
  margin-top: 8px;
}
.ec-aud__addrow i {
  margin-right: 6px;
}
.ec-aud__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
  padding-top: 16px;
}
.ec-aud__actions-main {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ec-aud .sm-btn {
  font-size: var(--edc-fs-secondary);
}
.ec-aud .sm-btn i {
  margin-right: 6px;
}
.ec-aud table.dataTable, .ec-aud table.table {
  font-size: var(--edc-fs-secondary);
}
.ec-aud table.dataTable thead th, .ec-aud table.table thead th {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
}
.ec-aud .tableTitle h2 {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #334155;
  text-shadow: none;
}
.ec-aud .remove-link {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #b91c1c;
}

.ec-import {
  font-size: var(--edc-fs-body);
  color: #1e293b;
}
.ec-import__guide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin: 0 0 20px;
  padding: 14px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.ec-import__guide p {
  margin: 0;
  flex: 1 1 420px;
  line-height: 1.5;
}
.ec-import__sample {
  min-width: 0;
  font-weight: 600;
  white-space: nowrap;
}
.ec-import__sample i {
  margin-right: 6px;
}
.ec-import__label {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  margin-bottom: 8px;
}
.ec-import .imageuploadify {
  min-height: 220px;
  max-width: none;
  border: 2px dashed #cbd5e1;
  border-radius: 12px;
  background: #fff;
  color: #193f87 !important;
}
.ec-import .imageuploadify:hover {
  border-color: #193f87;
}
.ec-import .imageuploadify .imageuploadify-images-list i {
  font-size: calc(var(--edc-fs-display) * 44 / 24);
  margin-top: 32px;
  padding-bottom: 8px;
  color: #193f87;
}
.ec-import .imageuploadify .imageuploadify-images-list span.imageuploadify-message {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #1e293b;
  border: 0 !important;
  padding: 4px 0;
}
.ec-import .imageuploadify .imageuploadify-images-list button.btn-default {
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 12px auto 28px;
  padding: 8px 18px;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #193f87 !important;
  border: 1px solid #193f87 !important;
  background: #fff;
}

.ec-import__file {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding: 12px 16px;
  margin: 0 0 20px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}
.ec-import__file > i {
  color: #193f87;
  font-size: var(--edc-fs-title);
}
.ec-import__filename {
  font-weight: 600;
  overflow-wrap: anywhere;
}
.ec-import__filestate {
  color: #0d7a5f;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.ec-import__remove {
  margin-left: auto;
  min-width: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  padding: 0;
}
.ec-import__subhead {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}
.ec-import__note {
  margin: 0 0 12px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.ec-import__tablewrap {
  overflow-x: auto;
}
.ec-import__table {
  font-size: var(--edc-fs-secondary);
}
.ec-import__table th {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  background: #f8fafc;
  white-space: nowrap;
}
.ec-import__table td {
  min-width: 140px;
}
.ec-import__nav {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
}
.ec-import__nav .btn {
  min-width: 0;
  font-weight: 600;
}

.ec-import__nav--split {
  justify-content: space-between;
}
.ec-import__colname {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
  background: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.ec-import__samples {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ec-import__samples li {
  padding: 1px 0;
  overflow-wrap: anywhere;
}
.ec-import__empty {
  color: #475569;
  font-style: italic;
}
.ec-import__mapcell {
  min-width: 240px;
}
.ec-import__maptable td, .ec-import__maptable th {
  vertical-align: top;
  padding: 12px;
}

.ec-export {
  font-size: var(--edc-fs-body);
  color: #1e293b;
  max-width: 880px;
}
.ec-export label, .ec-export legend {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 6px;
}
.ec-export__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px 24px;
  margin-bottom: 24px;
}
.ec-export__field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ec-export__field .bootstrap-select, .ec-export__field .form-control {
  width: 100% !important;
}
.ec-export__statuses {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
  margin: 0 0 24px;
  padding: 0;
  border: 0;
}
.ec-export__statuses legend {
  float: left;
  width: 100%;
  margin-bottom: 8px;
}
.ec-export__check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 400 !important;
  margin: 0 !important;
  cursor: pointer;
}
.ec-export__check input {
  width: 16px;
  height: 16px;
  accent-color: #193f87;
}
.ec-export__actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
}
.ec-export__actions .btn {
  min-width: 0;
  font-weight: 600;
  border-radius: 8px;
}
.ec-export__actions .btn i {
  margin-right: 6px;
}
.ec-export__hint {
  margin: 8px 0 0;
  text-align: right;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.ec-export__widthref {
  width: 280px;
  height: 0;
}

.ec-addrecip__lede {
  margin: 0 0 12px;
  font-size: var(--edc-fs-body);
  color: #334155;
}

.ec-addrecip__confirm {
  padding: 4px 0 8px;
}

.ec-addrecip__confirm-title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}
.ec-addrecip__confirm-title:focus {
  outline: none;
}
.ec-addrecip__confirm-title:focus-visible {
  outline: 2px solid #0f172a;
  outline-offset: 3px;
}

.ec-addrecip__confirm-note {
  margin: 0 0 12px;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #334155;
}

.ec-addrecip__people {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  max-height: 280px;
  overflow-y: auto;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.ec-addrecip__people li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2px 16px;
  padding: 8px 12px;
  font-size: var(--edc-fs-body);
  border-top: 1px solid #e2e8f0;
}
.ec-addrecip__people li:first-child {
  border-top: 0;
}

.ec-addrecip__person {
  font-weight: 600;
  color: #0f172a;
}

.ec-addrecip__email {
  color: #475569;
  overflow-wrap: anywhere;
}

.ec-addrecip__more {
  color: #475569;
  font-style: italic;
}

.ec-addrecip__status {
  margin: 0 0 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #9a3412;
}
.ec-addrecip__status:empty {
  display: none;
}

.ec-modal .modal-body {
  padding: 20px 24px 8px;
}
.ec-modal .modal-header {
  padding: 18px 24px;
}
.ec-modal .modal-footer {
  padding: 12px 24px 20px;
  border-top: 0;
}

.ec-listbar .seg-control {
  flex-wrap: wrap;
  max-width: 100%;
}

.ec-recipients__tablewrap {
  overflow-x: auto;
}

.ec-recipients__table {
  min-width: 560px;
}

.ec-recipients__email {
  white-space: nowrap;
  overflow-wrap: normal;
}

@media (max-width: 575px) {
  .ec-recipients__headactions {
    text-align: left;
  }
  .ec-recipients__headactions .ec-analytics__hint {
    margin-left: 0;
  }
  .ec-analytics__facts {
    grid-template-columns: 1fr;
    gap: 2px 0;
  }
  .ec-analytics__facts dd {
    margin-bottom: 8px;
  }
  .ec-analytics__mastheadactions .btn {
    flex: 1 1 100%;
  }
}
.ec-when {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px;
  background: #fff;
}
.ec-when legend {
  float: left;
  width: 100%;
  margin: 0 0 6px;
  padding: 0;
  line-height: 1.4;
}
.ec-when__options {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
}
.ec-when__option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-body);
  color: #334155;
  min-height: 32px;
  cursor: pointer;
}
.ec-when__at {
  margin-top: 10px;
  display: grid;
  gap: 6px;
  max-width: 340px;
}
.ec-when__label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
}
.ec-when__help {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.ecw-scheduled {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.ecw-scheduled__when {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #334155;
}

.ecw-refused {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: #fff4d6;
  color: #7a4f00;
  font-size: var(--edc-fs-body);
}

.ecw-scheduled-body {
  max-width: 760px;
  margin: 24px auto;
}
.ecw-scheduled-body__title {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 6px;
}
.ecw-scheduled-body__lede {
  font-size: var(--edc-fs-body);
  color: #475569;
  margin: 0 0 16px;
}
.ecw-scheduled-body__preview {
  width: 100%;
  min-height: 640px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}

.ec-engage__facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}
.ec-engage__facts > div {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 12px 14px;
}
.ec-engage__facts dt {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  margin: 0 0 4px;
}
.ec-engage__facts dd {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 767.98px) {
  .ec-engage__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ec-engage__links {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
  margin-bottom: 16px;
}
.ec-engage__links th {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
  padding: 8px 10px;
  border-bottom: 1px solid #e2e8f0;
}
.ec-engage__links td {
  padding: 10px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: top;
  font-variant-numeric: tabular-nums;
}

.ec-engage__url {
  max-width: 0;
  width: 60%;
}
.ec-engage__url a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ec-engage__who summary {
  cursor: pointer;
  color: #12306a;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
}
.ec-engage__who ul {
  margin: 6px 0 0;
  padding-left: 1rem;
  font-size: var(--edc-fs-secondary);
  color: #334155;
}

.ec-engage__reasons {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  font-size: var(--edc-fs-body);
  color: #334155;
}
.ec-engage__reasons li {
  display: flex;
  gap: 8px;
  align-items: baseline;
  flex-wrap: wrap;
}

.ec-sendsum__test {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.ec-sendsum__test-note {
  font-size: var(--edc-fs-body);
  color: #334155;
}

.ec-sendsum .ec-sendsum__test, .ec-sendsum .ec-when, .ec-sendsum .ec-preflight + .ec-preflight {
  margin-top: 16px;
}

.ec-ab__row {
  display: flex;
  align-items: center;
  gap: 8px 12px;
  flex-wrap: wrap;
}
.ec-ab__row .form-select {
  width: auto;
}

.ec-sendsum .ec-when + .ec-when {
  margin-top: 16px;
}

.ec-ab__lede {
  font-size: var(--edc-fs-body);
  color: #334155;
  margin: 0 0 12px;
}

.ec-ab__table .ec-ab__subject {
  font-weight: 500;
  color: #0f172a;
  text-transform: none;
  letter-spacing: 0;
  font-size: var(--edc-fs-body);
}
.ec-ab__table .ec-ab__subject .ec-status {
  margin-left: 8px;
}

.ec-ab__letter {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: #f1f5f9;
  color: #0f172a;
  font-weight: 700;
  font-size: var(--edc-fs-label);
  margin-right: 6px;
}

.ec-ab__small {
  display: block;
  clear: both;
}

.ec-ab__fields {
  max-width: 460px;
}

.ec-ab__table {
  margin-bottom: 0;
}
.ec-ab__table thead th {
  white-space: nowrap;
}

.ec-tpl {
  font-size: var(--edc-fs-body);
  color: #1e293b;
}
.ec-tpl [hidden] {
  display: none !important;
}
.ec-tpl h2, .ec-tpl h3 {
  text-shadow: none;
}

.ec-tpl-tools {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.ec-tpl-tools__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
}
.ec-tpl-tools__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ec-tpl-search {
  position: relative;
  flex: 1 1 280px;
  max-width: 420px;
}
.ec-tpl-search__icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  font-size: var(--edc-fs-secondary);
  pointer-events: none;
}
.ec-tpl-search__input {
  width: 100%;
  height: 38px;
  padding: 0 12px 0 36px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  font-size: var(--edc-fs-body);
  color: #0f172a;
}
.ec-tpl-search__input::-moz-placeholder {
  color: #64748b;
}
.ec-tpl-search__input::placeholder {
  color: #64748b;
}
.ec-tpl-search__input:focus {
  outline: 2px solid #193f87;
  outline-offset: 1px;
  border-color: #193f87;
}

.ec-tpl-filter > .btn {
  min-width: 0;
  font-size: var(--edc-fs-secondary);
  padding: 6px 14px;
}
.ec-tpl-filter__n {
  margin-left: 4px;
  font-weight: 600;
  color: #475569;
  font-variant-numeric: tabular-nums;
}

.ec-tpl-sort {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ec-tpl-sort__label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
}
.ec-tpl-sort__select {
  width: auto;
  min-width: 176px;
  height: 38px;
  font-size: var(--edc-fs-body);
  border-color: #cbd5e1;
  border-radius: 8px;
}

.ec-tpl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  padding: 7px 14px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #1e293b;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}
.ec-tpl-btn:hover {
  background: #f8fafc;
  border-color: #94a3b8;
  color: #0f172a;
}
.ec-tpl-btn:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}
.ec-tpl-btn--primary {
  background: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
  color: var(--bs-btn-color);
}
.ec-tpl-btn--primary:hover {
  background: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  color: var(--bs-btn-hover-color);
}
.ec-tpl-btn--quiet {
  border-color: transparent;
  background: transparent;
  color: #193f87;
}
.ec-tpl-btn--quiet:hover {
  background: #e8edf9;
  border-color: transparent;
  color: #12306a;
}
.ec-tpl-btn--danger, .ec-tpl-btn--danger:hover {
  background: #b91c1c;
  border-color: #b91c1c;
  color: #fff;
}
.ec-tpl-btn--danger:hover {
  background: rgb(158.4225352113, 23.9774647887, 23.9774647887);
}

.ec-tpl-status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 24px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  line-height: 1.45;
}
.ec-tpl-status--ok {
  background: #e7f6ef;
  color: #0b5c47;
}
.ec-tpl-status--error {
  background: #fdecec;
  color: #8c1c1c;
}

.ec-tpl-group + .ec-tpl-group {
  margin-top: 32px;
}
.ec-tpl-group__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #0f172a;
}
.ec-tpl-group__n {
  padding: 2px 8px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.ec-tpl-group__lede {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.ec-tpl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
  gap: 24px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.ec-tpl-card {
  display: flex;
  min-width: 0;
}
.ec-tpl-card:has(.ec-tpl-menu.is-open) {
  position: relative;
  z-index: 5;
}
.ec-tpl-card__inner {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.ec-tpl-card__inner:hover, .ec-tpl-card__inner:focus-within {
  border-color: #cbd5e1;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.06);
}
.ec-tpl-card__media {
  position: relative;
  padding: 16px 16px 0;
  border-bottom: 1px solid #e2e8f0;
  border-radius: 12px 12px 0 0;
  background: #f1f5f9;
  overflow: hidden;
}
.ec-tpl-card__peek {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0 16px;
  border: 0;
  border-radius: 12px 12px 0 0;
  background: transparent;
  cursor: pointer;
}
.ec-tpl-card__peek:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: -2px;
}
.ec-tpl-card__peeklabel {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.82);
  color: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.ec-tpl-card__peek:hover .ec-tpl-card__peeklabel, .ec-tpl-card__peek:focus-visible .ec-tpl-card__peeklabel {
  opacity: 1;
  transform: none;
}
.ec-tpl-card__body {
  padding: 16px 16px 0;
  min-width: 0;
}
.ec-tpl-card__name {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  line-height: 1.35;
  color: #0f172a;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ec-tpl-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.ec-tpl-card__date {
  white-space: nowrap;
}
.ec-tpl-card__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 16px;
}
.ec-tpl-card__actions > .ec-tpl-btn {
  flex: 1 1 auto;
}

.ec-tpl-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  white-space: nowrap;
}
.ec-tpl-pill i {
  font-size: var(--edc-fs-eyebrow);
}
.ec-tpl-pill--own {
  background: #e8edf9;
  color: #12306a;
}
.ec-tpl-pill--library {
  background: #f1f5f9;
  color: #334155;
}
.ec-tpl-pill--draft {
  background: #fff4d6;
  color: #7a4f00;
}

.ec-tpl-thumb {
  display: block;
  aspect-ratio: 1/1.1;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(15, 23, 42, 0.06);
}
.ec-tpl-thumb__mount, .ec-tpl-thumb__fit {
  display: block;
  width: 100%;
  height: 100%;
}
.ec-tpl-thumb__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.ec-tpl-thumb .ee-thumb {
  border: 0;
  border-radius: 0;
}

.ec-tpl-sketch {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 0 0 16px;
  background: #fff;
}
.ec-tpl-sketch > span {
  display: block;
  flex: none;
}
.ec-tpl-sketch__band {
  height: 14%;
  background: #e8edf9;
}
.ec-tpl-sketch__hero {
  height: 26%;
  margin: 4px 12px;
  border-radius: 4px;
  background: #f1f5f9;
}
.ec-tpl-sketch__line {
  height: 8px;
  margin: 0 12px;
  border-radius: 4px;
  background: #e2e8f0;
}
.ec-tpl-sketch__line--head {
  height: 12px;
  width: 62%;
  background: #cbd5e1;
}
.ec-tpl-sketch__line--short {
  width: 48%;
}
.ec-tpl-sketch__cta {
  width: 36%;
  height: 20px;
  margin: 4px 12px 0;
  border-radius: 4px;
  background: #e8edf9;
}
.ec-tpl-sketch__label {
  margin: auto 12px 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
  text-align: center;
}
.ec-tpl-sketch--loading > span {
  animation: ec-tpl-pulse 1.4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .ec-tpl-sketch--loading > span {
    animation: none;
  }
}

@keyframes ec-tpl-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.55;
  }
}
.ec-tpl-menu {
  position: relative;
  flex: none;
}
.ec-tpl-menu__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 0;
  padding: 0;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}
.ec-tpl-menu__button:hover, .ec-tpl-menu__button[aria-expanded=true] {
  background: #f8fafc;
  color: #0f172a;
  border-color: #94a3b8;
}
.ec-tpl-menu__button:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: 2px;
}
.ec-tpl-menu__list {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  z-index: 30;
  min-width: 232px;
  margin: 0;
  padding: 4px;
  list-style: none;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16), 0 2px 6px rgba(15, 23, 42, 0.08);
}
.ec-tpl-menu__list [role=menuitem] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #1e293b;
  font-size: var(--edc-fs-body);
  line-height: 1.4;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.ec-tpl-menu__list [role=menuitem] i {
  width: 16px;
  text-align: center;
  color: #475569;
}
.ec-tpl-menu__list [role=menuitem]:hover, .ec-tpl-menu__list [role=menuitem]:focus {
  background: #f1f5f9;
  color: #0f172a;
}
.ec-tpl-menu__list [role=menuitem]:focus-visible {
  outline: 2px solid #193f87;
  outline-offset: -2px;
}
.ec-tpl-menu.is-up .ec-tpl-menu__list {
  top: auto;
  bottom: calc(100% + 4px);
}
.ec-tpl-menu__sep {
  height: 1px;
  margin: 4px 8px;
  background: #e2e8f0;
}
.ec-tpl-menu__list .ec-tpl-menu__danger, .ec-tpl-menu__list .ec-tpl-menu__danger i {
  color: #b91c1c;
}
.ec-tpl-menu__list .ec-tpl-menu__danger:hover, .ec-tpl-menu__list .ec-tpl-menu__danger:focus {
  background: #fdecec;
  color: #8c1c1c;
}

.ec-tpl-empty {
  display: grid;
  grid-template-columns: 136px minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  margin-top: 16px;
  padding: 24px;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  background: #f8fafc;
}
@media (max-width: 640px) {
  .ec-tpl-empty {
    grid-template-columns: 1fr;
  }
}
.ec-tpl-empty__art {
  display: block;
  width: 136px;
  aspect-ratio: 1/1.1;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(15, 23, 42, 0.06);
}
.ec-tpl-empty__art .ec-tpl-sketch--loading > span {
  animation: none;
}
.ec-tpl-empty__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #0f172a;
}
.ec-tpl-empty__text p {
  max-width: 62ch;
  margin: 0 0 16px;
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  color: #334155;
}
.ec-tpl-empty__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ec-tpl-nomatch {
  margin: 16px 0 0;
  padding: 16px;
  border-radius: 8px;
  background: #f8fafc;
  color: #334155;
  font-size: var(--edc-fs-body);
}

.ec-tpl-more {
  display: flex;
  margin: 24px auto 0;
}

.ec-tpl-confirm {
  width: calc(100% - 32px);
  max-width: 440px;
  padding: 24px;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.24);
  color: #1e293b;
}
.ec-tpl-confirm::backdrop {
  background: rgba(15, 23, 42, 0.45);
}
.ec-tpl-confirm__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}
.ec-tpl-confirm__body {
  margin: 0 0 24px;
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  color: #334155;
}
.ec-tpl-confirm__actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.oph-root {
  max-width: 1160px;
}

.oph-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 22px 26px;
  margin-bottom: 18px;
}
.oph-header h4 {
  margin: 0 0 6px;
  color: #0f172a;
}
.oph-header p {
  margin: 0;
  color: #334155;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  line-height: 1.6;
  max-width: 640px;
}

.oph-header__text {
  flex: 1 1 420px;
}

.oph-completeness {
  flex: 0 0 240px;
}
.oph-completeness__numbers {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 6px;
}
.oph-completeness__pct {
  font-size: calc(var(--edc-fs-display) * 26.6 / 24);
  font-weight: 700;
  color: #0f172a;
  line-height: 1;
}
.oph-completeness__count {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #475569;
}
.oph-completeness__track {
  height: 10px;
  border-radius: 5px;
  background: #eef2f7;
  overflow: hidden;
}
.oph-completeness__fill {
  height: 100%;
  border-radius: 5px;
  transition: width 0.4s ease;
}

.oph-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 16px;
}

.oph-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
}

.oph-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.oph-card__title {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 600;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 8px;
}

.oph-swatch {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  display: inline-block;
  flex: none;
}

.oph-chip {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  border-radius: 12px;
  padding: 3px 10px;
  white-space: nowrap;
}

.oph-chip--done {
  background: #dcfce7;
  color: #166534;
}

.oph-chip--partial {
  background: #fef3c7;
  color: #92400e;
}

.oph-chip--todo {
  background: #e2e8f0;
  color: #334155;
}

.oph-summary {
  margin: 0 0 14px;
  flex: 1;
}

.oph-summary__row {
  padding: 7px 0;
  border-bottom: 1px dashed #eef2f7;
}
.oph-summary__row:last-child {
  border-bottom: none;
}
.oph-summary__row dt {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 500;
  color: #334155;
  margin-bottom: 2px;
}
.oph-summary__row dd {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #0f172a;
  margin: 0;
  line-height: 1.45;
}

.oph-summary__unanswered {
  color: #64748b;
  font-style: italic;
}

.oph-card__actions {
  display: flex;
  justify-content: flex-end;
}

.oph-editor {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 22px 26px;
  max-width: 760px;
}

.oph-editor__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.oph-editor__field {
  margin: 18px 0;
}

.oph-editor__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  border-top: 1px solid #eef2f7;
  padding-top: 16px;
  margin-top: 8px;
}

.oph-error {
  color: #b91c1c;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}

.oph-field__label {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 4px;
}

.oph-field__help {
  font-size: var(--edc-fs-secondary);
  color: #44576b;
  margin: 0 0 8px;
}

.oph-meanings {
  overflow-x: auto;
}

.oph-meanings__table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
}

.oph-meanings__table th, .oph-meanings__table td {
  padding: 8px;
  border-bottom: 1px solid #e5e7eb;
  text-align: center;
}

.oph-meanings__table th[scope=row], .oph-meanings__table thead th:first-child {
  text-align: left;
  font-weight: 600;
}

.oph-meanings__table thead th {
  font-size: var(--edc-fs-secondary);
  color: #344054;
  font-weight: 600;
}

.oph-choices {
  border: 0;
  padding: 0;
  margin: 0;
}

.oph-choice {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 8px 0;
  font-size: var(--edc-fs-body);
}

.oph-choice__note {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #44576b;
}

.oph-choice-custom__label {
  display: block;
  margin-top: 8px;
}

/* ═══════════════════════════════════════════════════════════════════════
   THE ORGANIZATION PROFILE'S SECTIONS — your organization, Invoicing,
   Membership (docs/plans/invoices-simple-first.md). One set of `.ops-`
   classes for the three doors that render the same fields: the profile
   page, the Invoices get-started wizard, the onboarding portal.
   Spacing on the 4/8/12/16/24/32 scale; body ≥ 13px, labels ≥ 11px at
   #475467 or darker; no coloured edges on cards.
   ═══════════════════════════════════════════════════════════════════════ */
.ops-page {
  max-width: 1180px;
}

.ops-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.ops-jump a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 12px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  text-decoration: none;
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
}
.ops-jump a:hover {
  background: #f9fafb;
  color: #101828;
}
.ops-jump a:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

.ops-section {
  margin-bottom: 24px;
  scroll-margin-top: 16px;
}

.ops-org {
  display: grid;
  grid-template-columns: minmax(260px, 4fr) minmax(0, 7fr);
  gap: 32px;
  padding: 24px;
}

.ops-invoicing {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(320px, 5fr);
  gap: 32px;
  padding: 24px;
  align-items: start;
}

@media (max-width: 1199.98px) {
  .ops-invoicing {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 1199.98px) {
  .ops-org {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ops-form {
  min-width: 0;
}

.ops-form--padded {
  padding: 24px;
}

.ops-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 575.98px) {
  .ops-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ops-field {
  min-width: 0;
}

.ops-field--wide {
  grid-column: 1/-1;
}

.ops-field--narrow {
  max-width: 280px;
}

.ops-label {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  margin: 0 0 8px;
}

.ops-help {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
  margin: 8px 0 0;
}

.ops-help--lead {
  margin: 0 0 16px;
}

.ops-note {
  font-size: var(--edc-fs-secondary);
  color: #344054;
  margin: 12px 0 0;
}
.ops-note strong {
  font-variant-numeric: tabular-nums;
  color: #101828;
}

.ops-group {
  border: 0;
  margin: 0;
  padding: 0 0 24px;
  min-width: 0;
}
.ops-group + .ops-group {
  border-top: 1px solid #eaecf0;
  padding-top: 24px;
}

/* Floated so the legend sits INSIDE the fieldset rather than breaking its
   top border (a fieldset draws its legend into the border line). */
.ops-legend {
  float: left;
  width: 100%;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #101828;
  margin: 0 0 12px;
  padding: 0;
  line-height: 1.4;
}

.ops-group > :not(legend) {
  clear: both;
}

.ops-actions {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid #eaecf0;
}

.ops-switch {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 24px;
  padding-left: 0;
  margin: 0;
}
.ops-switch .form-check-input {
  float: none;
  margin: 0;
  flex: none;
  width: 36px;
  height: 20px;
  cursor: pointer;
}
.ops-switch .form-check-label {
  font-size: var(--edc-fs-body);
  color: #101828;
  cursor: pointer;
}

.ops-reveal {
  margin-top: 16px;
}

.ops-reveal[hidden] {
  display: none;
}

.ops-color {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ops-color .ops-color__swatch {
  flex: none;
  width: 40px;
  height: 38px;
  padding: 2px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}
.ops-color .ops-color__swatch:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

/* Design choices: three cards, a drawn thumbnail each. The checked card
   wears a ring and a check — never colour alone. */
.ops-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 575.98px) {
  .ops-choices {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ops-choice {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  margin: 0;
}
.ops-choice:hover {
  border-color: #98a2b3;
}

.ops-choice__input {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #175a47;
}

.ops-choice:has(.ops-choice__input:checked) {
  border-color: #175a47;
  box-shadow: 0 0 0 2px rgba(23, 90, 71, 0.25);
}

.ops-choice:has(.ops-choice__input:focus-visible) {
  outline: 2px solid #1570ef;
  outline-offset: 2px;
}

.ops-choice__title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #101828;
}

.ops-choice__detail {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  line-height: 1.4;
}

.ops-choice__art {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 64px;
  padding: 8px;
  margin-bottom: 4px;
  border: 1px solid #eaecf0;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

.ops-choice__band {
  height: 12px;
  width: 40%;
  border-radius: 2px;
  background: #c7d2cc;
}

.ops-choice__line {
  height: 5px;
  width: 100%;
  border-radius: 2px;
  background: #eaecf0;
}

.ops-choice__line--short {
  width: 60%;
}

.ops-choice__art--classic .ops-choice__band {
  border-bottom: 3px solid #175a47;
  height: 14px;
  background: #dde5e1;
}

.ops-choice__art--modern {
  padding-top: 0;
}

.ops-choice__art--modern .ops-choice__band {
  width: calc(100% + 16px);
  margin: 0 -8px;
  height: 18px;
  border-radius: 0;
  background: #175a47;
}

.ops-choice__art--minimal .ops-choice__band {
  width: 30%;
  height: 7px;
  background: #98a2b3;
}

/* The live sample invoice. */
.ops-preview {
  position: sticky;
  top: 16px;
  min-width: 0;
}

.ops-preview__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.ops-preview__head .orgp-block-label {
  margin: 0;
}

.ops-preview__status {
  font-size: var(--edc-fs-label);
  color: #475467;
  text-align: right;
}

.ops-preview__frame {
  border: 1px solid #eaecf0;
  border-radius: 10px;
  overflow: hidden;
  background: #f2f4f7;
  padding: 12px;
}

/* The sample is drawn at a real page's width (8.5in at 96dpi) and scaled
   down to fit, so it reads as the document it is rather than a squeezed one. */
.ops-preview__page {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1);
  aspect-ratio: 816/1056;
}
.ops-preview__page iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 816px;
  height: 1056px;
  border: 0;
  transform-origin: 0 0;
  background: #fff;
}

@media (max-width: 1199.98px) {
  .ops-preview {
    position: static;
    max-width: 560px;
  }
}
/* Membership levels: a light table of inputs. */
.ops-levels {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ops-levels__row {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(120px, 3fr) minmax(110px, 2fr) minmax(96px, 2fr);
  gap: 12px;
  align-items: center;
}

.ops-levels__row--head {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #475467;
}

.ops-levels__row--add {
  padding-top: 8px;
  border-top: 1px dashed #d0d5dd;
}

.ops-levels__check, .ops-levels__end {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ops-levels__check .form-check-input, .ops-levels__end .form-check-input {
  float: none;
  margin: 0;
  width: 18px;
  height: 18px;
  flex: none;
}

.ops-levels__checklabel {
  font-size: var(--edc-fs-secondary);
  color: #344054;
  margin: 0;
  cursor: pointer;
}

.ops-levels__count {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .ops-levels__row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .ops-levels__row--head {
    display: none;
  }
}
.ops-money {
  position: relative;
  display: block;
}
.ops-money .ops-money__sign {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #475467;
  font-size: var(--edc-fs-body);
  pointer-events: none;
}
.ops-money .form-control {
  padding-left: 26px;
  font-variant-numeric: tabular-nums;
}

.ops-services {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 16px;
}

.ops-radios {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.ops-radios .form-check-label {
  font-size: var(--edc-fs-body);
  color: #101828;
}

/* In the onboarding portal's card. */
.ops-onboarding {
  padding: 24px;
}

/* A program's name over its levels and services, when there are several. */
.ops-program {
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  color: #101828;
  margin: 0 0 16px;
  padding: 0 0 8px;
  border-bottom: 2px solid #eaecf0;
  text-shadow: none;
}
.ops-group + .ops-program {
  margin-top: 8px;
}

.ops-group + .ops-program {
  margin-top: 16px;
}

.ops-program + .ops-group {
  border-top: 0;
  padding-top: 0;
}

@font-face {
  font-family: "Fraunces";
  src: url(/website-templates/fonts/fraunces-var.woff2) format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url(/website-templates/fonts/newsreader-var.woff2) format("woff2-variations");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url(/website-templates/fonts/archivo-var.woff2) format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/website-templates/fonts/inter-var.woff2) format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
.wb-public-body, .wb-proposal-body {
  --wb-primary: var(--wb-theme-primary, #193f87);
  --wb-secondary: var(--wb-theme-secondary, #0f172a);
  --wb-on-primary: #ffffff;
  --wb-ink: #1a2433;
  --wb-muted: #55606f;
  --wb-faint: #6b7480;
  --wb-hairline: #e4e8ef;
  --wb-surface: #ffffff;
  --wb-tint: #f5f8fc;
  --wb-tint-strong: #eef3fa;
  --wb-dark: #101a2b;
  --wb-on-dark: #d6deea;
  --wb-radius: .625rem;
  --wb-radius-sm: .375rem;
  --wb-measure: 72rem;
  --wb-measure-wide: 82rem;
  --wb-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --wb-block-y: clamp(2.75rem, 6vw, 4.5rem);
  --wb-shadow-sm: 0 1px 2px rgba(16, 26, 43, .06), 0 1px 3px rgba(16, 26, 43, .05);
  --wb-shadow-md: 0 4px 14px rgba(16, 26, 43, .08), 0 2px 6px rgba(16, 26, 43, .05);
  font-family: var(--wb-theme-font-body, "Inter", system-ui, -apple-system, "Segoe UI", sans-serif);
  font-size: calc(var(--edc-fs-body) * 14.875 / 14);
  color: var(--wb-ink);
  line-height: 1.6;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.wb-public-body *, .wb-proposal-body * {
  box-sizing: border-box;
}
.wb-public-body h1, .wb-public-body h2, .wb-public-body h3, .wb-public-body h4, .wb-proposal-body h1, .wb-proposal-body h2, .wb-proposal-body h3, .wb-proposal-body h4 {
  font-family: var(--wb-theme-font-heading, "Inter", system-ui, sans-serif);
  color: var(--wb-ink);
  line-height: 1.15;
  letter-spacing: -0.01em;
  margin: 0 0 0.5em;
  text-wrap: balance;
}
.wb-public-body h2, .wb-proposal-body h2 {
  font-size: clamp(1.6rem, 3.4vw, 2.25rem);
}
.wb-public-body h3, .wb-proposal-body h3 {
  font-size: calc(var(--edc-fs-title) * 18.2 / 18);
}
.wb-public-body p, .wb-proposal-body p {
  margin: 0 0 1rem;
}
.wb-public-body img, .wb-proposal-body img {
  max-width: 100%;
}
.wb-public-body a, .wb-proposal-body a {
  color: var(--wb-primary);
  text-underline-offset: 0.15em;
}
.wb-public-body a.pm-btn, .wb-proposal-body a.pm-btn {
  color: #fff;
  text-decoration: none;
}
.wb-public-body a.pm-btn--ghost, .wb-proposal-body a.pm-btn--ghost {
  color: #2f5cc4;
}
.wb-public-body .wb-block, .wb-proposal-body .wb-block {
  padding: var(--wb-block-y) var(--wb-gutter);
}
.wb-public-body .wb-block + .wb-block, .wb-proposal-body .wb-block + .wb-block {
  padding-top: 0;
}
.wb-public-body .wb-hero + .wb-block, .wb-public-body .wb-block--tint + .wb-block,
.wb-public-body .wb-ctaband + .wb-block, .wb-public-body .wb-statband + .wb-block,
.wb-public-body .wb-inquiry + .wb-block,
.wb-public-body .wb-block + .wb-block--tint, .wb-public-body .wb-block + .wb-ctaband,
.wb-public-body .wb-block + .wb-statband, .wb-public-body .wb-block + .wb-inquiry,
.wb-public-body .wb-block + .wb-hero-split, .wb-proposal-body .wb-hero + .wb-block, .wb-proposal-body .wb-block--tint + .wb-block,
.wb-proposal-body .wb-ctaband + .wb-block, .wb-proposal-body .wb-statband + .wb-block,
.wb-proposal-body .wb-inquiry + .wb-block,
.wb-proposal-body .wb-block + .wb-block--tint, .wb-proposal-body .wb-block + .wb-ctaband,
.wb-proposal-body .wb-block + .wb-statband, .wb-proposal-body .wb-block + .wb-inquiry,
.wb-proposal-body .wb-block + .wb-hero-split {
  padding-top: var(--wb-block-y);
}
.wb-public-body .wb-block--flush, .wb-proposal-body .wb-block--flush {
  padding-top: var(--wb-block-y);
}
.wb-public-body .wb-block--tint, .wb-proposal-body .wb-block--tint {
  background: var(--wb-tint);
  padding-top: var(--wb-block-y);
  padding-bottom: var(--wb-block-y);
}
.wb-public-body .wb-block-inner, .wb-proposal-body .wb-block-inner {
  max-width: var(--wb-measure);
  margin: 0 auto;
}
.wb-public-body .wb-block-inner--wide, .wb-proposal-body .wb-block-inner--wide {
  max-width: var(--wb-measure-wide);
}
.wb-public-body .wb-block__head, .wb-proposal-body .wb-block__head {
  max-width: 46rem;
  margin-bottom: 2.25rem;
}
.wb-public-body .wb-block__head h2, .wb-proposal-body .wb-block__head h2 {
  font-size: clamp(1.8rem, 3.8vw, 2.75rem);
  letter-spacing: -0.02em;
}
.wb-public-body .wb-eyebrow, .wb-proposal-body .wb-eyebrow {
  display: inline-block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wb-primary);
  margin-bottom: 0.5rem;
}
.wb-public-body .wb-lead, .wb-proposal-body .wb-lead {
  font-size: calc(var(--edc-fs-heading) * 16.625 / 16);
  color: var(--wb-muted);
  max-width: 44rem;
}
.wb-public-body .wb-rich-text .wb-block-inner, .wb-proposal-body .wb-rich-text .wb-block-inner {
  max-width: 46rem;
}
.wb-public-body .wb-rich-text p, .wb-proposal-body .wb-rich-text p {
  max-width: 44rem;
}
.wb-public-body .wb-rich-text .wb-rt-h2, .wb-public-body .wb-rich-text h2, .wb-proposal-body .wb-rich-text .wb-rt-h2, .wb-proposal-body .wb-rich-text h2 {
  margin: 0 0 0.6rem;
}
.wb-public-body .wb-rich-text .wb-rt-p + .wb-rt-h2, .wb-public-body .wb-rich-text p + h2, .wb-proposal-body .wb-rich-text .wb-rt-p + .wb-rt-h2, .wb-proposal-body .wb-rich-text p + h2 {
  margin-top: 2.25rem;
}
.wb-public-body .wb-skip-link, .wb-proposal-body .wb-skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  z-index: 20;
  background: var(--wb-surface);
  color: var(--wb-primary);
  padding: 0.5rem 1rem;
  border-radius: 0 0 var(--wb-radius-sm) 0;
  box-shadow: var(--wb-shadow-md);
}
.wb-public-body .wb-skip-link:focus, .wb-proposal-body .wb-skip-link:focus {
  left: 0;
  top: 0;
}
.wb-public-body .wb-cta, .wb-proposal-body .wb-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--wb-primary);
  color: var(--wb-on-primary);
  padding: 0.7rem 1.35rem;
  border-radius: var(--wb-radius-sm);
  font: inherit;
  font-weight: 600;
  line-height: 1.2;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
}
.wb-public-body .wb-cta--ghost, .wb-proposal-body .wb-cta--ghost {
  background: transparent;
  color: var(--wb-primary);
  border-color: currentColor;
}
.wb-public-body .wb-cta--on-dark, .wb-proposal-body .wb-cta--on-dark {
  background: var(--wb-surface);
  color: var(--wb-primary);
}
.wb-public-body .wb-cta--sm, .wb-proposal-body .wb-cta--sm {
  padding: 0.5rem 1rem;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-public-body a.wb-cta, .wb-proposal-body a.wb-cta {
  text-decoration: none;
}
.wb-public-body .wb-form, .wb-proposal-body .wb-form {
  max-width: 40rem;
}
.wb-public-body .wb-field, .wb-proposal-body .wb-field {
  margin-bottom: 1.15rem;
}
.wb-public-body .wb-field--inline, .wb-proposal-body .wb-field--inline {
  display: flex;
  flex-direction: column;
}
.wb-public-body .wb-label, .wb-proposal-body .wb-label {
  display: block;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  margin-bottom: 0.35rem;
  color: var(--wb-ink);
}
.wb-public-body .wb-optional, .wb-proposal-body .wb-optional {
  font-weight: 400;
  color: var(--wb-muted);
}
.wb-public-body .wb-input, .wb-public-body .wb-select, .wb-public-body .wb-textarea, .wb-proposal-body .wb-input, .wb-proposal-body .wb-select, .wb-proposal-body .wb-textarea {
  width: 100%;
  font: inherit;
  color: var(--wb-ink);
  background: var(--wb-surface);
  border: 1px solid #c4ccd8;
  border-radius: var(--wb-radius-sm);
  padding: 0.7rem 0.85rem;
}
.wb-public-body .wb-textarea, .wb-proposal-body .wb-textarea {
  min-height: 8rem;
  resize: vertical;
}
.wb-public-body .wb-help, .wb-proposal-body .wb-help {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: var(--wb-muted);
  margin: 0.35rem 0 0;
}
.wb-public-body .wb-inquiry, .wb-proposal-body .wb-inquiry {
  background: var(--wb-tint);
  padding-top: var(--wb-block-y);
  padding-bottom: var(--wb-block-y);
}
.wb-public-body .wb-inquiry .wb-form, .wb-proposal-body .wb-inquiry .wb-form {
  background: var(--wb-surface);
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  box-shadow: var(--wb-shadow-sm);
  padding: clamp(1.5rem, 4vw, 2.5rem);
}
.wb-public-body .wb-card, .wb-proposal-body .wb-card {
  background: var(--wb-surface);
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  padding: 1.25rem;
  box-shadow: var(--wb-shadow-sm);
}
.wb-public-body .wb-card-grid, .wb-proposal-body .wb-card-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
  gap: 1rem;
}
.wb-public-body .wb-empty, .wb-proposal-body .wb-empty {
  border: 1px dashed var(--wb-hairline);
  border-radius: var(--wb-radius);
  padding: 1.5rem;
  color: var(--wb-muted);
  background: var(--wb-tint);
}
.wb-public-body .wb-hero, .wb-proposal-body .wb-hero {
  position: relative;
  color: var(--wb-on-primary);
  padding-block: clamp(4rem, 10vw, 7.5rem);
  background: var(--wb-primary);
  background-image: radial-gradient(90% 130% at 12% -10%, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, var(--wb-primary) 0%, var(--wb-secondary) 125%);
}
.wb-public-body .wb-hero--has-image::before, .wb-proposal-body .wb-hero--has-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13, 20, 38, 0.34) 0%, rgba(13, 20, 38, 0.58) 45%, rgba(13, 20, 38, 0.8) 100%);
}
.wb-public-body .wb-hero__inner, .wb-proposal-body .wb-hero__inner {
  position: relative;
}
.wb-public-body .wb-announce, .wb-proposal-body .wb-announce {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  background: var(--wb-primary);
  color: var(--wb-on-primary);
  padding: 0.55rem clamp(2.75rem, 5vw, 3.5rem);
  position: relative;
  text-align: center;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 600;
  line-height: 1.4;
}
.wb-public-body .wb-announce[hidden], .wb-proposal-body .wb-announce[hidden] {
  display: none;
}
.wb-public-body .wb-announce__text, .wb-proposal-body .wb-announce__text {
  margin: 0;
}
.wb-public-body .wb-announce__text a, .wb-proposal-body .wb-announce__text a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.wb-public-body .wb-announce__text a:hover, .wb-proposal-body .wb-announce__text a:hover {
  text-decoration-thickness: 2px;
}
.wb-public-body .wb-announce__close, .wb-proposal-body .wb-announce__close {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  font-size: calc(var(--edc-fs-title) * 19.6 / 18);
  line-height: 1;
  cursor: pointer;
}
.wb-public-body .wb-announce__close:hover, .wb-proposal-body .wb-announce__close:hover {
  background: rgba(255, 255, 255, 0.15);
}
.wb-public-body .wb-announce__close:focus-visible, .wb-proposal-body .wb-announce__close:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 1px;
}
.wb-public-body .wb-hero--video, .wb-proposal-body .wb-hero--video {
  overflow: hidden;
}
.wb-public-body .wb-hero__video, .wb-proposal-body .wb-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.wb-public-body .wb-hero__video.is-playing, .wb-proposal-body .wb-hero__video.is-playing {
  opacity: 1;
}
.wb-public-body .wb-hero--video::before, .wb-proposal-body .wb-hero--video::before {
  z-index: 1;
}
.wb-public-body .wb-hero--video .wb-hero__inner, .wb-proposal-body .wb-hero--video .wb-hero__inner {
  z-index: 2;
}
.wb-public-body .wb-hero__pause, .wb-proposal-body .wb-hero__pause {
  position: absolute;
  z-index: 3;
  right: clamp(1rem, 3vw, 2rem);
  bottom: clamp(1rem, 3vw, 1.75rem);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font: inherit;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #fff;
  background: rgba(13, 20, 38, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 999px;
  padding: 0.45rem 0.9rem;
  cursor: pointer;
}
.wb-public-body .wb-hero__pause:hover, .wb-proposal-body .wb-hero__pause:hover {
  background: rgba(13, 20, 38, 0.75);
}
.wb-public-body .wb-hero__pause:focus-visible, .wb-proposal-body .wb-hero__pause:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}
.wb-public-body .wb-hero__pause-icon, .wb-proposal-body .wb-hero__pause-icon {
  width: 0.7rem;
  height: 0.8rem;
  display: inline-block;
  border-left: 3px solid currentColor;
  border-right: 3px solid currentColor;
}
.wb-public-body .wb-hero__pause.is-paused .wb-hero__pause-icon, .wb-proposal-body .wb-hero__pause.is-paused .wb-hero__pause-icon {
  width: 0;
  height: 0;
  border-right: 0;
  border-left: 0.65rem solid currentColor;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
}
.wb-public-body .wb-hero h1, .wb-proposal-body .wb-hero h1 {
  color: #fff;
  font-size: clamp(2.4rem, 6vw, 4.25rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.015em;
  margin-bottom: 0.7rem;
  text-shadow: 0 1px 12px rgba(10, 16, 30, 0.35);
}
.wb-public-body .wb-hero__subhead, .wb-proposal-body .wb-hero__subhead {
  font-size: clamp(1.1rem, 2.3vw, 1.35rem);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.92);
  max-width: 40rem;
}
.wb-public-body .wb-hero--centered, .wb-proposal-body .wb-hero--centered {
  text-align: center;
}
.wb-public-body .wb-hero--centered .wb-hero__subhead, .wb-proposal-body .wb-hero--centered .wb-hero__subhead {
  margin-inline: auto;
}
.wb-public-body .wb-hero__cta, .wb-proposal-body .wb-hero__cta {
  margin-top: 1.9rem;
}
.wb-public-body .wb-hero .wb-cta, .wb-proposal-body .wb-hero .wb-cta {
  padding: 0.85rem 1.7rem;
  font-size: var(--edc-fs-body);
}
.wb-public-body .wb-hero--banner, .wb-proposal-body .wb-hero--banner {
  padding-block: clamp(2.5rem, 5.5vw, 3.75rem);
}
.wb-public-body .wb-hero--banner h1, .wb-proposal-body .wb-hero--banner h1 {
  font-size: clamp(1.85rem, 4.2vw, 2.8rem);
}
.wb-public-body .wb-hero--banner .wb-hero__subhead, .wb-proposal-body .wb-hero--banner .wb-hero__subhead {
  font-size: clamp(1.05rem, 2.1vw, 1.2rem);
}
.wb-public-body .wb-hero-split, .wb-proposal-body .wb-hero-split {
  padding-top: var(--wb-block-y);
  padding-bottom: var(--wb-block-y);
}
.wb-public-body .wb-hero-split__inner, .wb-proposal-body .wb-hero-split__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 42%);
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: center;
}
.wb-public-body .wb-hero-split__copy h1, .wb-proposal-body .wb-hero-split__copy h1 {
  font-size: clamp(1.9rem, 4.4vw, 2.8rem);
}
.wb-public-body .wb-hero-split__subhead, .wb-proposal-body .wb-hero-split__subhead {
  font-size: clamp(1.05rem, 2.2vw, 1.25rem);
  color: var(--wb-muted);
  max-width: 34rem;
}
.wb-public-body .wb-hero-split__media, .wb-proposal-body .wb-hero-split__media {
  aspect-ratio: 4/3;
  border-radius: var(--wb-radius);
  overflow: hidden;
  background: var(--wb-tint-strong);
  box-shadow: var(--wb-shadow-md);
}
.wb-public-body .wb-hero-split__media img, .wb-public-body .wb-hero-split__media .wb-feature__ph, .wb-proposal-body .wb-hero-split__media img, .wb-proposal-body .wb-hero-split__media .wb-feature__ph {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media (max-width: 44rem) {
  .wb-public-body .wb-hero-split__inner, .wb-proposal-body .wb-hero-split__inner {
    grid-template-columns: 1fr;
  }
  .wb-public-body .wb-hero-split__media, .wb-proposal-body .wb-hero-split__media {
    order: -1;
  }
}
.wb-public-body .wb-ctaband, .wb-proposal-body .wb-ctaband {
  padding-top: var(--wb-block-y);
  padding-bottom: var(--wb-block-y);
}
.wb-public-body .wb-ctaband h2, .wb-proposal-body .wb-ctaband h2 {
  margin-bottom: 0.35rem;
}
.wb-public-body .wb-ctaband__inner, .wb-proposal-body .wb-ctaband__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem 2rem;
  flex-wrap: wrap;
}
.wb-public-body .wb-ctaband__body, .wb-proposal-body .wb-ctaband__body {
  margin: 0;
  max-width: 40rem;
}
.wb-public-body .wb-ctaband--primary, .wb-proposal-body .wb-ctaband--primary {
  background: var(--wb-primary);
  background-image: radial-gradient(80% 160% at 90% -20%, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, var(--wb-primary) 0%, var(--wb-secondary) 125%);
  color: var(--wb-on-primary);
}
.wb-public-body .wb-ctaband--primary h2, .wb-proposal-body .wb-ctaband--primary h2 {
  color: #fff;
}
.wb-public-body .wb-ctaband--primary .wb-ctaband__body, .wb-proposal-body .wb-ctaband--primary .wb-ctaband__body {
  color: rgba(255, 255, 255, 0.92);
}
.wb-public-body .wb-ctaband--primary :focus-visible, .wb-proposal-body .wb-ctaband--primary :focus-visible {
  outline-color: #fff;
}
.wb-public-body .wb-ctaband--dark, .wb-proposal-body .wb-ctaband--dark {
  background: var(--wb-dark);
  color: var(--wb-on-dark);
}
.wb-public-body .wb-ctaband--dark h2, .wb-proposal-body .wb-ctaband--dark h2 {
  color: #fff;
}
.wb-public-body .wb-ctaband--dark :focus-visible, .wb-proposal-body .wb-ctaband--dark :focus-visible {
  outline-color: #fff;
}
.wb-public-body .wb-ctaband--tint, .wb-proposal-body .wb-ctaband--tint {
  background: var(--wb-tint);
}
.wb-public-body .wb-ctaband--tint .wb-ctaband__body, .wb-proposal-body .wb-ctaband--tint .wb-ctaband__body {
  color: var(--wb-muted);
}
.wb-public-body .wb-quote__figure, .wb-proposal-body .wb-quote__figure {
  max-width: 46rem;
  margin: 0 auto;
  text-align: center;
}
.wb-public-body .wb-quote__text, .wb-proposal-body .wb-quote__text {
  margin: 0 0 1.25rem;
  border: 0;
  padding: 0;
}
.wb-public-body .wb-quote__text p, .wb-proposal-body .wb-quote__text p {
  font-family: var(--wb-theme-font-heading, "Inter", system-ui, sans-serif);
  font-size: clamp(1.25rem, 2.8vw, 1.6rem);
  line-height: 1.45;
  color: var(--wb-ink);
  margin: 0;
  text-wrap: balance;
}
.wb-public-body .wb-quote__who, .wb-proposal-body .wb-quote__who {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  text-align: left;
}
.wb-public-body .wb-quote__photo, .wb-proposal-body .wb-quote__photo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  flex: none;
}
.wb-public-body .wb-quote__name, .wb-proposal-body .wb-quote__name {
  display: block;
  font-weight: 700;
}
.wb-public-body .wb-quote__title, .wb-proposal-body .wb-quote__title {
  display: block;
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.wb-public-body .wb-logostrip, .wb-proposal-body .wb-logostrip {
  text-align: center;
}
.wb-public-body .wb-logostrip__list, .wb-proposal-body .wb-logostrip__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem 3rem;
}
.wb-public-body .wb-logostrip__list img, .wb-proposal-body .wb-logostrip__list img {
  max-height: 44px;
  width: auto;
  opacity: 0.82;
  filter: grayscale(35%);
}
.wb-public-body .wb-featgrid, .wb-proposal-body .wb-featgrid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1.25rem;
}
.wb-public-body .wb-featgrid__card, .wb-proposal-body .wb-featgrid__card {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.wb-public-body .wb-featgrid__media, .wb-proposal-body .wb-featgrid__media {
  aspect-ratio: 16/10;
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-featgrid__media img, .wb-public-body .wb-featgrid__media .wb-feature__ph, .wb-proposal-body .wb-featgrid__media img, .wb-proposal-body .wb-featgrid__media .wb-feature__ph {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wb-public-body .wb-featgrid__body, .wb-proposal-body .wb-featgrid__body {
  padding: 1.1rem 1.25rem 1.35rem;
}
.wb-public-body .wb-featgrid__body h2, .wb-proposal-body .wb-featgrid__body h2 {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  margin-bottom: 0.35rem;
}
.wb-public-body .wb-featgrid__body p, .wb-proposal-body .wb-featgrid__body p {
  margin: 0;
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-public-body .wb-featured-event__card, .wb-proposal-body .wb-featured-event__card {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  flex-wrap: wrap;
  background: var(--wb-surface);
  border: 1px solid var(--wb-hairline);
  border-left: 5px solid var(--wb-primary);
  border-radius: var(--wb-radius);
  box-shadow: var(--wb-shadow-md);
  padding: 2rem 2.25rem;
}
.wb-public-body .wb-featured-event__date, .wb-proposal-body .wb-featured-event__date {
  flex: none;
  text-align: center;
  border: 2px solid var(--wb-primary);
  border-radius: var(--wb-radius-sm);
  padding: 0.8rem 1.1rem;
  min-width: 5.5rem;
}
.wb-public-body .wb-featured-event__month, .wb-proposal-body .wb-featured-event__month {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--wb-primary);
}
.wb-public-body .wb-featured-event__day, .wb-proposal-body .wb-featured-event__day {
  display: block;
  font-size: calc(var(--edc-fs-display) * 35 / 24);
  font-weight: 800;
  line-height: 1.05;
  color: var(--wb-ink);
}
.wb-public-body .wb-featured-event__body, .wb-proposal-body .wb-featured-event__body {
  flex: 1 1 24rem;
  min-width: 0;
}
.wb-public-body .wb-featured-event__name, .wb-proposal-body .wb-featured-event__name {
  margin: 0 0 0.35rem;
  font-size: clamp(1.4rem, 2.6vw, 1.75rem);
}
.wb-public-body .wb-featured-event__meta, .wb-proposal-body .wb-featured-event__meta {
  color: var(--wb-muted);
  margin: 0 0 0.7rem;
  font-size: calc(var(--edc-fs-body) * 14.28 / 14);
}
.wb-public-body .wb-featured-event__desc, .wb-proposal-body .wb-featured-event__desc {
  margin: 0 0 1.2rem;
  max-width: 46rem;
  color: var(--wb-muted);
}
.wb-public-body .wb-formframe, .wb-proposal-body .wb-formframe {
  display: block;
  width: 100%;
  max-width: 44rem;
  margin: 0 auto;
  border: 0;
  height: 620px;
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
}
.wb-public-body .wb-statband, .wb-proposal-body .wb-statband {
  background: var(--wb-dark);
  color: var(--wb-on-dark);
  padding-top: var(--wb-block-y);
  padding-bottom: var(--wb-block-y);
}
.wb-public-body .wb-statband h2, .wb-proposal-body .wb-statband h2 {
  color: #fff;
}
.wb-public-body .wb-statband .wb-stat, .wb-proposal-body .wb-statband .wb-stat {
  background: transparent;
  border: 0;
  border-left: 4px solid var(--wb-secondary);
  border-radius: 0;
}
.wb-public-body .wb-statband .wb-stat__value, .wb-proposal-body .wb-statband .wb-stat__value {
  color: #fff;
}
.wb-public-body .wb-statband .wb-stat__label, .wb-proposal-body .wb-statband .wb-stat__label {
  color: var(--wb-on-dark);
}
.wb-public-body .wb-statband .wb-stat__source, .wb-proposal-body .wb-statband .wb-stat__source {
  color: rgba(214, 222, 234, 0.75);
}
.wb-public-body .wb-statband :focus-visible, .wb-proposal-body .wb-statband :focus-visible {
  outline-color: #fff;
}
.wb-public-body .wb-siteheader, .wb-proposal-body .wb-siteheader {
  border-bottom: 1px solid var(--wb-hairline);
  background: var(--wb-surface);
}
.wb-public-body .wb-siteheader__inner, .wb-proposal-body .wb-siteheader__inner {
  max-width: min(100% - 2.5rem, 84rem);
  margin: 0 auto;
  padding: 0.85rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  flex-wrap: wrap;
}
.wb-public-body .wb-utility__inner, .wb-proposal-body .wb-utility__inner {
  max-width: min(100% - 2.5rem, 84rem);
}
.wb-public-body .wb-brand, .wb-proposal-body .wb-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 700;
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  color: var(--wb-ink);
  text-decoration: none;
  white-space: nowrap;
  min-width: 0;
}
.wb-public-body .wb-brand img, .wb-proposal-body .wb-brand img {
  max-height: 40px;
  width: auto;
}
.wb-public-body .wb-nav__list, .wb-proposal-body .wb-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.35rem;
  justify-content: flex-end;
}
.wb-public-body .wb-nav__list a, .wb-public-body .wb-nav__list .wb-nav__current, .wb-proposal-body .wb-nav__list a, .wb-proposal-body .wb-nav__list .wb-nav__current {
  display: inline-block;
  padding: 0.4rem 0.65rem;
  border-radius: var(--wb-radius-sm);
  font-size: calc(var(--edc-fs-body) * 13.58 / 14);
  text-decoration: none;
  color: var(--wb-ink);
  font-weight: 500;
}
.wb-public-body .wb-nav__list a:hover, .wb-proposal-body .wb-nav__list a:hover {
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-nav__list a.wb-cta, .wb-proposal-body .wb-nav__list a.wb-cta {
  color: var(--wb-on-primary);
}
.wb-public-body .wb-nav__list a.wb-cta:hover, .wb-proposal-body .wb-nav__list a.wb-cta:hover {
  background: var(--wb-primary);
}
.wb-public-body .wb-nav__current, .wb-proposal-body .wb-nav__current {
  color: var(--wb-primary);
  font-weight: 700;
}
.wb-public-body .wb-siteheader--sticky, .wb-proposal-body .wb-siteheader--sticky {
  position: sticky;
  top: 0;
  z-index: 30;
}
.wb-public-body .wb-utility, .wb-proposal-body .wb-utility {
  background: var(--wb-primary);
  color: var(--wb-on-primary);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.wb-public-body .wb-utility__inner, .wb-proposal-body .wb-utility__inner {
  max-width: min(100% - 2.5rem, 84rem);
  margin: 0 auto;
  padding: 0.35rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.wb-public-body .wb-utility__links, .wb-proposal-body .wb-utility__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.wb-public-body .wb-utility__links a, .wb-public-body .wb-utility__links span, .wb-proposal-body .wb-utility__links a, .wb-proposal-body .wb-utility__links span {
  display: inline-block;
  padding: 0.3rem 0.6rem;
  border-radius: var(--wb-radius-sm);
  color: inherit;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.wb-public-body .wb-utility__links a:hover, .wb-proposal-body .wb-utility__links a:hover {
  background: rgba(255, 255, 255, 0.14);
}
.wb-public-body .wb-utility__link--primary, .wb-proposal-body .wb-utility__link--primary {
  background: var(--wb-surface);
  color: var(--wb-primary) !important;
}
.wb-public-body .wb-utility__right, .wb-proposal-body .wb-utility__right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.wb-public-body .wb-search, .wb-proposal-body .wb-search {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.wb-public-body .wb-search input, .wb-proposal-body .wb-search input {
  height: 2rem;
  padding: 0 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: var(--wb-radius-sm);
  background: rgba(255, 255, 255, 0.12);
  color: inherit;
  min-width: 9rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.wb-public-body .wb-search input::-moz-placeholder, .wb-proposal-body .wb-search input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.wb-public-body .wb-search input::placeholder, .wb-proposal-body .wb-search input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.wb-public-body .wb-search input:focus, .wb-proposal-body .wb-search input:focus {
  outline: 2px solid var(--wb-surface);
  outline-offset: 1px;
}
.wb-public-body .wb-search button, .wb-proposal-body .wb-search button {
  height: 2rem;
  width: 2rem;
  border: 0;
  border-radius: var(--wb-radius-sm);
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.wb-public-body .wb-social, .wb-proposal-body .wb-social {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0.2rem;
}
.wb-public-body .wb-social a, .wb-proposal-body .wb-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  color: inherit;
  text-decoration: none;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.wb-public-body .wb-social a:hover, .wb-proposal-body .wb-social a:hover {
  background: rgba(255, 255, 255, 0.14);
}
.wb-public-body .wb-nav__toggle, .wb-proposal-body .wb-nav__toggle {
  display: none;
}
.wb-public-body .wb-nav__item, .wb-proposal-body .wb-nav__item {
  position: relative;
}
.wb-public-body .wb-nav__item--has-children > a, .wb-proposal-body .wb-nav__item--has-children > a {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}
.wb-public-body .wb-nav__caret, .wb-proposal-body .wb-nav__caret {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.1 / 10);
  opacity: 0.7;
}
.wb-public-body .wb-nav__menu, .wb-proposal-body .wb-nav__menu {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  min-width: 14rem;
  z-index: 40;
  background: var(--wb-surface);
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  box-shadow: var(--wb-shadow-md);
  padding: 0.5rem;
  display: none;
}
.wb-public-body .wb-nav__item--has-children:hover > .wb-nav__menu,
.wb-public-body .wb-nav__item--has-children:focus-within > .wb-nav__menu, .wb-proposal-body .wb-nav__item--has-children:hover > .wb-nav__menu,
.wb-proposal-body .wb-nav__item--has-children:focus-within > .wb-nav__menu {
  display: block;
}
.wb-public-body .wb-nav__sub, .wb-proposal-body .wb-nav__sub {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wb-public-body .wb-nav__list .wb-nav__sub a, .wb-public-body .wb-nav__list .wb-nav__sub span, .wb-proposal-body .wb-nav__list .wb-nav__sub a, .wb-proposal-body .wb-nav__list .wb-nav__sub span {
  display: block;
  padding: 0.5rem 0.7rem;
  border-radius: var(--wb-radius-sm);
  color: var(--wb-ink);
  text-decoration: none;
  font-weight: 500;
}
.wb-public-body .wb-nav__list .wb-nav__sub a span, .wb-public-body .wb-nav__list .wb-nav__sub span span, .wb-proposal-body .wb-nav__list .wb-nav__sub a span, .wb-proposal-body .wb-nav__list .wb-nav__sub span span {
  display: block;
}
.wb-public-body .wb-nav__list .wb-nav__sub a small, .wb-public-body .wb-nav__list .wb-nav__sub span small, .wb-proposal-body .wb-nav__list .wb-nav__sub a small, .wb-proposal-body .wb-nav__list .wb-nav__sub span small {
  display: block;
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 400;
  margin-top: 0.1rem;
}
.wb-public-body .wb-nav__list .wb-nav__sub a:hover, .wb-proposal-body .wb-nav__list .wb-nav__sub a:hover {
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-nav__item--panel > .wb-nav__menu, .wb-proposal-body .wb-nav__item--panel > .wb-nav__menu {
  min-width: 40rem;
  display: none;
  grid-template-columns: minmax(0, 1fr) 14rem;
  gap: 0.75rem;
  padding: 0.75rem;
}
.wb-public-body .wb-nav__item--panel:hover > .wb-nav__menu, .wb-public-body .wb-nav__item--panel:focus-within > .wb-nav__menu, .wb-proposal-body .wb-nav__item--panel:hover > .wb-nav__menu, .wb-proposal-body .wb-nav__item--panel:focus-within > .wb-nav__menu {
  display: grid;
}
.wb-public-body .wb-nav__item--panel .wb-nav__sub, .wb-proposal-body .wb-nav__item--panel .wb-nav__sub {
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.wb-public-body .wb-nav__item--panel .wb-nav__sub li, .wb-proposal-body .wb-nav__item--panel .wb-nav__sub li {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.wb-public-body .wb-nav__list .wb-nav__featured, .wb-proposal-body .wb-nav__list .wb-nav__featured {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.85rem;
  border-radius: var(--wb-radius);
  background: var(--wb-tint);
  color: var(--wb-ink);
  text-decoration: none;
}
.wb-public-body .wb-nav__list .wb-nav__featured strong, .wb-proposal-body .wb-nav__list .wb-nav__featured strong {
  font-size: var(--edc-fs-body);
}
.wb-public-body .wb-nav__list .wb-nav__featured span, .wb-proposal-body .wb-nav__list .wb-nav__featured span {
  color: var(--wb-muted);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.wb-public-body .wb-nav__list .wb-nav__featured:hover, .wb-proposal-body .wb-nav__list .wb-nav__featured:hover {
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-nav__featured-kicker, .wb-proposal-body .wb-nav__featured-kicker {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wb-primary);
}
@media (max-width: 52rem) {
  .wb-public-body .wb-siteheader__inner, .wb-proposal-body .wb-siteheader__inner {
    flex-wrap: wrap;
  }
  .wb-public-body .wb-nav__toggle, .wb-proposal-body .wb-nav__toggle {
    display: block;
    margin-left: auto;
  }
  .wb-public-body .wb-nav__toggle summary, .wb-proposal-body .wb-nav__toggle summary {
    list-style: none;
    cursor: pointer;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--wb-hairline);
    border-radius: var(--wb-radius-sm);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
  }
  .wb-public-body .wb-nav__toggle summary::-webkit-details-marker, .wb-proposal-body .wb-nav__toggle summary::-webkit-details-marker {
    display: none;
  }
  .wb-public-body .wb-nav, .wb-proposal-body .wb-nav {
    width: 100%;
    display: none;
  }
  .wb-public-body .wb-nav__toggle[open] ~ .wb-nav, .wb-proposal-body .wb-nav__toggle[open] ~ .wb-nav {
    display: block;
  }
  .wb-public-body .wb-nav__list, .wb-proposal-body .wb-nav__list {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }
  .wb-public-body .wb-nav__menu, .wb-public-body .wb-nav__item--panel > .wb-nav__menu, .wb-proposal-body .wb-nav__menu, .wb-proposal-body .wb-nav__item--panel > .wb-nav__menu {
    position: static;
    display: block;
    min-width: 0;
    box-shadow: none;
    border: 0;
    padding: 0 0 0 0.75rem;
    grid-template-columns: 1fr;
  }
  .wb-public-body .wb-nav__item--panel .wb-nav__sub, .wb-proposal-body .wb-nav__item--panel .wb-nav__sub {
    -moz-columns: 1;
         columns: 1;
  }
  .wb-public-body .wb-nav__list .wb-nav__featured, .wb-proposal-body .wb-nav__list .wb-nav__featured {
    display: none;
  }
  .wb-public-body .wb-utility__inner, .wb-proposal-body .wb-utility__inner {
    justify-content: center;
  }
  .wb-public-body .wb-siteheader__inner, .wb-proposal-body .wb-siteheader__inner {
    flex-wrap: wrap;
  }
  .wb-public-body .wb-brand, .wb-proposal-body .wb-brand {
    white-space: normal;
    flex: 1 1 0;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
  .wb-public-body .wb-brand > span, .wb-proposal-body .wb-brand > span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 40rem) {
  .wb-public-body .wb-utility__inner, .wb-proposal-body .wb-utility__inner {
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-inline: 0;
    max-width: 100%;
  }
  .wb-public-body .wb-utility__links, .wb-proposal-body .wb-utility__links {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    min-width: 0;
    padding-inline: var(--wb-gutter) 0.25rem;
  }
  .wb-public-body .wb-utility__links::-webkit-scrollbar, .wb-proposal-body .wb-utility__links::-webkit-scrollbar {
    display: none;
  }
  .wb-public-body .wb-utility__links li, .wb-proposal-body .wb-utility__links li {
    flex: 0 0 auto;
  }
  .wb-public-body .wb-utility__links a, .wb-public-body .wb-utility__links span, .wb-proposal-body .wb-utility__links a, .wb-proposal-body .wb-utility__links span {
    white-space: nowrap;
  }
  .wb-public-body .wb-utility__right, .wb-proposal-body .wb-utility__right {
    flex: 0 0 auto;
    padding-right: var(--wb-gutter);
  }
  .wb-public-body .wb-utility__right .wb-social, .wb-proposal-body .wb-utility__right .wb-social {
    display: none;
  }
  .wb-public-body .wb-search input, .wb-proposal-body .wb-search input {
    min-width: 0;
    width: 6.5rem;
  }
}
.wb-public-body .wb-features, .wb-proposal-body .wb-features {
  display: grid;
  gap: clamp(2.5rem, 6vw, 4.5rem);
}
.wb-public-body .wb-feature, .wb-proposal-body .wb-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(1.75rem, 4vw, 3.5rem);
  align-items: center;
}
.wb-public-body .wb-feature:nth-child(even) .wb-feature__media, .wb-proposal-body .wb-feature:nth-child(even) .wb-feature__media {
  order: 2;
}
.wb-public-body .wb-feature:nth-child(even) .wb-feature__body, .wb-proposal-body .wb-feature:nth-child(even) .wb-feature__body {
  order: 1;
}
.wb-public-body .wb-feature__media, .wb-proposal-body .wb-feature__media {
  aspect-ratio: 16/11;
  border-radius: var(--wb-radius);
  overflow: hidden;
  background: var(--wb-tint-strong);
  box-shadow: var(--wb-shadow-md);
}
.wb-public-body .wb-feature__media img, .wb-proposal-body .wb-feature__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wb-public-body .wb-feature__ph, .wb-proposal-body .wb-feature__ph {
  width: 100%;
  height: 100%;
  display: block;
  background: repeating-linear-gradient(45deg, var(--wb-tint), var(--wb-tint) 12px, var(--wb-tint-strong) 12px, var(--wb-tint-strong) 24px);
}
.wb-public-body .wb-feature h2, .wb-public-body .wb-feature h3, .wb-proposal-body .wb-feature h2, .wb-proposal-body .wb-feature h3 {
  font-size: clamp(1.4rem, 2.6vw, 1.85rem);
  margin-bottom: 0.6rem;
}
.wb-public-body .wb-feature__body p, .wb-proposal-body .wb-feature__body p {
  color: var(--wb-muted);
  max-width: 32rem;
  font-size: calc(var(--edc-fs-body) * 14.28 / 14);
}
@media (max-width: 44rem) {
  .wb-public-body .wb-feature, .wb-public-body .wb-feature:nth-child(even), .wb-proposal-body .wb-feature, .wb-proposal-body .wb-feature:nth-child(even) {
    grid-template-columns: 1fr;
  }
  .wb-public-body .wb-feature:nth-child(even) .wb-feature__media, .wb-proposal-body .wb-feature:nth-child(even) .wb-feature__media {
    order: 0;
  }
  .wb-public-body .wb-feature:nth-child(even) .wb-feature__body, .wb-proposal-body .wb-feature:nth-child(even) .wb-feature__body {
    order: 0;
  }
}
.wb-public-body .wb-gallery, .wb-proposal-body .wb-gallery {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}
.wb-public-body .wb-gallery li, .wb-proposal-body .wb-gallery li {
  aspect-ratio: 3/2;
  border-radius: var(--wb-radius);
  overflow: hidden;
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-gallery img, .wb-proposal-body .wb-gallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wb-public-body .wb-stats, .wb-proposal-body .wb-stats {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 17rem));
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.wb-public-body .wb-stats--n4, .wb-public-body .wb-stats--n2, .wb-proposal-body .wb-stats--n4, .wb-proposal-body .wb-stats--n2 {
  grid-template-columns: repeat(2, minmax(0, 17rem));
}
.wb-public-body .wb-stats--n3, .wb-public-body .wb-stats--n6, .wb-proposal-body .wb-stats--n3, .wb-proposal-body .wb-stats--n6 {
  grid-template-columns: repeat(auto-fit, minmax(11rem, 17rem));
}
@media (min-width: 48rem) {
  .wb-public-body .wb-stats--n3, .wb-public-body .wb-stats--n6, .wb-proposal-body .wb-stats--n3, .wb-proposal-body .wb-stats--n6 {
    grid-template-columns: repeat(3, minmax(0, 17rem));
  }
}
@media (min-width: 60rem) {
  .wb-public-body .wb-stats--n4, .wb-proposal-body .wb-stats--n4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 26rem) {
  .wb-public-body .wb-stats--n4, .wb-public-body .wb-stats--n2, .wb-proposal-body .wb-stats--n4, .wb-proposal-body .wb-stats--n2 {
    grid-template-columns: minmax(0, 1fr);
  }
}
.wb-public-body .wb-stats--n4 .wb-stat__value, .wb-proposal-body .wb-stats--n4 .wb-stat__value {
  font-size: clamp(2rem, 3.6vw, 2.9rem);
}
.wb-public-body .wb-stat, .wb-proposal-body .wb-stat {
  background: var(--wb-surface);
  border: 1px solid var(--wb-hairline);
  border-top: 4px solid var(--wb-primary);
  border-radius: var(--wb-radius);
  padding: 1.5rem 1.5rem 1.35rem;
  text-align: center;
}
.wb-public-body .wb-stat__value, .wb-proposal-body .wb-stat__value {
  font-family: var(--wb-theme-font-heading, "Inter", system-ui, sans-serif);
  font-size: clamp(2.4rem, 5vw, 3.2rem);
  font-weight: 700;
  line-height: 1.05;
  color: var(--wb-ink);
  font-variant-numeric: tabular-nums;
}
.wb-public-body .wb-stat__label, .wb-proposal-body .wb-stat__label {
  font-weight: 700;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.9375 / 11);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--wb-muted);
  margin-top: 0.5rem;
}
.wb-public-body .wb-stat__source, .wb-proposal-body .wb-stat__source {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: var(--wb-muted);
  margin-top: 0.4rem;
}
.wb-public-body .wb-agenda, .wb-proposal-body .wb-agenda {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.25rem;
}
.wb-public-body .wb-agenda__row, .wb-proposal-body .wb-agenda__row {
  display: grid;
  grid-template-columns: 7rem 1fr;
  gap: 1rem;
  padding: 1rem 0;
  border-top: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-agenda__row:first-child, .wb-proposal-body .wb-agenda__row:first-child {
  border-top: 0;
}
.wb-public-body .wb-agenda__time, .wb-proposal-body .wb-agenda__time {
  font-weight: 700;
  color: var(--wb-primary);
}
.wb-public-body .wb-agenda__title, .wb-proposal-body .wb-agenda__title {
  font-weight: 600;
}
.wb-public-body .wb-agenda__speaker, .wb-proposal-body .wb-agenda__speaker {
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
@media (max-width: 34rem) {
  .wb-public-body .wb-agenda__row, .wb-proposal-body .wb-agenda__row {
    grid-template-columns: 1fr;
    gap: 0.15rem;
  }
}
.wb-public-body .wb-propcard, .wb-proposal-body .wb-propcard {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.wb-public-body .wb-propcard h3, .wb-proposal-body .wb-propcard h3 {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
}
.wb-public-body .wb-propcard__type, .wb-proposal-body .wb-propcard__type {
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-public-body .wb-listedby, .wb-proposal-body .wb-listedby {
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin: 0.25rem 0 0;
}
.wb-public-body .wb-propcard__specs, .wb-proposal-body .wb-propcard__specs {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  display: grid;
  gap: 0.15rem;
}
.wb-public-body .wb-propcard__foot, .wb-proposal-body .wb-propcard__foot {
  margin-top: auto;
  padding-top: 0.85rem;
}
.wb-public-body .wb-propcard__link::after, .wb-proposal-body .wb-propcard__link::after {
  content: "";
  position: absolute;
  inset: 0;
}
.wb-public-body .wb-propcard__map, .wb-proposal-body .wb-propcard__map {
  position: relative;
  z-index: 1;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.wb-public-body .wb-badge, .wb-proposal-body .wb-badge {
  display: inline-block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  background: var(--wb-tint-strong);
  color: var(--wb-primary);
}
.wb-public-body .wb-doclist, .wb-proposal-body .wb-doclist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.6rem;
}
.wb-public-body .wb-doc, .wb-proposal-body .wb-doc {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
}
.wb-public-body .wb-doc__icon, .wb-proposal-body .wb-doc__icon {
  flex: none;
  width: 1.4rem;
  height: 1.4rem;
  color: var(--wb-primary);
}
.wb-public-body .wb-doc a, .wb-proposal-body .wb-doc a {
  font-weight: 600;
  text-decoration: none;
}
.wb-public-body .wb-doc a:hover, .wb-proposal-body .wb-doc a:hover {
  text-decoration: underline;
}
.wb-public-body .wb-doc__meta, .wb-proposal-body .wb-doc__meta {
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.wb-public-body .wb-team, .wb-proposal-body .wb-team {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
.wb-public-body .wb-person, .wb-proposal-body .wb-person {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}
.wb-public-body .wb-person__avatar, .wb-proposal-body .wb-person__avatar {
  flex: none;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-person__initials, .wb-proposal-body .wb-person__initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: var(--wb-primary);
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-person__name, .wb-proposal-body .wb-person__name {
  font-weight: 600;
}
.wb-public-body .wb-person__title, .wb-proposal-body .wb-person__title {
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-public-body .wb-person a, .wb-proposal-body .wb-person a {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-public-body .wb-note, .wb-proposal-body .wb-note {
  border-radius: var(--wb-radius);
  padding: 1rem 1.15rem;
  margin-bottom: 1.25rem;
  border: 1px solid;
}
.wb-public-body .wb-note--ok, .wb-proposal-body .wb-note--ok {
  background: #ecfdf5;
  border-color: #6ee7b7;
  color: #065f46;
}
.wb-public-body .wb-note--error, .wb-proposal-body .wb-note--error {
  background: #fef2f2;
  border-color: #fca5a5;
  color: #991b1b;
}
.wb-public-body .wb-footer, .wb-proposal-body .wb-footer {
  background: var(--wb-dark);
  color: var(--wb-on-dark);
  text-align: center;
  padding: 2.5rem 1.25rem;
}
.wb-public-body .wb-footer a, .wb-proposal-body .wb-footer a {
  color: #fff;
}
.wb-public-body .wb-footer__disclaimer, .wb-proposal-body .wb-footer__disclaimer {
  opacity: 0.85;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin-top: 0.35rem;
}
.wb-public-body .wb-footer--columns, .wb-proposal-body .wb-footer--columns {
  text-align: left;
}
.wb-public-body .wb-footer--columns .wb-footer__grid, .wb-proposal-body .wb-footer--columns .wb-footer__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 2rem;
  margin-bottom: 2rem;
}
.wb-public-body .wb-footer--columns .wb-footer__name, .wb-proposal-body .wb-footer--columns .wb-footer__name {
  font-weight: 700;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  color: #fff;
  margin: 0 0 0.4rem;
}
.wb-public-body .wb-footer--columns .wb-footer__tagline, .wb-proposal-body .wb-footer--columns .wb-footer__tagline {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-public-body .wb-footer--columns .wb-footer__heading, .wb-proposal-body .wb-footer--columns .wb-footer__heading {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(214, 222, 234, 0.7);
  margin: 0 0 0.6rem;
}
.wb-public-body .wb-footer--columns .wb-footer__nav, .wb-proposal-body .wb-footer--columns .wb-footer__nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}
.wb-public-body .wb-footer--columns .wb-footer__nav a, .wb-proposal-body .wb-footer--columns .wb-footer__nav a {
  text-decoration: none;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-public-body .wb-footer--columns .wb-footer__nav a:hover, .wb-proposal-body .wb-footer--columns .wb-footer__nav a:hover {
  text-decoration: underline;
}
.wb-public-body .wb-footer--columns .wb-footer__line, .wb-proposal-body .wb-footer--columns .wb-footer__line {
  margin: 0 0 0.35rem;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-public-body .wb-footer--columns .wb-footer__social, .wb-proposal-body .wb-footer--columns .wb-footer__social {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  display: flex;
  gap: 0.4rem;
}
.wb-public-body .wb-footer--columns .wb-footer__social a, .wb-proposal-body .wb-footer--columns .wb-footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: var(--wb-tint-strong);
  color: var(--wb-ink);
  text-decoration: none;
}
.wb-public-body .wb-footer--columns .wb-footer__social a:hover, .wb-proposal-body .wb-footer--columns .wb-footer__social a:hover {
  background: var(--wb-primary);
  color: var(--wb-on-primary);
}
.wb-public-body .wb-footer--columns .wb-footer__base, .wb-proposal-body .wb-footer--columns .wb-footer__base {
  border-top: 1px solid rgba(214, 222, 234, 0.2);
  padding-top: 1.25rem;
  text-align: center;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.wb-public-body .wb-footer--columns .wb-footer__base p, .wb-proposal-body .wb-footer--columns .wb-footer__base p {
  margin: 0;
}
.wb-public-body .pm-body, .wb-proposal-body .pm-body {
  background: transparent;
  color: var(--wb-ink);
  font-family: inherit;
}
.wb-public-body .pm-body a, .wb-proposal-body .pm-body a {
  color: var(--wb-primary);
}
.wb-public-body .pm-body a.wb-cta, .wb-proposal-body .pm-body a.wb-cta {
  color: var(--wb-on-primary);
}
.wb-public-body .pm-body a.wb-cta--ghost, .wb-proposal-body .pm-body a.wb-cta--ghost {
  color: var(--wb-primary);
}
.wb-public-body .pm-btn, .wb-public-body a.pm-btn, .wb-proposal-body .pm-btn, .wb-proposal-body a.pm-btn {
  background: var(--wb-primary);
  color: var(--wb-on-primary);
  border: 1px solid transparent;
  border-radius: var(--wb-radius-sm);
  font: inherit;
  font-weight: 600;
  padding: 0.6rem 1.25rem;
}
.wb-public-body .pm-btn:hover, .wb-public-body a.pm-btn:hover, .wb-proposal-body .pm-btn:hover, .wb-proposal-body a.pm-btn:hover {
  background: var(--wb-primary);
  filter: brightness(1.08);
  color: var(--wb-on-primary);
}
.wb-public-body .pm-btn--ghost, .wb-public-body a.pm-btn--ghost, .wb-proposal-body .pm-btn--ghost, .wb-proposal-body a.pm-btn--ghost {
  background: transparent;
  color: var(--wb-primary);
  border-color: currentColor;
}
.wb-public-body .pm-btn--ghost:hover, .wb-public-body a.pm-btn--ghost:hover, .wb-proposal-body .pm-btn--ghost:hover, .wb-proposal-body a.pm-btn--ghost:hover {
  background: var(--wb-tint-strong);
  filter: none;
}
.wb-public-body .pm-card, .wb-public-body .pm-event, .wb-public-body .pm-listing, .wb-proposal-body .pm-card, .wb-proposal-body .pm-event, .wb-proposal-body .pm-listing {
  background: var(--wb-surface);
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  box-shadow: var(--wb-shadow-sm);
}
.wb-public-body .pm-card, .wb-proposal-body .pm-card {
  padding: 1.35rem 1.4rem;
}
.wb-public-body .pm-card--featured, .wb-proposal-body .pm-card--featured {
  border-color: var(--wb-primary);
  box-shadow: var(--wb-shadow-md);
}
.wb-public-body .pm-card__name, .wb-public-body .pm-event__name, .wb-public-body .pm-listing__title, .wb-public-body .pm-band-title, .wb-proposal-body .pm-card__name, .wb-proposal-body .pm-event__name, .wb-proposal-body .pm-listing__title, .wb-proposal-body .pm-band-title {
  font-family: var(--wb-theme-font-heading, "Inter", system-ui, sans-serif);
  color: var(--wb-ink);
}
.wb-public-body .pm-card__name a, .wb-public-body .pm-event__name a, .wb-proposal-body .pm-card__name a, .wb-proposal-body .pm-event__name a {
  color: var(--wb-ink);
  text-decoration: none;
}
.wb-public-body .pm-card__name a:hover, .wb-public-body .pm-event__name a:hover, .wb-proposal-body .pm-card__name a:hover, .wb-proposal-body .pm-event__name a:hover {
  color: var(--wb-primary);
}
.wb-public-body .pm-card__category, .wb-public-body .pm-card__tier, .wb-proposal-body .pm-card__category, .wb-proposal-body .pm-card__tier {
  display: inline-block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 600;
  background: var(--wb-tint-strong);
  color: var(--wb-primary);
  border-radius: 999px;
  padding: 0.12rem 0.6rem;
}
.wb-public-body .pm-card__blurb, .wb-proposal-body .pm-card__blurb {
  color: var(--wb-muted);
}
.wb-public-body .pm-event__date, .wb-proposal-body .pm-event__date {
  border-color: var(--wb-primary);
  background: transparent;
}
.wb-public-body .pm-event__month, .wb-proposal-body .pm-event__month {
  color: var(--wb-primary);
}
.wb-public-body .pm-event__day, .wb-proposal-body .pm-event__day {
  color: var(--wb-ink);
}
.wb-public-body .pm-event__meta, .wb-public-body .pm-event__desc, .wb-public-body .pm-listing__until, .wb-proposal-body .pm-event__meta, .wb-proposal-body .pm-event__desc, .wb-proposal-body .pm-listing__until {
  color: var(--wb-muted);
}
.wb-public-body .pm-filter__input, .wb-public-body .pm-filter__select, .wb-proposal-body .pm-filter__input, .wb-proposal-body .pm-filter__select {
  font: inherit;
  color: var(--wb-ink);
  background: var(--wb-surface);
  border: 1px solid #c4ccd8;
  border-radius: var(--wb-radius-sm);
  padding: 0.7rem 0.85rem;
}
.wb-public-body .pm-empty, .wb-proposal-body .pm-empty {
  border: 1px dashed var(--wb-hairline);
  border-radius: var(--wb-radius);
  padding: 1.5rem;
  color: var(--wb-muted);
  background: var(--wb-tint);
  font-family: inherit;
}
.wb-public-body .wb-icon, .wb-proposal-body .wb-icon {
  width: 1.5rem;
  height: 1.5rem;
  flex: none;
}
.wb-public-body .wb-icon--sm, .wb-proposal-body .wb-icon--sm {
  width: 1rem;
  height: 1rem;
  vertical-align: -0.15em;
}
.wb-public-body .wb-pill, .wb-proposal-body .wb-pill {
  display: inline-block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 600;
  letter-spacing: 0.02em;
  background: var(--wb-tint-strong);
  color: var(--wb-primary);
  border-radius: 999px;
  padding: 0.15rem 0.65rem;
}
.wb-public-body .wb-cta--sm, .wb-proposal-body .wb-cta--sm {
  padding: 0.5rem 1rem;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.wb-public-body .wb-cta--ghost-dark, .wb-proposal-body .wb-cta--ghost-dark {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.75);
}
.wb-public-body .wb-cta--ghost-dark:hover, .wb-proposal-body .wb-cta--ghost-dark:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.wb-public-body .wb-hero__cta, .wb-proposal-body .wb-hero__cta {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.wb-public-body .wb-hero--centered .wb-hero__cta, .wb-proposal-body .wb-hero--centered .wb-hero__cta {
  justify-content: center;
}
.wb-public-body .wb-hero__body, .wb-proposal-body .wb-hero__body {
  max-width: 42rem;
  margin: 0.9rem 0 0;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.88);
}
.wb-public-body .wb-hero--centered .wb-hero__body, .wb-proposal-body .wb-hero--centered .wb-hero__body {
  margin-inline: auto;
}
.wb-public-body .wb-hero-split .wb-hero__body, .wb-proposal-body .wb-hero-split .wb-hero__body {
  color: var(--wb-muted);
}
.wb-public-body .wb-crumbs, .wb-proposal-body .wb-crumbs {
  margin-bottom: 0.9rem;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.wb-public-body .wb-crumbs ol, .wb-proposal-body .wb-crumbs ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
}
.wb-public-body .wb-crumbs li + li::before, .wb-proposal-body .wb-crumbs li + li::before {
  content: "›";
  margin-right: 0.35rem;
  opacity: 0.7;
}
.wb-public-body .wb-crumbs a, .wb-proposal-body .wb-crumbs a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
}
.wb-public-body .wb-crumbs a:hover, .wb-proposal-body .wb-crumbs a:hover {
  text-decoration: underline;
}
.wb-public-body .wb-crumbs span, .wb-proposal-body .wb-crumbs span {
  color: #fff;
  font-weight: 600;
}
.wb-public-body .wb-carousel, .wb-proposal-body .wb-carousel {
  position: relative;
}
.wb-public-body .wb-carousel__track, .wb-proposal-body .wb-carousel__track {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-public-body .wb-carousel__track::-webkit-scrollbar, .wb-proposal-body .wb-carousel__track::-webkit-scrollbar {
  display: none;
}
.wb-public-body .wb-carousel__slide, .wb-proposal-body .wb-carousel__slide {
  flex: 0 0 100%;
  min-width: 100%;
  scroll-snap-align: start;
  box-sizing: border-box;
}
.wb-public-body .wb-carousel__controls, .wb-proposal-body .wb-carousel__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.wb-public-body .wb-carousel__arrow, .wb-proposal-body .wb-carousel__arrow {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  border: 1.5px solid var(--wb-hairline);
  background: var(--wb-surface);
  color: var(--wb-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.wb-public-body .wb-carousel__arrow svg, .wb-proposal-body .wb-carousel__arrow svg {
  width: 1.2rem;
  height: 1.2rem;
}
.wb-public-body .wb-carousel__arrow:hover, .wb-proposal-body .wb-carousel__arrow:hover {
  border-color: var(--wb-primary);
  color: var(--wb-primary);
}
.wb-public-body .wb-carousel__dots, .wb-proposal-body .wb-carousel__dots {
  display: flex;
  gap: 0.5rem;
}
.wb-public-body .wb-carousel__dot, .wb-proposal-body .wb-carousel__dot {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  border: 0;
  padding: 0;
  cursor: pointer;
  background: var(--wb-hairline);
}
.wb-public-body .wb-carousel__dot[aria-current=true], .wb-proposal-body .wb-carousel__dot[aria-current=true] {
  background: var(--wb-primary);
  transform: scale(1.25);
}
.wb-public-body .wb-carousel__controls--on-dark, .wb-proposal-body .wb-carousel__controls--on-dark {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.25rem;
  margin: 0;
}
.wb-public-body .wb-carousel__controls--on-dark .wb-carousel__arrow, .wb-proposal-body .wb-carousel__controls--on-dark .wb-carousel__arrow {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
.wb-public-body .wb-carousel__controls--on-dark .wb-carousel__arrow:hover, .wb-proposal-body .wb-carousel__controls--on-dark .wb-carousel__arrow:hover {
  background: rgba(255, 255, 255, 0.28);
  color: #fff;
}
.wb-public-body .wb-carousel__controls--on-dark .wb-carousel__dot, .wb-proposal-body .wb-carousel__controls--on-dark .wb-carousel__dot {
  background: rgba(255, 255, 255, 0.45);
}
.wb-public-body .wb-carousel__controls--on-dark .wb-carousel__dot[aria-current=true], .wb-proposal-body .wb-carousel__controls--on-dark .wb-carousel__dot[aria-current=true] {
  background: #fff;
}
.wb-public-body .wb-hero-carousel, .wb-proposal-body .wb-hero-carousel {
  padding: 0;
}
.wb-public-body .wb-hero-carousel .wb-carousel__slide.wb-hero, .wb-proposal-body .wb-hero-carousel .wb-carousel__slide.wb-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: min(72vh, 36rem);
  padding-bottom: clamp(6rem, 12vw, 9.5rem);
}
.wb-public-body .wb-hero-carousel--tall .wb-carousel__slide.wb-hero, .wb-proposal-body .wb-hero-carousel--tall .wb-carousel__slide.wb-hero {
  min-height: min(88vh, 46rem);
}
.wb-public-body .wb-hero-carousel__title, .wb-proposal-body .wb-hero-carousel__title {
  color: #fff;
  font-size: clamp(2.3rem, 5.4vw, 3.5rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.015em;
  margin-bottom: 0.7rem;
  text-shadow: 0 1px 12px rgba(10, 16, 30, 0.35);
}
.wb-public-body .wb-gallery-carousel .wb-carousel__slide img, .wb-proposal-body .wb-gallery-carousel .wb-carousel__slide img {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: var(--wb-radius);
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-gallery-carousel__caption, .wb-proposal-body .wb-gallery-carousel__caption {
  margin: 0.6rem 0 0;
  color: var(--wb-muted);
  text-align: center;
}
.wb-public-body .wb-pathways, .wb-proposal-body .wb-pathways {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
@media (min-width: 62rem) {
  .wb-public-body .wb-pathways--cols-2, .wb-proposal-body .wb-pathways--cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .wb-public-body .wb-pathways--cols-3, .wb-proposal-body .wb-pathways--cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .wb-public-body .wb-pathways--cols-4, .wb-proposal-body .wb-pathways--cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.wb-public-body .wb-pathway, .wb-proposal-body .wb-pathway {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.wb-public-body .wb-pathway__media, .wb-proposal-body .wb-pathway__media {
  aspect-ratio: 16/10;
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-pathway__media img, .wb-public-body .wb-pathway__media .wb-feature__ph, .wb-proposal-body .wb-pathway__media img, .wb-proposal-body .wb-pathway__media .wb-feature__ph {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wb-public-body .wb-pathway__icon, .wb-proposal-body .wb-pathway__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  margin: 1.25rem 1.25rem 0;
  border-radius: var(--wb-radius-sm);
  background: var(--wb-tint-strong);
  color: var(--wb-primary);
}
.wb-public-body .wb-pathway__icon .wb-icon, .wb-proposal-body .wb-pathway__icon .wb-icon {
  width: 1.6rem;
  height: 1.6rem;
}
.wb-public-body .wb-pathway__body, .wb-proposal-body .wb-pathway__body {
  padding: 1.1rem 1.25rem 1.35rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.wb-public-body .wb-pathway__body h3, .wb-proposal-body .wb-pathway__body h3 {
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  margin: 0 0 0.4rem;
}
.wb-public-body .wb-pathway__body h3 a, .wb-proposal-body .wb-pathway__body h3 a {
  color: inherit;
  text-decoration: none;
}
.wb-public-body .wb-pathway__body h3 a:hover, .wb-proposal-body .wb-pathway__body h3 a:hover {
  color: var(--wb-primary);
}
.wb-public-body .wb-pathway__body p, .wb-proposal-body .wb-pathway__body p {
  margin: 0 0 1rem;
  color: var(--wb-muted);
}
.wb-public-body .wb-pathway__cta, .wb-proposal-body .wb-pathway__cta {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-weight: 600;
  color: var(--wb-primary);
  text-decoration: none;
}
.wb-public-body .wb-pathway__cta:hover, .wb-proposal-body .wb-pathway__cta:hover {
  text-decoration: underline;
}
.wb-public-body .wb-tiles, .wb-proposal-body .wb-tiles {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
@media (min-width: 62rem) {
  .wb-public-body .wb-tiles--cols-2, .wb-proposal-body .wb-tiles--cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .wb-public-body .wb-tiles--cols-3, .wb-proposal-body .wb-tiles--cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .wb-public-body .wb-tiles--cols-4, .wb-proposal-body .wb-tiles--cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.wb-public-body .wb-tile, .wb-proposal-body .wb-tile {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--wb-radius);
  background: var(--wb-dark);
  aspect-ratio: 3/2;
  color: #fff;
  text-decoration: none;
}
.wb-public-body .wb-tile img, .wb-public-body .wb-tile .wb-tile__ph, .wb-proposal-body .wb-tile img, .wb-proposal-body .wb-tile .wb-tile__ph {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.wb-public-body .wb-tile .wb-tile__ph, .wb-proposal-body .wb-tile .wb-tile__ph {
  background: linear-gradient(160deg, var(--wb-primary), var(--wb-secondary));
}
.wb-public-body .wb-tile::after, .wb-proposal-body .wb-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13, 20, 38, 0) 40%, rgba(13, 20, 38, 0.78) 100%);
}
.wb-public-body .wb-tile:hover img, .wb-proposal-body .wb-tile:hover img {
  transform: scale(1.04);
}
.wb-public-body .wb-tiles--square .wb-tile, .wb-proposal-body .wb-tiles--square .wb-tile {
  aspect-ratio: 1;
}
.wb-public-body .wb-tiles--tall .wb-tile, .wb-proposal-body .wb-tiles--tall .wb-tile {
  aspect-ratio: 3/4;
}
.wb-public-body .wb-tile__title, .wb-proposal-body .wb-tile__title {
  position: absolute;
  left: 1.1rem;
  right: 1.1rem;
  bottom: 1rem;
  z-index: 1;
  font-weight: 700;
  font-size: calc(var(--edc-fs-heading) * 16.8 / 16);
  line-height: 1.2;
  color: #fff;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
  font-family: var(--wb-theme-font-heading, inherit);
}
.wb-public-body .wb-quicklinks-block--band, .wb-proposal-body .wb-quicklinks-block--band {
  background: var(--wb-tint);
}
.wb-public-body .wb-quicklinks__heading, .wb-proposal-body .wb-quicklinks__heading {
  text-align: center;
  margin-bottom: 1.25rem;
}
.wb-public-body .wb-quicklinks, .wb-proposal-body .wb-quicklinks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}
.wb-public-body .wb-quicklinks--band, .wb-proposal-body .wb-quicklinks--band {
  gap: 1rem;
}
.wb-public-body .wb-quicklinks--band li, .wb-proposal-body .wb-quicklinks--band li {
  flex: 1 1 10rem;
  max-width: 14rem;
}
.wb-public-body .wb-quicklinks--band .wb-quicklink, .wb-proposal-body .wb-quicklinks--band .wb-quicklink {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
  text-align: center;
  padding: 1.25rem 1rem;
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
  border: 1px solid var(--wb-hairline);
  color: var(--wb-ink);
  text-decoration: none;
  font-weight: 600;
  box-shadow: var(--wb-shadow-sm);
}
.wb-public-body .wb-quicklinks--band .wb-quicklink .wb-icon, .wb-proposal-body .wb-quicklinks--band .wb-quicklink .wb-icon {
  width: 2rem;
  height: 2rem;
  color: var(--wb-primary);
}
.wb-public-body .wb-quicklinks--band .wb-quicklink:hover, .wb-proposal-body .wb-quicklinks--band .wb-quicklink:hover {
  border-color: var(--wb-primary);
  color: var(--wb-primary);
  transform: translateY(-2px);
}
.wb-public-body .wb-quicklinks--pills .wb-quicklink, .wb-proposal-body .wb-quicklinks--pills .wb-quicklink {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 1.1rem;
  border-radius: 999px;
  border: 1.5px solid var(--wb-primary);
  color: var(--wb-primary);
  text-decoration: none;
  font-weight: 600;
}
.wb-public-body .wb-quicklinks--pills .wb-quicklink .wb-icon, .wb-proposal-body .wb-quicklinks--pills .wb-quicklink .wb-icon {
  width: 1.15rem;
  height: 1.15rem;
}
.wb-public-body .wb-quicklinks--pills .wb-quicklink:hover, .wb-proposal-body .wb-quicklinks--pills .wb-quicklink:hover {
  background: var(--wb-primary);
  color: var(--wb-on-primary);
}
.wb-public-body .wb-testimonials__grid, .wb-proposal-body .wb-testimonials__grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}
.wb-public-body .wb-testimonials__grid .wb-quote__figure, .wb-proposal-body .wb-testimonials__grid .wb-quote__figure {
  text-align: left;
  margin: 0;
  background: var(--wb-surface);
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  padding: 1.5rem;
}
.wb-public-body .wb-testimonials--carousel .wb-quote__figure, .wb-proposal-body .wb-testimonials--carousel .wb-quote__figure {
  padding: 0 3rem;
}
.wb-public-body .wb-quote__photo--ph, .wb-proposal-body .wb-quote__photo--ph {
  display: inline-block;
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-secnav, .wb-proposal-body .wb-secnav {
  background: var(--wb-surface);
  border-bottom: 1px solid var(--wb-hairline);
  border-top: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-secnav--sticky, .wb-proposal-body .wb-secnav--sticky {
  position: sticky;
  top: 0;
  z-index: 20;
}
.wb-public-body .wb-secnav__inner, .wb-proposal-body .wb-secnav__inner {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding-block: 0.6rem;
  padding-inline: var(--wb-gutter);
  flex-wrap: wrap;
  max-width: var(--wb-measure-wide);
}
.wb-public-body .wb-secnav__title, .wb-proposal-body .wb-secnav__title {
  font-weight: 700;
  color: var(--wb-ink);
  text-decoration: none;
  white-space: nowrap;
  font-family: var(--wb-theme-font-heading, inherit);
}
.wb-public-body .wb-secnav__list, .wb-proposal-body .wb-secnav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.wb-public-body .wb-secnav__list a, .wb-public-body .wb-secnav__list span, .wb-proposal-body .wb-secnav__list a, .wb-proposal-body .wb-secnav__list span {
  display: inline-block;
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  color: var(--wb-ink);
  text-decoration: none;
  font-weight: 500;
}
.wb-public-body .wb-secnav__list a:hover, .wb-proposal-body .wb-secnav__list a:hover {
  background: var(--wb-tint);
  color: var(--wb-primary);
}
.wb-public-body .wb-secnav__list a[aria-current=page], .wb-proposal-body .wb-secnav__list a[aria-current=page] {
  background: var(--wb-primary);
  color: var(--wb-on-primary);
}
.wb-public-body .wb-secnav__hint, .wb-proposal-body .wb-secnav__hint {
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
@media (max-width: 44rem) {
  .wb-public-body .wb-secnav__inner, .wb-proposal-body .wb-secnav__inner {
    flex-wrap: nowrap;
    gap: 0.75rem;
    padding-inline: var(--wb-gutter) 0;
  }
  .wb-public-body .wb-secnav__list, .wb-proposal-body .wb-secnav__list {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    min-width: 0;
    padding-right: var(--wb-gutter);
    -webkit-mask-image: linear-gradient(to right, #000 82%, transparent);
    mask-image: linear-gradient(to right, #000 82%, transparent);
  }
  .wb-public-body .wb-secnav__list::-webkit-scrollbar, .wb-proposal-body .wb-secnav__list::-webkit-scrollbar {
    display: none;
  }
  .wb-public-body .wb-secnav__list li, .wb-proposal-body .wb-secnav__list li {
    flex: 0 0 auto;
  }
  .wb-public-body .wb-secnav__list a, .wb-public-body .wb-secnav__list span, .wb-proposal-body .wb-secnav__list a, .wb-proposal-body .wb-secnav__list span {
    white-space: nowrap;
  }
}
.wb-public-body .wb-news, .wb-proposal-body .wb-news {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wb-public-body .wb-news--cards, .wb-proposal-body .wb-news--cards {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}
.wb-public-body .wb-news__card, .wb-proposal-body .wb-news__card {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.wb-public-body .wb-news__media, .wb-proposal-body .wb-news__media {
  display: block;
  aspect-ratio: 16/9;
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-news__media img, .wb-proposal-body .wb-news__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wb-public-body .wb-news__ph, .wb-proposal-body .wb-news__ph {
  display: block;
  background: linear-gradient(160deg, var(--wb-tint-strong), var(--wb-hairline));
}
.wb-public-body .wb-news__body, .wb-proposal-body .wb-news__body {
  padding: 1rem 1.25rem 1.25rem;
}
.wb-public-body .wb-news__body h3, .wb-proposal-body .wb-news__body h3 {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  margin: 0.35rem 0 0.4rem;
}
.wb-public-body .wb-news__body h3 a, .wb-proposal-body .wb-news__body h3 a {
  color: inherit;
  text-decoration: none;
}
.wb-public-body .wb-news__body h3 a:hover, .wb-proposal-body .wb-news__body h3 a:hover {
  color: var(--wb-primary);
}
.wb-public-body .wb-news__meta, .wb-proposal-body .wb-news__meta {
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin: 0;
}
.wb-public-body .wb-news__excerpt, .wb-proposal-body .wb-news__excerpt {
  color: var(--wb-muted);
  margin: 0;
}
.wb-public-body .wb-news--list .wb-news__row, .wb-proposal-body .wb-news--list .wb-news__row {
  padding: 1rem 0;
  border-bottom: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-news--list .wb-news__row:first-child, .wb-proposal-body .wb-news--list .wb-news__row:first-child {
  padding-top: 0;
}
.wb-public-body .wb-news--list .wb-news__body, .wb-proposal-body .wb-news--list .wb-news__body {
  padding: 0;
}
.wb-public-body .wb-news__lead, .wb-proposal-body .wb-news__lead {
  display: grid;
  gap: 1.5rem;
  margin-bottom: 1.75rem;
  align-items: center;
}
@media (min-width: 48rem) {
  .wb-public-body .wb-news__lead--media, .wb-proposal-body .wb-news__lead--media {
    grid-template-columns: 1.15fr 1fr;
  }
}
.wb-public-body .wb-news__lead-body, .wb-proposal-body .wb-news__lead-body {
  max-width: 46rem;
}
.wb-public-body .wb-news__lead-media, .wb-proposal-body .wb-news__lead-media {
  display: block;
  aspect-ratio: 16/10;
  border-radius: var(--wb-radius);
  overflow: hidden;
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-news__lead-media img, .wb-proposal-body .wb-news__lead-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wb-public-body .wb-news__lead-body h3, .wb-proposal-body .wb-news__lead-body h3 {
  font-size: clamp(1.4rem, 2.6vw, 1.9rem);
  margin: 0.5rem 0 0.6rem;
}
.wb-public-body .wb-news__lead-body h3 a, .wb-proposal-body .wb-news__lead-body h3 a {
  color: inherit;
  text-decoration: none;
}
.wb-public-body .wb-news__lead-body h3 a:hover, .wb-proposal-body .wb-news__lead-body h3 a:hover {
  color: var(--wb-primary);
}
.wb-public-body .wb-news__more, .wb-proposal-body .wb-news__more {
  margin: 1.5rem 0 0;
}
.wb-public-body .wb-people, .wb-proposal-body .wb-people {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}
@media (min-width: 48rem) {
  .wb-public-body .wb-people, .wb-proposal-body .wb-people {
    gap: 1.25rem;
  }
}
@media (min-width: 62rem) {
  .wb-public-body .wb-people--cols-2, .wb-proposal-body .wb-people--cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .wb-public-body .wb-people--cols-3, .wb-proposal-body .wb-people--cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .wb-public-body .wb-people--cols-4, .wb-proposal-body .wb-people--cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.wb-public-body .wb-person-card, .wb-proposal-body .wb-person-card {
  text-align: center;
  padding: 1.5rem 1.25rem;
}
.wb-public-body .wb-person-card__photo, .wb-public-body .wb-person-card__initials, .wb-proposal-body .wb-person-card__photo, .wb-proposal-body .wb-person-card__initials {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.9rem;
  background: var(--wb-tint-strong);
  color: var(--wb-primary);
  font-weight: 700;
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
}
.wb-public-body .wb-person-card__name, .wb-proposal-body .wb-person-card__name {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  margin: 0 0 0.2rem;
}
.wb-public-body .wb-person-card__name a, .wb-proposal-body .wb-person-card__name a {
  color: inherit;
  text-decoration: none;
}
.wb-public-body .wb-person-card__name a:hover, .wb-proposal-body .wb-person-card__name a:hover {
  color: var(--wb-primary);
}
.wb-public-body .wb-person-card__title, .wb-proposal-body .wb-person-card__title {
  margin: 0;
  color: var(--wb-ink);
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-public-body .wb-person-card__org, .wb-public-body .wb-person-card__email, .wb-proposal-body .wb-person-card__org, .wb-proposal-body .wb-person-card__email {
  margin: 0.2rem 0 0;
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.wb-public-body .wb-levels, .wb-proposal-body .wb-levels {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  align-items: stretch;
}
.wb-public-body .wb-level, .wb-proposal-body .wb-level {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.75rem 1.5rem;
}
.wb-public-body .wb-level--featured, .wb-proposal-body .wb-level--featured {
  border-color: var(--wb-primary);
  box-shadow: var(--wb-shadow-md);
}
.wb-public-body .wb-level__flag, .wb-proposal-body .wb-level__flag {
  position: absolute;
  top: -0.75rem;
  left: 1.25rem;
  background: var(--wb-primary);
  color: var(--wb-on-primary);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.25rem 0.7rem;
  border-radius: 999px;
}
.wb-public-body .wb-level__name, .wb-proposal-body .wb-level__name {
  margin: 0 0 0.25rem;
  font-size: calc(var(--edc-fs-title) * 18.2 / 18);
}
.wb-public-body .wb-level__price, .wb-proposal-body .wb-level__price {
  margin: 0 0 0.6rem;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 800;
  color: var(--wb-primary);
}
.wb-public-body .wb-level__desc, .wb-proposal-body .wb-level__desc {
  margin: 0 0 1rem;
  color: var(--wb-muted);
}
.wb-public-body .wb-level__benefits, .wb-proposal-body .wb-level__benefits {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}
.wb-public-body .wb-level__benefits li, .wb-proposal-body .wb-level__benefits li {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.wb-public-body .wb-level__benefits .wb-icon, .wb-proposal-body .wb-level__benefits .wb-icon {
  color: var(--wb-primary);
  margin-top: 0.2rem;
}
.wb-public-body .wb-level .wb-cta, .wb-proposal-body .wb-level .wb-cta {
  margin-top: auto;
  align-self: flex-start;
}
.wb-public-body .wb-sponsors__tier, .wb-proposal-body .wb-sponsors__tier {
  margin-bottom: 1.75rem;
}
.wb-public-body .wb-sponsors__tier-name, .wb-proposal-body .wb-sponsors__tier-name {
  text-align: center;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wb-muted);
  margin: 0 0 1rem;
}
.wb-public-body .wb-sponsors, .wb-proposal-body .wb-sponsors {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.wb-public-body .wb-sponsor, .wb-proposal-body .wb-sponsor {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 9rem;
  min-height: 4.5rem;
  padding: 0.75rem 1.25rem;
  background: var(--wb-surface);
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  text-decoration: none;
  color: var(--wb-ink);
}
.wb-public-body .wb-sponsor img, .wb-proposal-body .wb-sponsor img {
  max-height: 3.25rem;
  max-width: 10rem;
  width: auto;
  height: auto;
}
.wb-public-body a.wb-sponsor:hover, .wb-proposal-body a.wb-sponsor:hover {
  border-color: var(--wb-primary);
}
.wb-public-body .wb-sponsors__tier--top .wb-sponsor, .wb-proposal-body .wb-sponsors__tier--top .wb-sponsor {
  min-height: 6rem;
  min-width: 12rem;
}
.wb-public-body .wb-sponsors__tier--top .wb-sponsor img, .wb-proposal-body .wb-sponsors__tier--top .wb-sponsor img {
  max-height: 4.5rem;
  max-width: 14rem;
}
.wb-public-body .wb-sponsor__name, .wb-proposal-body .wb-sponsor__name {
  font-weight: 700;
}
.wb-public-body .wb-sponsors__cta, .wb-proposal-body .wb-sponsors__cta {
  text-align: center;
  margin: 0.5rem 0 0;
}
.wb-public-body .wb-signup--band, .wb-proposal-body .wb-signup--band {
  background: var(--wb-primary);
  color: var(--wb-on-primary);
  background-image: linear-gradient(150deg, var(--wb-primary) 0%, var(--wb-secondary) 125%);
}
.wb-public-body .wb-signup--band h2, .wb-proposal-body .wb-signup--band h2 {
  color: #fff;
}
.wb-public-body .wb-signup--card .wb-signup__inner, .wb-proposal-body .wb-signup--card .wb-signup__inner {
  background: var(--wb-surface);
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  padding: 2rem;
  box-shadow: var(--wb-shadow-sm);
}
.wb-public-body .wb-signup__inner, .wb-proposal-body .wb-signup__inner {
  display: grid;
  gap: 1.5rem 3rem;
  align-items: center;
}
@media (min-width: 62rem) {
  .wb-public-body .wb-signup__inner, .wb-proposal-body .wb-signup__inner {
    grid-template-columns: 1fr 1.2fr;
  }
}
.wb-public-body .wb-signup__copy h2, .wb-proposal-body .wb-signup__copy h2 {
  margin-bottom: 0.35rem;
}
.wb-public-body .wb-signup__body, .wb-proposal-body .wb-signup__body {
  margin: 0;
}
.wb-public-body .wb-signup--band .wb-signup__body, .wb-proposal-body .wb-signup--band .wb-signup__body {
  color: rgba(255, 255, 255, 0.9);
}
.wb-public-body .wb-signup__fields, .wb-proposal-body .wb-signup__fields {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.wb-public-body .wb-signup__fields .wb-input, .wb-proposal-body .wb-signup__fields .wb-input {
  flex: 1 1 12rem;
  min-width: 0;
}
.wb-public-body .wb-signup__consent, .wb-public-body .wb-signup__note, .wb-proposal-body .wb-signup__consent, .wb-proposal-body .wb-signup__note {
  margin: 0.6rem 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  opacity: 0.85;
}
.wb-public-body .wb-signup__trap, .wb-proposal-body .wb-signup__trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.wb-public-body .wb-signup__msg, .wb-proposal-body .wb-signup__msg {
  margin: 0.6rem 0 0;
  font-weight: 600;
}
.wb-public-body .wb-signup__msg:empty, .wb-proposal-body .wb-signup__msg:empty {
  display: none;
}
.wb-public-body .wb-signup__msg--error, .wb-proposal-body .wb-signup__msg--error {
  color: #ffe1e1;
}
.wb-public-body .wb-signup--card .wb-signup__msg--error, .wb-proposal-body .wb-signup--card .wb-signup__msg--error {
  color: #b42318;
}
.wb-public-body .wb-footer__signup, .wb-proposal-body .wb-footer__signup {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.wb-public-body .wb-footer__signup .wb-input, .wb-proposal-body .wb-footer__signup .wb-input {
  flex: 1 1 10rem;
  min-width: 0;
}
.wb-public-body .wb-newmember, .wb-proposal-body .wb-newmember {
  display: flex;
  flex-direction: column;
}
.wb-public-body .wb-newmember > .pm-card, .wb-proposal-body .wb-newmember > .pm-card {
  flex: 1 1 auto;
}
.wb-public-body .wb-newmember__joined, .wb-proposal-body .wb-newmember__joined {
  margin: 0.4rem 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: var(--wb-muted);
}
.wb-public-body .wb-alpha, .wb-proposal-body .wb-alpha {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 0 0 1.25rem;
}
.wb-public-body .wb-alpha a, .wb-public-body .wb-alpha span, .wb-proposal-body .wb-alpha a, .wb-proposal-body .wb-alpha span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.4rem;
  border-radius: var(--wb-radius-sm);
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  text-decoration: none;
}
.wb-public-body .wb-alpha a, .wb-proposal-body .wb-alpha a {
  color: var(--wb-primary);
  background: var(--wb-tint);
}
.wb-public-body .wb-alpha a:hover, .wb-proposal-body .wb-alpha a:hover {
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-alpha span[aria-disabled], .wb-proposal-body .wb-alpha span[aria-disabled] {
  color: var(--wb-faint, #98a2b3);
}
.wb-public-body .wb-alpha .wb-alpha__current, .wb-proposal-body .wb-alpha .wb-alpha__current {
  background: var(--wb-primary);
  color: var(--wb-on-primary);
}
.wb-public-body .wb-eventgrid, .wb-proposal-body .wb-eventgrid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}
.wb-public-body .wb-datetiles, .wb-proposal-body .wb-datetiles {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
}
.wb-public-body .wb-eventcard, .wb-proposal-body .wb-eventcard {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.wb-public-body .wb-datetile, .wb-proposal-body .wb-datetile {
  text-align: center;
  padding: 1.5rem 1.25rem;
}
.wb-public-body .wb-datetile__date, .wb-proposal-body .wb-datetile__date {
  flex: none;
  text-align: center;
  border: 2px solid var(--wb-primary);
  border-radius: var(--wb-radius-sm);
  padding: 0.5rem 0.7rem;
  min-width: 4.25rem;
}
.wb-public-body .wb-datetile .wb-datetile__date, .wb-proposal-body .wb-datetile .wb-datetile__date {
  border: 0;
  padding: 0;
  margin-bottom: 0.75rem;
}
.wb-public-body .wb-datetile__month, .wb-proposal-body .wb-datetile__month {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--wb-primary);
}
.wb-public-body .wb-datetile__day, .wb-proposal-body .wb-datetile__day {
  display: block;
  font-size: calc(var(--edc-fs-display) * 26.6 / 24);
  font-weight: 800;
  line-height: 1.05;
  color: var(--wb-ink);
}
.wb-public-body .wb-datetile .wb-datetile__day, .wb-proposal-body .wb-datetile .wb-datetile__day {
  font-size: calc(var(--edc-fs-display) * 42 / 24);
}
.wb-public-body .wb-datetile__dow, .wb-proposal-body .wb-datetile__dow {
  display: block;
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin-top: 0.2rem;
}
.wb-public-body .wb-eventcard__body, .wb-proposal-body .wb-eventcard__body {
  min-width: 0;
}
.wb-public-body .wb-eventcard__name, .wb-proposal-body .wb-eventcard__name {
  margin: 0 0 0.25rem;
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
}
.wb-public-body .wb-eventcard__name a, .wb-proposal-body .wb-eventcard__name a {
  color: inherit;
  text-decoration: none;
}
.wb-public-body .wb-eventcard__name a:hover, .wb-proposal-body .wb-eventcard__name a:hover {
  color: var(--wb-primary);
}
.wb-public-body .wb-eventcard__meta, .wb-public-body .wb-eventcard__desc, .wb-proposal-body .wb-eventcard__meta, .wb-proposal-body .wb-eventcard__desc {
  color: var(--wb-muted);
  margin: 0 0 0.5rem;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-public-body .wb-eventcard .wb-cta--sm, .wb-public-body .wb-datetile .wb-cta--sm, .wb-proposal-body .wb-eventcard .wb-cta--sm, .wb-proposal-body .wb-datetile .wb-cta--sm {
  margin-top: 0.5rem;
}
.wb-public-body .wb-month__bar, .wb-proposal-body .wb-month__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.wb-public-body .wb-month__title, .wb-proposal-body .wb-month__title {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 18.2 / 18);
}
.wb-public-body .wb-month__nav, .wb-proposal-body .wb-month__nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 1.5px solid var(--wb-hairline);
  color: var(--wb-ink);
  text-decoration: none;
  font-size: calc(var(--edc-fs-title) * 19.6 / 18);
}
.wb-public-body .wb-month__nav:hover, .wb-proposal-body .wb-month__nav:hover {
  border-color: var(--wb-primary);
  color: var(--wb-primary);
}
.wb-public-body .wb-month__grid, .wb-proposal-body .wb-month__grid {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.wb-public-body .wb-month__grid th, .wb-proposal-body .wb-month__grid th {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--wb-muted);
  padding: 0.4rem 0.3rem;
  text-align: left;
  font-weight: 700;
}
.wb-public-body .wb-month__grid td, .wb-proposal-body .wb-month__grid td {
  vertical-align: top;
  border: 1px solid var(--wb-hairline);
  padding: 0.35rem 0.4rem;
  height: 5.5rem;
  background: var(--wb-surface);
}
.wb-public-body .wb-month__grid td.wb-month__out, .wb-proposal-body .wb-month__grid td.wb-month__out {
  background: var(--wb-tint);
}
.wb-public-body .wb-month__grid td.wb-month__out .wb-month__num, .wb-proposal-body .wb-month__grid td.wb-month__out .wb-month__num {
  color: var(--wb-faint, #98a2b3);
}
.wb-public-body .wb-month__grid td.wb-month__today .wb-month__num, .wb-proposal-body .wb-month__grid td.wb-month__today .wb-month__num {
  background: var(--wb-primary);
  color: var(--wb-on-primary);
  border-radius: 50%;
}
.wb-public-body .wb-month__num, .wb-proposal-body .wb-month__num {
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
  align-items: center;
  justify-content: center;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.wb-public-body .wb-month__event, .wb-proposal-body .wb-month__event {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  line-height: 1.25;
  padding: 0.2rem 0.35rem;
  border-radius: 4px;
  margin-bottom: 0.2rem;
  background: var(--wb-tint-strong);
  color: var(--wb-primary);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-public-body a.wb-month__event:hover, .wb-proposal-body a.wb-month__event:hover {
  background: var(--wb-primary);
  color: var(--wb-on-primary);
}
@media (max-width: 48rem) {
  .wb-public-body .wb-month__grid td, .wb-proposal-body .wb-month__grid td {
    height: 3.5rem;
    padding: 0.2rem;
  }
  .wb-public-body .wb-month__event, .wb-proposal-body .wb-month__event {
    font-size: 0;
    padding: 0;
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 50%;
    display: inline-block;
    margin-right: 0.15rem;
    background: var(--wb-primary);
  }
}
.wb-public-body .wb-ctaband--statement, .wb-proposal-body .wb-ctaband--statement {
  padding-block: clamp(3.5rem, 8vw, 6rem);
}
.wb-public-body .wb-ctaband--statement .wb-ctaband__inner, .wb-proposal-body .wb-ctaband--statement .wb-ctaband__inner {
  flex-direction: column;
  text-align: center;
  gap: 1.5rem;
}
.wb-public-body .wb-ctaband--statement h2, .wb-proposal-body .wb-ctaband--statement h2 {
  font-size: clamp(1.8rem, 4vw, 2.75rem);
  line-height: 1.15;
  max-width: 40rem;
  margin-inline: auto;
}
.wb-public-body .wb-ctaband--statement .wb-ctaband__body, .wb-proposal-body .wb-ctaband--statement .wb-ctaband__body {
  margin-inline: auto;
}
.wb-public-body .wb-doclist__category, .wb-proposal-body .wb-doclist__category {
  font-size: var(--edc-fs-body);
  margin: 1.25rem 0 0.5rem;
  color: var(--wb-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.wb-public-body .wb-join__step, .wb-proposal-body .wb-join__step {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 700;
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  margin: 0 0 1rem;
  padding: 0;
  font-family: var(--wb-theme-font-heading, inherit);
}
.wb-public-body .wb-join__step span, .wb-proposal-body .wb-join__step span {
  display: inline-flex;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: var(--wb-primary);
  color: var(--wb-on-primary);
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.wb-public-body .wb-join__levels, .wb-public-body .wb-join__details, .wb-proposal-body .wb-join__levels, .wb-proposal-body .wb-join__details {
  border: 0;
  padding: 0;
  margin: 0 0 2.25rem;
  min-width: 0;
}
.wb-public-body .wb-levels--pick .wb-level, .wb-proposal-body .wb-levels--pick .wb-level {
  padding: 0;
}
.wb-public-body .wb-level__pick, .wb-proposal-body .wb-level__pick {
  display: flex;
  gap: 0.9rem;
  padding: 1.5rem 1.4rem;
  cursor: pointer;
  height: 100%;
  border-radius: var(--wb-radius);
}
.wb-public-body .wb-level__pick input, .wb-proposal-body .wb-level__pick input {
  margin-top: 0.35rem;
  width: 1.1rem;
  height: 1.1rem;
  flex: none;
  accent-color: var(--wb-primary);
}
.wb-public-body .wb-level__pick:has(input:checked), .wb-proposal-body .wb-level__pick:has(input:checked) {
  outline: 2px solid var(--wb-primary);
  outline-offset: -2px;
  background: var(--wb-tint);
}
.wb-public-body .wb-level__pick-body, .wb-proposal-body .wb-level__pick-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
}
.wb-public-body .wb-level__pick-body .wb-level__name, .wb-proposal-body .wb-level__pick-body .wb-level__name {
  display: block;
  margin-top: 0.25rem;
}
.wb-public-body .wb-level__pick-body .wb-level__price, .wb-proposal-body .wb-level__pick-body .wb-level__price {
  display: block;
  margin-bottom: 0.5rem;
}
.wb-public-body .wb-level__pick-body .wb-level__desc, .wb-proposal-body .wb-level__pick-body .wb-level__desc {
  display: block;
  margin-bottom: 0.75rem;
}
.wb-public-body .wb-level__pick-body .wb-level__benefits, .wb-proposal-body .wb-level__pick-body .wb-level__benefits {
  margin-bottom: 0;
}
.wb-public-body .wb-level__pick-body .wb-level__flag, .wb-proposal-body .wb-level__pick-body .wb-level__flag {
  position: static;
  align-self: flex-start;
  margin-bottom: 0.5rem;
}
.wb-public-body .wb-join__grid, .wb-proposal-body .wb-join__grid {
  display: grid;
  gap: 0 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}
.wb-public-body .wb-join__details.wb-form, .wb-proposal-body .wb-join__details.wb-form {
  max-width: 46rem;
}
.wb-public-body .wb-join__pay, .wb-proposal-body .wb-join__pay {
  max-width: 46rem;
}
.wb-public-body .wb-join__note, .wb-proposal-body .wb-join__note {
  color: var(--wb-muted);
  margin: 0 0 1rem;
}
.wb-public-body .wb-levels--read, .wb-proposal-body .wb-levels--read {
  margin-bottom: 2.5rem;
}
.wb-public-body .wb-levels--read .wb-level__name, .wb-public-body .wb-levels--read .wb-level__price, .wb-public-body .wb-levels--read .wb-level__desc, .wb-proposal-body .wb-levels--read .wb-level__name, .wb-proposal-body .wb-levels--read .wb-level__price, .wb-proposal-body .wb-levels--read .wb-level__desc {
  display: block;
}
.wb-public-body .wb-levels--read .wb-level__name, .wb-proposal-body .wb-levels--read .wb-level__name {
  font-weight: 700;
  font-family: var(--wb-theme-font-heading, inherit);
}
.wb-public-body .wb-levels--read .wb-level__benefits, .wb-proposal-body .wb-levels--read .wb-level__benefits {
  margin-bottom: 0;
}
.wb-public-body .wb-join-talk__form, .wb-proposal-body .wb-join-talk__form {
  max-width: 40rem;
}
.wb-public-body .wb-join-talk__title, .wb-proposal-body .wb-join-talk__title {
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  margin: 0 0 0.5rem;
}
.wb-public-body .wb-join-talk__intro, .wb-proposal-body .wb-join-talk__intro {
  color: var(--wb-muted);
  margin: 0 0 1.25rem;
  max-width: 40rem;
}
.wb-public-body .wb-join-talk--second, .wb-proposal-body .wb-join-talk--second {
  margin-top: 3rem;
  padding-top: 2.5rem;
  border-top: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-optional, .wb-proposal-body .wb-optional {
  color: var(--wb-muted);
  font-weight: 400;
}
.wb-public-body .wb-event-hero .wb-hero__subhead, .wb-proposal-body .wb-event-hero .wb-hero__subhead {
  margin-inline: auto;
}
.wb-public-body .wb-event__kicker, .wb-proposal-body .wb-event__kicker {
  margin: 0 0 0.35rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: rgba(255, 255, 255, 0.85);
}
.wb-public-body .wb-event__canceled, .wb-proposal-body .wb-event__canceled {
  margin-top: 1rem;
  font-weight: 700;
  color: #fff;
}
.wb-public-body .wb-event__inner, .wb-proposal-body .wb-event__inner {
  display: grid;
  gap: 2.5rem;
  align-items: start;
}
@media (min-width: 62rem) {
  .wb-public-body .wb-event__inner, .wb-proposal-body .wb-event__inner {
    grid-template-columns: 1.1fr 1fr;
  }
}
.wb-public-body .wb-event__about h2, .wb-public-body .wb-event__register h2, .wb-proposal-body .wb-event__about h2, .wb-proposal-body .wb-event__register h2 {
  font-size: calc(var(--edc-fs-title) * 19.6 / 18);
  margin: 0 0 0.75rem;
}
.wb-public-body .wb-event__register, .wb-proposal-body .wb-event__register {
  background: var(--wb-surface);
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  padding: 1.75rem;
  box-shadow: var(--wb-shadow-sm);
}
.wb-public-body .wb-tickets, .wb-proposal-body .wb-tickets {
  border: 0;
  padding: 0;
  margin: 0 0 1.25rem;
  min-width: 0;
}
.wb-public-body .wb-ticket, .wb-proposal-body .wb-ticket {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.9rem 1rem;
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius-sm);
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.wb-public-body .wb-ticket input, .wb-proposal-body .wb-ticket input {
  margin-top: 0.25rem;
  accent-color: var(--wb-primary);
}
.wb-public-body .wb-ticket:has(input:checked), .wb-proposal-body .wb-ticket:has(input:checked) {
  border-color: var(--wb-primary);
  background: var(--wb-tint);
}
.wb-public-body .wb-ticket--soldout, .wb-proposal-body .wb-ticket--soldout {
  opacity: 0.6;
  cursor: not-allowed;
}
.wb-public-body .wb-ticket__body, .wb-proposal-body .wb-ticket__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.wb-public-body .wb-ticket__name, .wb-proposal-body .wb-ticket__name {
  font-weight: 600;
}
.wb-public-body .wb-ticket__desc, .wb-proposal-body .wb-ticket__desc {
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.wb-public-body .wb-ticket__price, .wb-proposal-body .wb-ticket__price {
  text-align: right;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  flex: none;
}
.wb-public-body .wb-ticket__nonmember, .wb-public-body .wb-ticket__soldout, .wb-proposal-body .wb-ticket__nonmember, .wb-proposal-body .wb-ticket__soldout {
  font-weight: 400;
  color: var(--wb-muted);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.wb-public-body .wb-registered__inner, .wb-proposal-body .wb-registered__inner {
  max-width: 40rem;
}
.wb-public-body .wb-registered__card, .wb-proposal-body .wb-registered__card {
  padding: 2rem;
  text-align: center;
}
.wb-public-body .wb-registered__facts, .wb-proposal-body .wb-registered__facts {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  margin: 0 0 1.5rem;
}
.wb-public-body .wb-registered__facts dt, .wb-proposal-body .wb-registered__facts dt {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--wb-muted);
  font-weight: 700;
}
.wb-public-body .wb-registered__facts dd, .wb-proposal-body .wb-registered__facts dd {
  margin: 0;
  font-weight: 600;
}
.wb-public-body .wb-registered__pay, .wb-proposal-body .wb-registered__pay {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  margin: 0 0 1.5rem;
  color: var(--wb-muted);
}
.wb-public-body .wb-registered__qr, .wb-proposal-body .wb-registered__qr {
  margin: 0 auto 1.5rem;
  max-width: 12rem;
}
.wb-public-body .wb-registered__qr svg, .wb-proposal-body .wb-registered__qr svg {
  width: 100%;
  height: auto;
}
.wb-public-body .wb-registered__qr figcaption, .wb-proposal-body .wb-registered__qr figcaption {
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin-top: 0.5rem;
}
.wb-public-body a:focus-visible, .wb-public-body button:focus-visible, .wb-public-body .wb-cta:focus-visible,
.wb-public-body input:focus-visible, .wb-public-body select:focus-visible, .wb-public-body textarea:focus-visible,
.wb-public-body summary:focus-visible, .wb-public-body [tabindex]:focus-visible, .wb-proposal-body a:focus-visible, .wb-proposal-body button:focus-visible, .wb-proposal-body .wb-cta:focus-visible,
.wb-proposal-body input:focus-visible, .wb-proposal-body select:focus-visible, .wb-proposal-body textarea:focus-visible,
.wb-proposal-body summary:focus-visible, .wb-proposal-body [tabindex]:focus-visible {
  outline: 3px solid var(--wb-primary);
  outline-offset: 2px;
  border-radius: var(--wb-radius-sm);
}
.wb-public-body .wb-hero :focus-visible, .wb-public-body .wb-footer :focus-visible, .wb-proposal-body .wb-hero :focus-visible, .wb-proposal-body .wb-footer :focus-visible {
  outline-color: #fff;
}

.wb-public-body[data-wb-personality=editorial], .wb-proposal-body[data-wb-personality=editorial] {
  --wb-radius: .2rem;
  --wb-radius-sm: .125rem;
  --wb-measure: 64rem;
  --wb-block-y: clamp(3.25rem, 7vw, 5.25rem);
  --wb-shadow-sm: none;
  --wb-shadow-md: none;
}
.wb-public-body[data-wb-personality=editorial] h1, .wb-public-body[data-wb-personality=editorial] h2, .wb-public-body[data-wb-personality=editorial] h3, .wb-public-body[data-wb-personality=editorial] h4, .wb-proposal-body[data-wb-personality=editorial] h1, .wb-proposal-body[data-wb-personality=editorial] h2, .wb-proposal-body[data-wb-personality=editorial] h3, .wb-proposal-body[data-wb-personality=editorial] h4 {
  letter-spacing: 0;
}
.wb-public-body[data-wb-personality=editorial] h2, .wb-proposal-body[data-wb-personality=editorial] h2 {
  font-size: clamp(1.65rem, 3.4vw, 2.25rem);
}
.wb-public-body[data-wb-personality=editorial] .wb-eyebrow, .wb-proposal-body[data-wb-personality=editorial] .wb-eyebrow {
  letter-spacing: 0.14em;
}
.wb-public-body[data-wb-personality=editorial] .wb-card, .wb-public-body[data-wb-personality=editorial] .wb-doc, .wb-public-body[data-wb-personality=editorial] .wb-stat, .wb-proposal-body[data-wb-personality=editorial] .wb-card, .wb-proposal-body[data-wb-personality=editorial] .wb-doc, .wb-proposal-body[data-wb-personality=editorial] .wb-stat {
  border-color: #d4dbe6;
}
.wb-public-body[data-wb-personality=bold], .wb-proposal-body[data-wb-personality=bold] {
  --wb-radius: 1rem;
  --wb-radius-sm: .625rem;
  --wb-block-y: clamp(3rem, 7vw, 5rem);
}
.wb-public-body[data-wb-personality=bold] h1, .wb-public-body[data-wb-personality=bold] h2, .wb-public-body[data-wb-personality=bold] h3, .wb-public-body[data-wb-personality=bold] h4, .wb-proposal-body[data-wb-personality=bold] h1, .wb-proposal-body[data-wb-personality=bold] h2, .wb-proposal-body[data-wb-personality=bold] h3, .wb-proposal-body[data-wb-personality=bold] h4 {
  font-weight: 800;
  letter-spacing: -0.02em;
}
.wb-public-body[data-wb-personality=bold] .wb-hero, .wb-proposal-body[data-wb-personality=bold] .wb-hero {
  padding-block: clamp(4.25rem, 11vw, 8rem);
}
.wb-public-body[data-wb-personality=bold] .wb-hero h1, .wb-proposal-body[data-wb-personality=bold] .wb-hero h1 {
  font-size: clamp(2.25rem, 5.6vw, 3.5rem);
}
.wb-public-body[data-wb-personality=bold] .wb-cta, .wb-proposal-body[data-wb-personality=bold] .wb-cta {
  padding: 0.85rem 1.6rem;
}
.wb-public-body[data-wb-personality=bold] .wb-stat__value, .wb-proposal-body[data-wb-personality=bold] .wb-stat__value {
  font-size: calc(var(--edc-fs-display) * 35 / 24);
}
.wb-public-body[data-wb-personality=minimal], .wb-proposal-body[data-wb-personality=minimal] {
  --wb-radius: .25rem;
  --wb-radius-sm: .2rem;
  --wb-block-y: clamp(2.5rem, 5vw, 3.5rem);
  --wb-shadow-sm: none;
  --wb-shadow-md: none;
}
.wb-public-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image), .wb-proposal-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) {
  background: var(--wb-tint);
  background-image: none;
}
.wb-public-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) h1, .wb-proposal-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) h1 {
  color: var(--wb-ink);
  text-shadow: none;
}
.wb-public-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-hero__subhead, .wb-proposal-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-hero__subhead {
  color: var(--wb-muted);
}
.wb-public-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-cta--on-dark, .wb-proposal-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-cta--on-dark {
  background: var(--wb-primary);
  color: var(--wb-on-primary);
}
.wb-public-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-crumbs a, .wb-proposal-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-crumbs a {
  color: var(--wb-muted);
}
.wb-public-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-crumbs span, .wb-proposal-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-crumbs span {
  color: var(--wb-ink);
}
.wb-public-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-crumbs li, .wb-proposal-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-crumbs li {
  color: var(--wb-muted);
}
.wb-public-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-cta--ghost-dark, .wb-proposal-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-cta--ghost-dark {
  color: var(--wb-primary);
  border-color: var(--wb-primary);
  background: transparent;
}
.wb-public-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-cta--ghost-dark:hover, .wb-proposal-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) .wb-cta--ghost-dark:hover {
  background: var(--wb-tint-strong);
  color: var(--wb-primary);
}
.wb-public-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) :focus-visible, .wb-proposal-body[data-wb-personality=minimal] .wb-hero:not(.wb-hero--has-image) :focus-visible {
  outline-color: var(--wb-primary);
}
.wb-public-body[data-wb-personality=minimal] .wb-footer, .wb-proposal-body[data-wb-personality=minimal] .wb-footer {
  background: var(--wb-surface);
  color: var(--wb-muted);
  border-top: 1px solid var(--wb-hairline);
}
.wb-public-body[data-wb-personality=minimal] .wb-footer a, .wb-proposal-body[data-wb-personality=minimal] .wb-footer a {
  color: var(--wb-primary);
}
.wb-public-body[data-wb-personality=minimal] .wb-footer--columns .wb-footer__heading, .wb-proposal-body[data-wb-personality=minimal] .wb-footer--columns .wb-footer__heading {
  color: var(--wb-ink);
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.wb-public-body[data-wb-personality=minimal] .wb-footer--columns .wb-footer__name, .wb-proposal-body[data-wb-personality=minimal] .wb-footer--columns .wb-footer__name {
  color: var(--wb-ink);
}
.wb-public-body[data-wb-personality=minimal] .wb-footer .wb-cta--on-dark, .wb-proposal-body[data-wb-personality=minimal] .wb-footer .wb-cta--on-dark {
  background: var(--wb-primary);
  color: var(--wb-on-primary);
}
.wb-public-body[data-wb-personality=minimal] .wb-footer .wb-input, .wb-proposal-body[data-wb-personality=minimal] .wb-footer .wb-input {
  border-color: #b9c2cf;
}
.wb-public-body[data-wb-personality=minimal] .wb-footer :focus-visible, .wb-proposal-body[data-wb-personality=minimal] .wb-footer :focus-visible {
  outline-color: var(--wb-primary);
}

@media (prefers-reduced-motion: no-preference) {
  .wb-public-body .wb-cta, .wb-public-body .wb-card, .wb-public-body .wb-doc, .wb-public-body .wb-nav__list a, .wb-proposal-body .wb-cta, .wb-proposal-body .wb-card, .wb-proposal-body .wb-doc, .wb-proposal-body .wb-nav__list a {
    transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, filter 0.15s ease;
  }
  .wb-public-body .wb-cta:hover, .wb-proposal-body .wb-cta:hover {
    filter: brightness(1.06);
  }
  .wb-public-body a.wb-card:hover, .wb-public-body .wb-card:has(.wb-propcard__link):hover, .wb-proposal-body a.wb-card:hover, .wb-proposal-body .wb-card:has(.wb-propcard__link):hover {
    transform: translateY(-2px);
    box-shadow: var(--wb-shadow-md);
  }
  .wb-public-body .wb-doc:hover, .wb-proposal-body .wb-doc:hover {
    box-shadow: var(--wb-shadow-sm);
  }
}
.wb-proposal-body .wb-proposal-banner {
  background: var(--wb-dark);
  color: var(--wb-on-dark);
  padding: 0.55rem 1.25rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  text-align: center;
  letter-spacing: 0.01em;
}
.wb-proposal-body .wb-proposal-banner strong {
  color: #fff;
}
.wb-proposal-body .wb-hero {
  padding-block: clamp(3rem, 8vw, 5.5rem);
}
.wb-proposal-body .wb-prop-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 1.1rem;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  letter-spacing: 0.02em;
}
.wb-proposal-body .wb-prop-lockup img {
  max-height: 34px;
  width: auto;
}
.wb-proposal-body .wb-prop-lockup__rule {
  width: 2.5rem;
  height: 2px;
  background: rgba(255, 255, 255, 0.5);
}

@media print {
  .wb-public-body, .wb-proposal-body {
    color: #000;
    background: #fff;
  }
  .wb-public-body .wb-skip-link, .wb-public-body .wb-nav__toggle, .wb-proposal-body .wb-skip-link, .wb-proposal-body .wb-nav__toggle {
    display: none !important;
  }
  .wb-public-body .wb-hero, .wb-public-body .wb-footer, .wb-public-body .wb-proposal-banner, .wb-proposal-body .wb-hero, .wb-proposal-body .wb-footer, .wb-proposal-body .wb-proposal-banner {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .wb-public-body .wb-hero, .wb-proposal-body .wb-hero {
    background: var(--wb-primary) !important;
  }
  .wb-public-body .wb-hero::before, .wb-proposal-body .wb-hero::before {
    display: none;
  }
  .wb-public-body .wb-footer, .wb-proposal-body .wb-footer {
    background: #fff !important;
    color: #000 !important;
    border-top: 1px solid #999;
  }
  .wb-public-body .wb-footer a, .wb-proposal-body .wb-footer a {
    color: #000;
  }
  .wb-public-body .wb-block, .wb-proposal-body .wb-block {
    padding: 1.1rem 0;
    page-break-inside: auto;
  }
  .wb-public-body .wb-block--tint, .wb-proposal-body .wb-block--tint {
    background: #fff !important;
  }
  .wb-public-body .wb-card, .wb-public-body .wb-propcard, .wb-public-body .wb-person, .wb-public-body .wb-stat, .wb-public-body .wb-doc, .wb-public-body .wb-agenda__row, .wb-public-body .wb-feature, .wb-proposal-body .wb-card, .wb-proposal-body .wb-propcard, .wb-proposal-body .wb-person, .wb-proposal-body .wb-stat, .wb-proposal-body .wb-doc, .wb-proposal-body .wb-agenda__row, .wb-proposal-body .wb-feature {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  .wb-public-body h1, .wb-public-body h2, .wb-public-body h3, .wb-proposal-body h1, .wb-proposal-body h2, .wb-proposal-body h3 {
    page-break-after: avoid;
  }
  .wb-public-body .wb-doc__meta, .wb-proposal-body .wb-doc__meta {
    display: none;
  }
  .wb-public-body .wb-doc a[href]::after, .wb-proposal-body .wb-doc a[href]::after {
    content: " — request from your contact";
    font-weight: 400;
    color: #333;
  }
  .wb-public-body .wb-cta, .wb-proposal-body .wb-cta {
    border: 1px solid #333 !important;
    color: #000 !important;
    background: #fff !important;
  }
  .wb-public-body .wb-person a[href^="mailto:"], .wb-proposal-body .wb-person a[href^="mailto:"] {
    text-decoration: none;
    color: #000;
  }
}
.wb-public-body .wb-page-head {
  padding-bottom: 0;
}
.wb-public-body .wb-page-head h1 {
  margin-bottom: 0.75rem;
}
.wb-public-body .wb-muted {
  color: var(--wb-muted);
}
.wb-public-body .wb-search--page {
  display: flex;
  gap: 0.5rem;
  max-width: 34rem;
}
.wb-public-body .wb-search--page input {
  flex: 1;
  height: 2.6rem;
  padding: 0 0.8rem;
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  color: var(--wb-ink);
  font-size: var(--edc-fs-body);
}
.wb-public-body .wb-search--page input:focus {
  outline: 2px solid var(--wb-primary);
  outline-offset: 1px;
}
.wb-public-body .wb-result-list {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
}
.wb-public-body .wb-result-list li {
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-result-list a {
  font-weight: 600;
  color: var(--wb-primary);
  text-decoration: none;
}
.wb-public-body .wb-result-list p {
  margin: 0.25rem 0 0;
  color: var(--wb-muted);
}
.wb-public-body .wb-result-cat {
  margin-left: 0.5rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-public-body .wb-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 0 0.25rem;
}
.wb-public-body .wb-pill {
  display: inline-block;
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  border: 1px solid var(--wb-hairline);
  color: var(--wb-ink);
  text-decoration: none;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 500;
}
.wb-public-body .wb-pill:hover {
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-pill.is-on {
  background: var(--wb-primary);
  color: var(--wb-on-primary);
  border-color: var(--wb-primary);
}
.wb-public-body .wb-newsgrid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
}
.wb-public-body .wb-newscard {
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  overflow: hidden;
  background: var(--wb-surface);
  display: flex;
  flex-direction: column;
}
.wb-public-body .wb-newscard__media {
  display: block;
  aspect-ratio: 16/9;
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-newscard__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wb-public-body .wb-newscard__body {
  padding: 1rem 1.1rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.wb-public-body .wb-newscard__cat {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wb-primary);
}
.wb-public-body .wb-newscard h2 {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  margin: 0;
}
.wb-public-body .wb-newscard h2 a {
  color: var(--wb-ink);
  text-decoration: none;
}
.wb-public-body .wb-newscard h2 a:hover {
  color: var(--wb-primary);
}
.wb-public-body .wb-newscard__meta {
  margin: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: var(--wb-muted);
}
.wb-public-body .wb-newscard p {
  margin: 0;
  color: var(--wb-muted);
}
.wb-public-body .wb-article__inner {
  max-width: 44rem;
}
.wb-public-body .wb-article__crumb {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  margin-bottom: 0.75rem;
}
.wb-public-body .wb-article__crumb a {
  color: var(--wb-primary);
  text-decoration: none;
}
.wb-public-body .wb-article h1 {
  margin-bottom: 0.5rem;
}
.wb-public-body .wb-article__meta {
  color: var(--wb-muted);
  margin-bottom: 1.25rem;
}
.wb-public-body .wb-article__image {
  width: 100%;
  border-radius: var(--wb-radius);
  margin: 0 0 1.25rem;
  display: block;
}
.wb-public-body .wb-article__lede {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  color: var(--wb-ink);
  margin-bottom: 1.25rem;
}
.wb-public-body .wb-article__body {
  line-height: 1.7;
}
.wb-public-body .wb-article__body img {
  max-width: 100%;
  height: auto;
  border-radius: var(--wb-radius);
}
.wb-public-body .wb-article__body h2, .wb-public-body .wb-article__body h3 {
  margin: 1.5rem 0 0.5rem;
}
.wb-public-body .wb-block.pm-body {
  font-family: inherit;
}
.wb-public-body .wb-block.pm-body h1, .wb-public-body .wb-block.pm-body h2, .wb-public-body .wb-block.pm-body h3, .wb-public-body .wb-block.pm-body h4 {
  font-family: var(--wb-theme-font-heading, "Inter", system-ui, sans-serif);
}
.wb-public-body section[id], .wb-public-body nav[id] {
  scroll-margin-top: 6rem;
}
.wb-public-body .wb-faq__list {
  border-top: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-faq--list .wb-faq__list {
  max-width: 52rem;
}
.wb-public-body .wb-faq--columns .wb-faq__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr));
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  border-top: 0;
}
.wb-public-body .wb-faq--columns .wb-faq__item {
  border-top: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-faq__item {
  border-bottom: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-faq--columns .wb-faq__item {
  border-bottom: 0;
}
.wb-public-body .wb-faq__q {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1.15rem 0;
  font-family: var(--wb-theme-font-heading, inherit);
  font-weight: 600;
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  color: var(--wb-ink);
}
.wb-public-body .wb-faq__q::-webkit-details-marker {
  display: none;
}
.wb-public-body .wb-faq__q:hover {
  color: var(--wb-primary);
}
.wb-public-body .wb-faq__q:focus-visible {
  outline: 2px solid var(--wb-primary);
  outline-offset: 3px;
  border-radius: 2px;
}
.wb-public-body .wb-faq__mark {
  flex: 0 0 auto;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  border: 1px solid var(--wb-hairline);
  position: relative;
  margin-top: -0.1rem;
}
.wb-public-body .wb-faq__mark::before, .wb-public-body .wb-faq__mark::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.7rem;
  height: 2px;
  background: var(--wb-primary);
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease;
}
.wb-public-body .wb-faq__mark::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.wb-public-body .wb-faq__item[open] .wb-faq__mark::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.wb-public-body .wb-faq__a {
  padding: 0 3rem 1.25rem 0;
  color: var(--wb-ink);
  line-height: 1.65;
}
.wb-public-body .wb-faq__a p {
  margin: 0 0 0.75rem;
}
.wb-public-body .wb-faq__a p:last-child {
  margin: 0;
}
.wb-public-body .wb-timeline__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wb-public-body .wb-timeline--timeline .wb-timeline__list {
  position: relative;
  padding-left: 2.25rem;
  max-width: 52rem;
}
.wb-public-body .wb-timeline--timeline .wb-timeline__list::before {
  content: "";
  position: absolute;
  left: 0.55rem;
  top: 0.5rem;
  bottom: 0.5rem;
  width: 2px;
  background: var(--wb-hairline);
}
.wb-public-body .wb-timeline--timeline .wb-timeline__item {
  position: relative;
  padding-bottom: 2rem;
}
.wb-public-body .wb-timeline--timeline .wb-timeline__item:last-child {
  padding-bottom: 0;
}
.wb-public-body .wb-timeline--timeline .wb-timeline__marker {
  position: absolute;
  left: -2.25rem;
  top: 0.3rem;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  background: var(--wb-surface);
  border: 3px solid var(--wb-primary);
}
.wb-public-body .wb-timeline__label {
  margin: 0 0 0.2rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wb-primary);
}
.wb-public-body .wb-timeline__title {
  margin: 0 0 0.35rem;
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
}
.wb-public-body .wb-timeline__text {
  color: var(--wb-muted);
  line-height: 1.6;
  max-width: 40rem;
}
.wb-public-body .wb-timeline__text p {
  margin: 0 0 0.5rem;
}
.wb-public-body .wb-timeline__text p:last-child {
  margin: 0;
}
.wb-public-body .wb-timeline--steps .wb-timeline__list {
  display: grid;
  gap: 1.5rem 2rem;
  counter-reset: none;
}
@media (min-width: 52rem) {
  .wb-public-body .wb-timeline--steps .wb-timeline__list--2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .wb-public-body .wb-timeline--steps .wb-timeline__list--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .wb-public-body .wb-timeline--steps .wb-timeline__list--4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.wb-public-body .wb-timeline--steps .wb-timeline__item {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding-top: 1.25rem;
  border-top: 3px solid var(--wb-primary);
}
.wb-public-body .wb-timeline--steps .wb-timeline__marker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--wb-primary);
  color: var(--wb-on-primary);
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
}
.wb-public-body .wb-video__figure {
  margin: 0;
}
.wb-public-body .wb-video__frame {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: var(--wb-radius);
  overflow: hidden;
  background: var(--wb-dark);
  box-shadow: var(--wb-shadow-md);
}
.wb-public-body .wb-video__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.wb-public-body .wb-video__caption {
  margin-top: 0.75rem;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: var(--wb-muted);
}
.wb-public-body .wb-video__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  aspect-ratio: 16/9;
  border-radius: var(--wb-radius);
  background: var(--wb-dark);
  color: #fff;
  font-weight: 600;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  text-decoration: none;
}
.wb-public-body .wb-video__link .wb-icon {
  width: 2.5rem;
  height: 2.5rem;
  fill: currentColor;
}
.wb-public-body .wb-video__link:hover {
  background: var(--wb-secondary);
}
.wb-public-body .wb-video__cta {
  margin: 1.25rem 0 0;
}
.wb-public-body .wb-video--wide .wb-video__words {
  margin-bottom: 2rem;
}
.wb-public-body .wb-video--wide .wb-video__figure {
  max-width: 64rem;
}
.wb-public-body .wb-video--split .wb-video__inner {
  display: grid;
  gap: 2rem 3.5rem;
  align-items: center;
}
@media (min-width: 60rem) {
  .wb-public-body .wb-video--split .wb-video__inner {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
.wb-public-body .wb-video--split .wb-video__body {
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  line-height: 1.65;
  margin-top: 0.75rem;
}
.wb-public-body .wb-location__inner {
  display: grid;
  gap: 2rem 3.5rem;
  align-items: stretch;
}
@media (min-width: 60rem) {
  .wb-public-body .wb-location--map .wb-location__inner {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
.wb-public-body .wb-location__facts {
  margin: 1.5rem 0 0;
  display: grid;
  gap: 1.1rem;
}
.wb-public-body .wb-location__facts dt {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wb-muted);
  margin-bottom: 0.2rem;
}
.wb-public-body .wb-location__facts dd {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  line-height: 1.55;
}
.wb-public-body .wb-location__facts address {
  font-style: normal;
  margin: 0;
}
.wb-public-body .wb-location__facts a {
  color: var(--wb-primary);
}
.wb-public-body .wb-location__cta {
  margin: 1.75rem 0 0;
}
.wb-public-body .wb-location__map {
  min-height: 20rem;
  border-radius: var(--wb-radius);
  overflow: hidden;
  background: var(--wb-tint-strong);
  box-shadow: var(--wb-shadow-sm);
}
.wb-public-body .wb-location__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 20rem;
  border: 0;
}
.wb-public-body .wb-location__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wb-public-body .wb-location__ours {
  display: flex;
  flex-direction: column;
  background: var(--wb-surface);
}
.wb-public-body .wb-map {
  flex: 1 1 auto;
  min-height: 22rem;
  background: var(--wb-tint-strong);
  z-index: 0;
}
.wb-public-body .wb-map .leaflet-control-attribution {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
}
.wb-public-body .wb-map .leaflet-popup-content {
  margin: 0.85rem 1rem;
  font: inherit;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  line-height: 1.45;
  color: var(--wb-ink);
}
.wb-public-body .wb-map__popup {
  display: grid;
  gap: 0.2rem;
  padding-right: 1.1rem;
}
.wb-public-body .wb-map__popup a {
  color: var(--wb-primary);
  font-weight: 600;
  margin-top: 0.3rem;
}
.wb-public-body .wb-map__marker {
  background: none;
  border: 0;
}
.wb-public-body .wb-map__marker span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  background: var(--wb-primary);
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  color: var(--wb-on-primary);
  font-weight: 700;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.wb-public-body .wb-map__marker b {
  transform: rotate(45deg);
  line-height: 1;
}
.wb-public-body .wb-map__places {
  list-style: none;
  margin: 0;
  padding: 1rem 1.25rem;
  display: grid;
  gap: 0.85rem 1.25rem;
  border-top: 1px solid var(--wb-hairline);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
}
.wb-public-body .wb-map__places li {
  display: flex;
  gap: 0.7rem;
  align-items: flex-start;
}
.wb-public-body .wb-map__pin {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: var(--wb-primary);
  color: var(--wb-on-primary);
  font-weight: 700;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.wb-public-body .wb-map__place {
  display: grid;
  gap: 0.1rem;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  line-height: 1.4;
}
.wb-public-body .wb-map__place span {
  color: var(--wb-muted);
}
.wb-public-body .wb-map__note {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.wb-public-body .wb-employers__scroll {
  overflow-x: auto;
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
}
.wb-public-body .wb-employers__scroll:focus-visible {
  outline: 2px solid var(--wb-primary);
  outline-offset: 2px;
}
.wb-public-body .wb-employers__table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
  min-width: 28rem;
}
.wb-public-body .wb-employers__table th, .wb-public-body .wb-employers__table td {
  text-align: left;
  padding: 0.8rem 1.1rem;
  border-bottom: 1px solid var(--wb-hairline);
  vertical-align: top;
}
.wb-public-body .wb-employers__table thead th {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wb-muted);
  background: var(--wb-tint);
}
.wb-public-body .wb-employers__table tbody th {
  font-weight: 600;
}
.wb-public-body .wb-employers__table tbody th a {
  color: var(--wb-primary);
}
.wb-public-body .wb-employers__table tbody tr:last-child > * {
  border-bottom: 0;
}
.wb-public-body .wb-employers__num {
  text-align: right !important;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.wb-public-body .wb-employers__source {
  margin: 0.75rem 0 0;
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.wb-public-body .wb-propspecs {
  display: grid;
  gap: 1.25rem;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-propspecs__title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wb-muted);
  margin: 0 0 0.5rem;
}
.wb-public-body .wb-propspecs__list {
  margin: 0;
  display: grid;
  gap: 0.35rem;
}
.wb-public-body .wb-propspecs__list > div {
  display: grid;
  grid-template-columns: minmax(7rem, auto) 1fr;
  gap: 1.25rem;
}
.wb-public-body .wb-propspecs__list dt {
  font-weight: 600;
}
.wb-public-body .wb-propspecs__list dd {
  margin: 0;
}
.wb-public-body .wb-propcontact {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-proparea {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--wb-hairline);
  display: grid;
  gap: 1.25rem;
}
.wb-public-body .wb-proparea__lede {
  margin: -0.25rem 0 0;
  color: var(--wb-muted);
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-public-body .wb-proparea__source {
  margin: 0.4rem 0 0;
  color: var(--wb-muted);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.wb-public-body .wb-proparea__sample {
  margin: 0;
  padding: 0.6rem 0.85rem;
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  background: var(--wb-tint);
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.wb-public-body .wb-props-map {
  margin: 0 0 1.75rem;
  border-radius: var(--wb-radius);
  overflow: hidden;
  box-shadow: var(--wb-shadow-sm);
}
.wb-public-body .wb-props-map .wb-map {
  min-height: clamp(18rem, 42vw, 26rem);
}
.wb-public-body .wb-tabs__list {
  display: flex;
  gap: 0.25rem;
  border-bottom: 1px solid var(--wb-hairline);
  margin-bottom: 2rem;
  overflow-x: auto;
  scrollbar-width: thin;
}
.wb-public-body .wb-tabs__tab {
  flex: 0 0 auto;
  white-space: nowrap;
}
.wb-public-body .wb-tabs__tab {
  font: inherit;
  font-weight: 600;
  font-size: var(--edc-fs-body);
  color: var(--wb-muted);
  background: none;
  border: 0;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  padding: 0.8rem 1.1rem;
  cursor: pointer;
}
.wb-public-body .wb-tabs__tab:hover {
  color: var(--wb-ink);
}
.wb-public-body .wb-tabs__tab[aria-selected=true] {
  color: var(--wb-primary);
  border-bottom-color: var(--wb-primary);
}
.wb-public-body .wb-tabs__tab:focus-visible {
  outline: 2px solid var(--wb-primary);
  outline-offset: -2px;
  border-radius: 4px 4px 0 0;
}
.wb-public-body .wb-tabs__panel + .wb-tabs__panel {
  margin-top: 2.5rem;
}
.wb-public-body .wb-tabs.is-tabbed .wb-tabs__panel + .wb-tabs__panel {
  margin-top: 0;
}
.wb-public-body .wb-tabs__panel:focus-visible {
  outline: 2px solid var(--wb-primary);
  outline-offset: 6px;
  border-radius: 4px;
}
.wb-public-body .wb-tabs__panel--media {
  display: grid;
  gap: 2rem 3.5rem;
  align-items: center;
}
@media (min-width: 60rem) {
  .wb-public-body .wb-tabs__panel--media {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.wb-public-body .wb-tabs__heading {
  margin: 0 0 0.75rem;
  font-size: clamp(1.35rem, 2.6vw, 1.75rem);
}
.wb-public-body .wb-tabs__body {
  color: var(--wb-ink);
  line-height: 1.65;
  max-width: 40rem;
}
.wb-public-body .wb-tabs__body p {
  margin: 0 0 0.85rem;
}
.wb-public-body .wb-tabs__media {
  aspect-ratio: 4/3;
  border-radius: var(--wb-radius);
  overflow: hidden;
  background: var(--wb-tint-strong);
}
.wb-public-body .wb-tabs__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wb-public-body .wb-resources__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wb-public-body .wb-resource {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  position: relative;
}
.wb-public-body .wb-resources--list .wb-resources__list {
  max-width: 52rem;
}
.wb-public-body .wb-resources--list .wb-resource {
  padding: 1.15rem 0;
  border-top: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-resources--list .wb-resource:last-child {
  border-bottom: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-resources--cards .wb-resources__list {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}
.wb-public-body .wb-resources--cards .wb-resource {
  padding: 1.25rem;
  background: var(--wb-surface);
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  box-shadow: var(--wb-shadow-sm);
}
.wb-public-body .wb-resources--cards .wb-resource:hover {
  box-shadow: var(--wb-shadow-md);
}
.wb-public-body .wb-resource__icon {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--wb-radius-sm);
  background: var(--wb-tint-strong);
  color: var(--wb-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wb-public-body .wb-resource__icon .wb-icon {
  width: 1.35rem;
  height: 1.35rem;
}
.wb-public-body .wb-resource__meta {
  margin: 0 0 0.15rem;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-public-body .wb-resource__title {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  line-height: 1.35;
}
.wb-public-body .wb-resource__title a {
  color: var(--wb-ink);
  text-decoration: none;
}
.wb-public-body .wb-resource__title a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.wb-public-body .wb-resource__title a:hover {
  color: var(--wb-primary);
  text-decoration: underline;
}
.wb-public-body .wb-resource__title a:focus-visible {
  outline: none;
}
.wb-public-body .wb-resource:focus-within {
  outline: 2px solid var(--wb-primary);
  outline-offset: 2px;
  border-radius: var(--wb-radius-sm);
}
.wb-public-body .wb-resource__desc {
  margin: 0.3rem 0 0;
  color: var(--wb-muted);
  line-height: 1.55;
}
.wb-public-body .wb-compare__scroll {
  position: relative;
  overflow-x: auto;
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
  box-shadow: var(--wb-shadow-sm);
}
.wb-public-body .wb-compare__scroll:focus-visible {
  outline: 2px solid var(--wb-primary);
  outline-offset: 2px;
}
.wb-public-body .wb-compare__table {
  width: 100%;
  min-width: 40rem;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
}
.wb-public-body .wb-compare__table th, .wb-public-body .wb-compare__table td {
  padding: 0.9rem 1.1rem;
  border-bottom: 1px solid var(--wb-hairline);
  text-align: center;
  vertical-align: middle;
}
.wb-public-body .wb-compare__table tbody tr:last-child th, .wb-public-body .wb-compare__table tbody tr:last-child td {
  border-bottom: 0;
}
.wb-public-body .wb-compare__table tfoot td {
  border-top: 1px solid var(--wb-hairline);
  border-bottom: 0;
  padding-top: 1.1rem;
  padding-bottom: 1.25rem;
}
.wb-public-body .wb-compare__table thead th {
  vertical-align: bottom;
  padding-top: 1.35rem;
  padding-bottom: 1.1rem;
}
.wb-public-body .wb-compare__feature {
  text-align: left !important;
  font-weight: 500;
  color: var(--wb-ink);
  min-width: 11rem;
}
.wb-public-body .wb-compare__feature, .wb-public-body .wb-compare__corner {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--wb-surface);
}
@media (max-width: 40rem) {
  .wb-public-body .wb-compare__feature {
    min-width: 8.5rem;
    box-shadow: 1px 0 0 var(--wb-hairline);
  }
}
.wb-public-body .wb-compare__col {
  min-width: 8.5rem;
}
.wb-public-body .wb-compare__name {
  display: block;
  font-family: var(--wb-theme-font-heading, inherit);
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  font-weight: 700;
  color: var(--wb-ink);
}
.wb-public-body .wb-compare__price {
  display: block;
  margin-top: 0.2rem;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 600;
  color: var(--wb-primary);
}
.wb-public-body .wb-compare__note {
  display: block;
  margin-top: 0.2rem;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 400;
  color: var(--wb-muted);
}
.wb-public-body .wb-compare__flag {
  display: inline-block;
  margin-bottom: 0.45rem;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  background: var(--wb-primary);
  color: var(--wb-on-primary);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wb-public-body .wb-compare__table .is-featured {
  background: var(--wb-tint);
}
.wb-public-body .wb-compare__yes {
  color: var(--wb-primary);
  display: inline-flex;
}
.wb-public-body .wb-compare__yes .wb-icon {
  width: 1.35rem;
  height: 1.35rem;
  stroke-width: 2.4;
}
.wb-public-body .wb-compare__no {
  color: var(--wb-faint);
}
.wb-public-body .wb-compare__footnote {
  margin: 1rem 0 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: var(--wb-muted);
}

.wb-party {
  margin: 6px 0 12px;
  padding: 12px 14px 2px;
  border: 1px dashed rgba(0, 0, 0, 0.18);
  border-radius: 10px;
}

.wb-party__row {
  margin-bottom: 0;
}

.wb-choices {
  border: 0;
  padding: 0;
  margin: 0 0 12px;
}
.wb-choices legend {
  margin-bottom: 6px;
}

.wb-choice {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 0;
  margin: 0;
  cursor: pointer;
}
.wb-choice input {
  margin: 0;
}

.wb-public-body .wb-data-figure__figure {
  margin: 0;
  max-width: 44rem;
}
.wb-public-body .wb-data-figure__value {
  margin: 0;
  font-family: var(--wb-heading-font, inherit);
  font-weight: 800;
  line-height: 1.05;
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  color: var(--wb-primary);
}
.wb-public-body .wb-data-figure__label {
  margin: 0.35rem 0 0;
  font-size: var(--edc-fs-title);
  font-weight: 600;
  color: var(--wb-ink);
}
.wb-public-body .wb-statband .wb-data-figure__value {
  color: #fff;
}
.wb-public-body .wb-statband .wb-data-figure__label {
  color: var(--wb-on-dark);
}
.wb-public-body .wb-data__description {
  margin: 0.9rem 0 0;
  max-width: 44rem;
  color: var(--wb-ink);
}
.wb-public-body .wb-data__provenance {
  margin-top: 1rem;
}
.wb-public-body .wb-data__source {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: var(--wb-muted);
  max-width: 48rem;
}
.wb-public-body .wb-statband .wb-data__source {
  color: rgba(214, 222, 234, 0.9);
}
.wb-public-body .wb-data__sample {
  margin: 0.5rem 0 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #7a3e09;
}
.wb-public-body .wb-data__download {
  margin: 0.6rem 0 0;
}
.wb-public-body .wb-data__download a, .wb-public-body .wb-data__download-link {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  font-weight: 600;
  color: var(--wb-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wb-public-body .wb-statband .wb-data__download a {
  color: #fff;
}
.wb-public-body .wb-statband .wb-data__sample {
  color: #fcd9a8;
}
.wb-public-body .wb-data-table__scroll {
  overflow-x: auto;
  margin-top: 1rem;
  border: 1px solid var(--wb-hairline);
  border-radius: var(--wb-radius);
}
.wb-public-body .wb-data-table__scroll:focus-visible {
  outline: 3px solid var(--wb-primary);
  outline-offset: 2px;
}
.wb-public-body .wb-data-table__table {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
  background: var(--wb-surface);
}
.wb-public-body .wb-data-table__table caption {
  caption-side: top;
  text-align: left;
  padding: 0.75rem 1rem;
  font-weight: 700;
  color: var(--wb-ink);
}
.wb-public-body .wb-data-table__table th, .wb-public-body .wb-data-table__table td {
  padding: 0.6rem 1rem;
  text-align: left;
  border-top: 1px solid var(--wb-hairline);
}
.wb-public-body .wb-data-table__table thead th {
  font-size: var(--edc-fs-secondary);
  text-transform: none;
  color: var(--wb-muted);
  font-weight: 700;
}
.wb-public-body .wb-data-table__table td {
  text-align: right;
}
.wb-public-body .wb-data-table__table thead th:not(:first-child) {
  text-align: right;
}
.wb-public-body .wb-data-download__card {
  max-width: 40rem;
}
.wb-public-body .wb-data-download__title {
  margin: 0;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
}
.wb-public-body .wb-data__skeleton {
  display: grid;
  gap: 10px;
  max-width: 24rem;
}
.wb-public-body .wb-data__skeleton span {
  display: block;
  height: 18px;
  border-radius: 6px;
  background: var(--wb-hairline);
}
.wb-public-body .wb-data__skeleton span:first-child {
  height: 44px;
  width: 60%;
}

.wba-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 8px 8px 48px;
  color: #14202e;
}
.wba-page a {
  text-decoration: none;
}

.wba-head {
  padding: 28px 4px 24px;
}
.wba-head .breadcrumb {
  margin-bottom: 18px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.wba-head .breadcrumb a {
  color: #55606f;
  font-weight: 500;
}
.wba-head .breadcrumb a:hover {
  color: #2549a8;
  text-decoration: underline;
}
.wba-head .breadcrumb-item.active {
  color: #55606f;
}

.wba-head__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.wba-title {
  font-size: calc(var(--edc-fs-display) * 22.75 / 24);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #14202e;
}

.wba-head__sub {
  margin: 6px 0 0;
  color: #55606f;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.wba-head__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-top: 10px;
  color: #55606f;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.wba-head__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 2px;
}

.wba-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.wba-pill::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.wba-pill--published {
  background: #e5f6ee;
  color: #0c6b48;
}
.wba-pill--draft {
  background: #edf1f6;
  color: #4a5568;
}
.wba-pill--proposal {
  background: #e7effc;
  color: #234e9d;
}
.wba-pill--archived {
  background: #f1f2f4;
  color: #6b7480;
}

.wba-campaign-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  background: #eef1f6;
  color: #2c3e50;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
}
.wba-campaign-chip i {
  color: #4a5a6e;
}
.wba-campaign-chip__link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.wba-campaign-chip__link:hover, .wba-campaign-chip__link:focus-visible {
  color: #10243a;
}
.wba-campaign-chip--gone {
  background: #fdf1e7;
  color: #7a3e09;
}
.wba-campaign-chip--gone i {
  color: #7a3e09;
}
.wba-campaign-chip__ended {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  background: #fdf1e7;
  color: #7a3e09;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  max-width: 100%;
}

.wba-campaign-ended {
  margin: 8px 0 0;
  color: #7a3e09;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
}

.wba-dup {
  display: grid;
  gap: 8px;
  max-width: 720px;
}

.wba-dup__label {
  font-weight: 600;
  margin: 0;
}

.wba-dup__row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.wba-dup__row .bootstrap-select, .wba-dup__row select {
  flex: 1 1 280px;
  min-width: 0;
}

.wba-dup__help {
  margin: 0;
  color: #4a5a6e;
  font-size: var(--edc-fs-body);
}

.wba-check {
  display: grid;
  grid-template-columns: 24px 1fr;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: start;
  padding-left: 0;
  margin-bottom: 10px;
}
.wba-check .form-check-input {
  width: 24px;
  height: 24px;
  margin: 0;
  float: none;
  grid-row: 1/span 2;
}
.wba-check .form-check-label {
  font-weight: 600;
  color: #1f2a37;
  line-height: 24px;
}
.wba-check .form-text {
  grid-column: 2;
  margin-top: 2px;
}

.wba-settings__heading {
  margin: 0 0 8px;
  font-weight: 700;
  color: #1f2a37;
}

.wba-crawlers {
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  padding: 14px 16px 16px;
}
.wba-crawlers__legend {
  float: none;
  width: auto;
  padding: 0 6px;
  margin: 0;
  font-weight: 700;
  font-size: var(--edc-fs-body);
}

.wba-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: var(--edc-fs-secondary);
}

.wba-disclosure {
  border: 1px solid #dfe3ea;
  border-radius: 8px;
}
.wba-disclosure__summary {
  cursor: pointer;
  padding: 10px 14px;
  font-weight: 600;
  color: #1f2a37;
  min-height: 24px;
}
.wba-disclosure__summary:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.wba-disclosure__body {
  padding: 0 14px 14px;
}

.wba-search-basics__line {
  margin: 0;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
}
.wba-search-basics__link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.wba-search-basics__warn {
  color: #8a3b00;
  font-weight: 600;
}
.wba-search-basics__act {
  margin: 8px 0 0;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.wba-search-basics__status {
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
}

.wba-live-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 12px;
  border-radius: 999px;
  background: #e5f6ee;
  color: #0c6b48;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
}
.wba-live-chip svg {
  flex: none;
}
.wba-live-chip:hover {
  background: #d4efe2;
  color: #0a5a3d;
}

.wba-card {
  background: #fff;
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(20, 32, 46, 0.04);
  margin-bottom: 20px;
}

.wba-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px;
  background: #f4f7fb;
  border-bottom: 1px solid #e4e8ef;
  border-radius: 12px 12px 0 0;
}

.wba-card__lead {
  min-width: 0;
  flex: 1 1 auto;
}

.wba-card__title {
  font-size: calc(var(--edc-fs-heading) * 16.8 / 16);
  font-weight: 750;
  letter-spacing: -0.01em;
  margin: 0;
  color: #14202e;
  line-height: 1.25;
}

.wba-card__sub {
  margin: 3px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #55606f;
}

.wba-card__body {
  padding: 20px 24px;
}

.wba-label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #55606f;
  display: block;
  margin-bottom: 8px;
}

.wba-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #14202e;
  background: #fff;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  padding: 7px 14px;
  line-height: 1.2;
  min-width: 0;
  cursor: pointer;
  white-space: nowrap;
}
.wba-btn:hover {
  background: #f4f7fb;
  color: #14202e;
}
.wba-btn:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}
.wba-btn--primary {
  background: #2549a8;
  border-color: #2549a8;
  color: #fff;
}
.wba-btn--primary:hover {
  background: #1e3d8f;
  color: #fff;
}
.wba-btn--sm {
  padding: 5px 11px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.9375 / 11);
}
.wba-btn--icon {
  padding: 5px 8px;
  min-width: 30px;
  justify-content: center;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  line-height: 1;
}
.wba-btn--icon:disabled {
  opacity: 0.45;
  cursor: default;
}

.wba-page .btn, .wba-actions .btn {
  min-width: 0;
}

.wba-menu {
  position: relative;
  display: inline-block;
}
.wba-menu > summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  background: #fff;
  color: #55606f;
  cursor: pointer;
  font-weight: 700;
}
.wba-menu > summary::-webkit-details-marker {
  display: none;
}
.wba-menu > summary:hover {
  background: #f4f7fb;
  color: #14202e;
}
.wba-menu > summary:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}
.wba-menu[open] > summary {
  background: #f4f7fb;
  color: #14202e;
}
.wba-menu__list {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 30;
  min-width: 170px;
  background: #fff;
  border: 1px solid #e4e8ef;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(20, 32, 46, 0.12);
  padding: 6px;
  margin: 0;
  list-style: none;
}
.wba-menu__item {
  display: block;
  width: 100%;
  text-align: left;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  color: #14202e;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 8px 10px;
  cursor: pointer;
}
.wba-menu__item:hover {
  background: #f4f7fb;
  color: #14202e;
}
.wba-menu__divider {
  border-top: 1px solid #e4e8ef;
  margin: 6px 4px;
}
.wba-menu__item--danger {
  color: #b42318;
}
.wba-menu__item--danger:hover {
  background: #fdf1f0;
  color: #b42318;
}
.wba-menu form {
  margin: 0;
}

.wba-sites {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wba-site {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(20, 32, 46, 0.04);
  overflow: hidden;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.wba-site:hover {
  box-shadow: 0 6px 18px rgba(20, 32, 46, 0.1);
  transform: translateY(-1px);
}

.wba-site__body {
  padding: 14px 16px 12px;
}

.wba-site__name {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  color: #14202e;
  display: block;
  margin-bottom: 3px;
}
.wba-site__name:hover {
  color: #2549a8;
}

.wba-site__meta {
  color: #55606f;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.wba-site__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 16px 14px;
  margin-top: auto;
}

.wba-site__foot-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.wba-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wba-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 24px;
  border-top: 1px solid #e4e8ef;
}
.wba-row:hover {
  background: #fafbfd;
}

.wba-row__num {
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: #f4f7fb;
  color: #55606f;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wba-row__main {
  flex: 1 1 auto;
  min-width: 0;
}

.wba-row__name {
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #14202e;
}

.wba-row__meta {
  color: #55606f;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  margin-left: 10px;
}

.wba-row__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
}

.wdash-create {
  flex: none;
  width: -moz-max-content;
  width: max-content;
}
.wdash-create > summary {
  width: -moz-max-content;
  width: max-content;
  height: auto;
  white-space: nowrap;
  border: 1px solid #2549a8;
  background: #2549a8;
  color: #fff;
  font-weight: 600;
}
.wdash-create > summary:hover {
  background: #1e3d8f;
  color: #fff;
}
.wdash-create[open] > summary {
  background: #1e3d8f;
  color: #fff;
}
.wdash-create__btnlabel {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.wdash-create__panel {
  min-width: 340px;
  padding: 8px;
}
.wdash-create__choice {
  display: block;
  border-radius: 8px;
  padding: 10px 12px;
}
.wdash-create__choice:hover {
  background: #f4f7fb;
}
.wdash-create__choice--static:hover {
  background: transparent;
  cursor: default;
}
.wdash-create__name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #14202e;
}
.wdash-create__name i {
  color: #2549a8;
  width: 16px;
  text-align: center;
}
.wdash-create__desc {
  display: block;
  margin-top: 3px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #55606f;
  line-height: 1.45;
}
.wdash-create__choice--static .wdash-create__name i {
  color: #55606f;
}

.wba-ov.wba-ov--insight {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}
.wba-ov.wba-ov--insight .insight-mount, .wba-ov.wba-ov--insight .insight {
  width: 100%;
  height: 100%;
}

.wbp-domain {
  margin-top: 8px;
}
.wbp-domain > summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  list-style: none;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #55606f;
  border-radius: 8px;
  padding: 2px 6px;
  margin-left: -6px;
}
.wbp-domain > summary::-webkit-details-marker {
  display: none;
}
.wbp-domain > summary::before {
  content: "▸";
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  color: #d7dee8;
}
.wbp-domain > summary:hover {
  color: #14202e;
  background: #f4f7fb;
}
.wbp-domain > summary:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}
.wbp-domain > summary strong {
  color: #14202e;
  font-weight: 600;
}
.wbp-domain[open] > summary::before {
  content: "▾";
}

.wbp-domain__form {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 10px 0 0;
}

.wbp-domain__hint {
  margin: 8px 0 0;
  max-width: 560px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #55606f;
}

.wba-theme {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px 48px;
}

.wba-swatch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-variant-numeric: tabular-nums;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #14202e;
}

.wba-swatch__chip {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid rgba(16, 26, 43, 0.15);
  display: inline-block;
}

.wba-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wba-tpl {
  display: flex;
  flex-direction: column;
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  transition: box-shadow 0.15s ease;
}
.wba-tpl:hover {
  box-shadow: 0 6px 18px rgba(20, 32, 46, 0.1);
}

.wba-tpl__body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 8px;
}

.wba-tpl__name {
  font-weight: 700;
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
}

.wba-tpl__desc {
  color: #55606f;
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.wba-tpl__pages {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wba-tpl__kids {
  color: #55606f;
  font-weight: 600;
}

.wba-shelf {
  margin-bottom: 8px;
}

.wba-shelf__title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1d2a44;
  margin: 0 0 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e3e8f0;
}

.wba-shelf__role {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #55606f;
  margin: 0 0 8px;
}

.wba-tpl__page {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.0625 / 10);
  font-weight: 500;
  background: #f4f7fb;
  color: #14202e;
  border-radius: 999px;
  padding: 2px 10px;
}

.wba-tpl__foot {
  margin-top: auto;
  padding-top: 8px;
}

.wba-tpl__shot {
  display: block;
  width: 100%;
  aspect-ratio: 1280/860;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-bottom: 1px solid #e4e8ef;
}

.wba-thumb {
  --wba-p: #2549a8;
  background: #fff;
  border-bottom: 1px solid #e4e8ef;
  padding: 12px 16px 0;
  height: 104px;
  overflow: hidden;
}

.wba-thumb--k-org_public {
  --wba-p: #1d3a6d;
}

.wba-thumb--k-event {
  --wba-p: #4338ca;
}

.wba-thumb--k-campaign {
  --wba-p: #b4530a;
}

.wba-thumb--k-property {
  --wba-p: #0f766e;
}

.wba-thumb--k-profile {
  --wba-p: #15803d;
}

.wba-thumb--k-program {
  --wba-p: #6d28d9;
}

.wba-thumb__page {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.wba-thumb__bar {
  height: 6px;
  border-radius: 2px;
  background: #e4e8ef;
  width: 40%;
}

.wba-thumb__hero {
  border-radius: 3px;
  background: var(--wba-p);
  height: 30px;
}

.wba-thumb__row {
  display: flex;
  gap: 4px;
}

.wba-thumb__card {
  flex: 1;
  height: 16px;
  border-radius: 3px;
  background: #f4f7fb;
  border: 1px solid #e4e8ef;
}

.wba-thumb__line {
  height: 5px;
  border-radius: 2px;
  background: #f4f7fb;
}

.wba-thumb__line--wide {
  width: 85%;
}

.wba-thumb__line--mid {
  width: 60%;
}

.wba-thumb--proposal .wba-thumb__hero {
  height: 10px;
  background: #101a2b;
}

.wba-thumb--photo {
  padding: 0;
  background: #f4f7fb;
}

.wba-thumb--photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wba-builder-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(20, 32, 46, 0.04);
  padding: 12px 16px;
  margin-bottom: 16px;
}

.wba-builder-toolbar__left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  min-width: 0;
}

.wba-builder-toolbar__title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #14202e;
  white-space: nowrap;
}

.wba-builder-toolbar__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #55606f;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
}
.wba-builder-toolbar__back:hover {
  color: #2549a8;
}

.wba-builder-toolbar__right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.wba-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

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

@media all {
  .wb-col-palette {
    display: none;
  }
  .wba-pagebar__add {
    display: inline-flex;
  }
  .wba-pane.wb-col-inspector {
    position: fixed;
    top: 66px;
    right: 0;
    height: calc(100vh - 66px);
    max-height: none;
    width: min(360px, 92vw);
    border-radius: 0;
    box-shadow: -12px 0 40px rgba(16, 26, 43, 0.2);
    z-index: 100000;
    transform: translateX(100%);
    transition: transform 160ms ease;
    overflow-y: auto;
  }
  .wba-pane.wb-col-inspector.is-open {
    transform: none;
  }
  .wba-pane__done {
    display: inline-flex;
  }
}
.wba-pane {
  background: #fff;
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(20, 32, 46, 0.04);
  position: sticky;
  top: 12px;
  max-height: calc(100vh - 24px);
  overflow-y: auto;
}
@media (max-width: 991px) {
  .wba-pane {
    position: static;
    max-height: none;
  }
}

.wba-pane__head {
  padding: 12px 16px;
  border-bottom: 1px solid #e4e8ef;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #55606f;
  position: sticky;
  top: 0;
  background: #fff;
  border-radius: 12px 12px 0 0;
}

.wba-pane__body {
  padding: 12px 16px 16px;
}

.wba-block-btn {
  display: flex;
  align-items: baseline;
  gap: 7px;
  width: 100%;
  text-align: left;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 500;
  line-height: 1.3;
  color: #14202e;
  background: #fff;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  padding: 7px 10px;
  min-width: 0;
  cursor: pointer;
}
.wba-block-btn:hover {
  background: #f4f7fb;
  border-color: #c3cdda;
}
.wba-block-btn:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}
.wba-block-btn .wba-block-btn__plus {
  color: #2549a8;
  font-weight: 700;
}

.wba-palette-group {
  margin-bottom: 14px;
}

.wba-palette-group h3 {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.1875 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #55606f;
  margin: 0 0 6px;
}

.wba-palette-group li {
  margin-bottom: 6px;
}

.wba-canvas-surface {
  background: #e9edf3;
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  padding: 20px;
  min-height: 70vh;
}

.wba-canvas-page {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 18px rgba(20, 32, 46, 0.12);
  overflow: hidden;
  max-width: 960px;
  margin: 0 auto;
}

.wba-inspector-empty {
  text-align: center;
  padding: 36px 16px;
  color: #55606f;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}
.wba-inspector-empty svg {
  color: #c3cdda;
  margin-bottom: 10px;
}
.wba-inspector-empty strong {
  display: block;
  color: #14202e;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  margin-bottom: 4px;
}

.wba-pagebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.wba-pagebar select {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #14202e;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  padding: 6px 28px 6px 10px;
  background-color: #fff;
}
.wba-pagebar .wba-pagebar__status {
  color: #55606f;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.wbg-overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(16, 26, 43, 0.45);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 4vh 16px;
}

.wbg-modal {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(16, 26, 43, 0.3);
  width: min(1040px, 100%);
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.wbg-modal__head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  border-bottom: 1px solid #e4e8ef;
}

.wbg-modal__title {
  font-size: calc(var(--edc-fs-body) * 14.875 / 14);
  font-weight: 700;
  margin: 0;
  white-space: nowrap;
}

.wbg-modal__search {
  flex: 1 1 auto;
  min-width: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  border: 1px solid #d7dee8;
  border-radius: 8px;
  padding: 8px 12px;
}
.wbg-modal__search:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 1px;
}

.wbg-modal__close {
  flex: none;
  width: 34px;
  height: 34px;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  background: #fff;
  color: #55606f;
  cursor: pointer;
}
.wbg-modal__close:hover {
  background: #f4f7fb;
  color: #14202e;
}
.wbg-modal__close:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}

.wbg-modal__body {
  overflow-y: auto;
  padding: 18px 20px 26px;
}

.wbg-modal__none {
  color: #55606f;
  margin: 8px 0 0;
}

.wbg-group {
  margin-bottom: 20px;
}

.wbg-group__title {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #55606f;
  margin: 0 0 10px;
}

.wbg-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  gap: 12px;
}

.wbg-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  height: 100%;
  text-align: left;
  background: #fff;
  border: 1px solid #e4e8ef;
  border-radius: 10px;
  padding: 10px;
  cursor: pointer;
  position: relative;
}
.wbg-item:hover {
  border-color: #2549a8;
  box-shadow: 0 4px 14px rgba(20, 32, 46, 0.1);
}
.wbg-item:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}
.wbg-item:hover .wbg-item__add {
  opacity: 1;
}

.wbg-item__name {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 700;
  color: #14202e;
}

.wbg-item__desc {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #55606f;
  line-height: 1.35;
}

.wbg-item__add {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.0625 / 10);
  font-weight: 700;
  color: #fff;
  background: #2549a8;
  border-radius: 999px;
  padding: 2px 9px;
  opacity: 0;
}

.wbg-item__preview {
  display: block;
  background: #f4f7fb;
  border: 1px solid #e4e8ef;
  border-radius: 7px;
  height: 84px;
  overflow: hidden;
}

.wbg-pv {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px 12px;
  height: 100%;
  justify-content: flex-start;
}
.wbg-pv i {
  display: block;
}
.wbg-pv--center {
  justify-content: center;
  align-items: center;
}
.wbg-pv--bottom {
  justify-content: flex-end;
}
.wbg-pv__line {
  height: 6px;
  border-radius: 3px;
  background: #ccd5e2;
  width: 100%;
}
.wbg-pv__line--w80 {
  width: 80%;
}
.wbg-pv__line--w70 {
  width: 70%;
}
.wbg-pv__line--w60 {
  width: 60%;
}
.wbg-pv__line--w50 {
  width: 50%;
}
.wbg-pv__line--big {
  height: 10px;
  width: 55%;
  background: #93a3ba;
}
.wbg-pv__band {
  height: 26px;
  border-radius: 4px;
  width: 100%;
  background: linear-gradient(135deg, #2549a8, #4c76d6);
}
.wbg-pv__band--tall {
  height: 46px;
}
.wbg-pv__band--dark {
  background: #17233a;
  height: 30px;
}
.wbg-pv__chip {
  height: 8px;
  width: 20px;
  border-radius: 999px;
  background: #ccd5e2;
  display: inline-block;
}
.wbg-pv__chip--wide {
  width: 34px;
}
.wbg-pv__chip--accent {
  background: #2549a8;
}
.wbg-pv__navrow {
  display: flex;
  gap: 5px;
  align-items: center;
  width: 100%;
}
.wbg-pv__row {
  display: flex;
  gap: 7px;
  align-items: center;
  width: 100%;
}
.wbg-pv__row--flip {
  flex-direction: row-reverse;
}
.wbg-pv__row span {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wbg-pv__img {
  width: 34px;
  height: 24px;
  border-radius: 3px;
  background: #aebdd2;
  flex: none;
}
.wbg-pv__grid {
  display: flex;
  gap: 5px;
  width: 100%;
}
.wbg-pv__grid > * {
  flex: 1;
}
.wbg-pv__card {
  height: 30px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #ccd5e2;
}
.wbg-pv__card--big {
  height: 52px;
}
.wbg-pv__stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wbg-pv__timerow {
  display: flex;
  gap: 6px;
  align-items: center;
  width: 100%;
}
.wbg-pv__field {
  height: 12px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #ccd5e2;
  width: 100%;
}
.wbg-pv__field--grow {
  flex: 1;
}
.wbg-pv__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #aebdd2;
  flex: none;
  display: inline-block;
}
.wbg-pv__dot--square {
  border-radius: 3px;
}
.wbg-pv__dotrow {
  display: flex;
  gap: 10px;
}
.wbg-pv__quote {
  font-family: Georgia, serif;
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  line-height: 1;
  color: #93a3ba;
}
.wbg-pv__tile {
  height: 30px;
  border-radius: 4px;
  background: linear-gradient(180deg, #aebdd2 0%, #6b7f9c 100%);
}
.wbg-pv__dot--tiny {
  width: 6px;
  height: 6px;
}
.wbg-pv__dot--big {
  width: 16px;
  height: 16px;
}
.wbg-pv__dot--accent {
  background: #2549a8;
}
.wbg-pv__dotrow--tight {
  gap: 5px;
}
.wbg-pv__stat--center {
  align-items: center;
}
.wbg-pv__card--accent {
  border-color: #2549a8;
  border-width: 2px;
}

.wba-canvas-page .wb-carousel__track--canvas {
  overflow: hidden;
  scroll-snap-type: none;
}

.wba-canvas-page .wb-secnav--sticky {
  position: static;
}

.wba-canvas-page .wb-editable {
  cursor: text;
  border-radius: 4px;
  outline: none;
  transition: box-shadow 0.12s ease, background-color 0.12s ease;
}
.wba-canvas-page .wb-editable:hover {
  box-shadow: 0 0 0 2px rgba(37, 73, 168, 0.22);
}
.wba-canvas-page .wb-editable:focus {
  box-shadow: 0 0 0 2px rgba(37, 73, 168, 0.55);
  background: rgba(255, 255, 255, 0.06);
}
.wba-canvas-page .wb-editable:empty::before {
  content: attr(data-placeholder);
  opacity: 0.45;
  pointer-events: none;
}

.wba-canvas-page .wb-rt-source {
  white-space: pre-wrap;
  font-size: var(--edc-fs-body);
  line-height: 1.65;
  min-height: 4rem;
}

.wba-canvas-page .wb-imgedit {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.wba-canvas-page .wb-imgedit__btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #14202e;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(20, 32, 46, 0.15);
  border-radius: 999px;
  padding: 5px 12px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.12s ease;
  box-shadow: 0 2px 8px rgba(20, 32, 46, 0.18);
}

.wba-canvas-page .wb-imgedit:hover .wb-imgedit__btn,
.wba-canvas-page .wb-imgedit__btn:focus-visible,
.wba-canvas-page .wb-imgedit__btn--corner {
  opacity: 1;
}

.wba-canvas-page .wb-imgedit__btn--corner {
  position: absolute;
  opacity: 0;
}

.wba-canvas-page .wb-hero:hover .wb-imgedit__btn--corner {
  opacity: 1;
}

.wba-insert {
  position: relative;
  height: 0;
  z-index: 4;
}

.wba-insert__btn {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #2549a8;
  background: #fff;
  color: #2549a8;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.12s ease, transform 0.12s ease;
  box-shadow: 0 2px 8px rgba(20, 32, 46, 0.16);
}
.wba-insert__btn:hover {
  background: #2549a8;
  color: #fff;
  transform: translate(-50%, -50%) scale(1.12);
}
.wba-insert__btn:focus-visible {
  opacity: 1;
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}

.wba-insert:hover .wba-insert__btn {
  opacity: 1;
}

.wbi-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  gap: 10px;
}

.wbi-item {
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  background: #f4f7fb;
}
.wbi-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wbi-item:hover {
  border-color: #2549a8;
}
.wbi-item:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}
.wbi-item--current {
  border-color: #2549a8;
  box-shadow: 0 0 0 2px rgba(37, 73, 168, 0.25);
}

.wb-ai-assist {
  margin-top: 6px;
}

.wb-ai-assist__open {
  background: none;
  border: 0;
  padding: 2px 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #2549a8;
  cursor: pointer;
}
.wb-ai-assist__open:hover {
  text-decoration: underline;
}
.wb-ai-assist__open:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}

.wb-ai-assist__panel {
  border: 1px solid #e4e8ef;
  border-radius: 8px;
  background: #f4f7fb;
  padding: 8px;
}

.wb-ai-assist__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.wb-ai-assist__action {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  color: #14202e;
  background: #fff;
  border: 1px solid #d7dee8;
  border-radius: 999px;
  padding: 4px 11px;
  cursor: pointer;
}
.wb-ai-assist__action:hover:not(:disabled) {
  border-color: #2549a8;
  color: #2549a8;
}
.wb-ai-assist__action:disabled {
  opacity: 0.6;
  cursor: default;
}
.wb-ai-assist__action:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}

.wb-ai-assist__close {
  margin-left: auto;
  background: none;
  border: 0;
  color: #55606f;
  cursor: pointer;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  padding: 2px 6px;
}
.wb-ai-assist__close:hover {
  color: #14202e;
}
.wb-ai-assist__close:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}

.wb-ai-assist__error {
  color: #b42318;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  margin: 6px 0 0;
}

.wb-ai-assist__result {
  margin-top: 8px;
}

.wb-ai-assist__text {
  background: #fff;
  border: 1px solid #e4e8ef;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  margin: 0 0 8px;
  white-space: pre-wrap;
}

.wb-ai-assist__keep {
  display: flex;
  gap: 6px;
}

.wba-page--chromeless {
  max-width: none;
  padding: 10px 14px 24px;
}

.wsd-overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(16, 26, 43, 0.28);
  display: flex;
  justify-content: flex-end;
}

.wsd-drawer {
  width: min(380px, 92vw);
  height: 100%;
  background: #fff;
  box-shadow: -12px 0 40px rgba(16, 26, 43, 0.2);
  display: flex;
  flex-direction: column;
}

.wsd-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e4e8ef;
}

.wsd-drawer__title {
  font-size: calc(var(--edc-fs-body) * 14.875 / 14);
  font-weight: 700;
  margin: 0;
}

.wsd-drawer__body {
  flex: 1;
  overflow-y: auto;
  padding: 16px 20px;
}

.wsd-drawer__foot {
  display: flex;
  gap: 8px;
  padding: 14px 20px;
  border-top: 1px solid #e4e8ef;
}

.wsd-hint {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #55606f;
  margin: 0 0 16px;
}

.wsd-group {
  margin: 0 0 18px;
  border: 0;
  padding: 0;
}

.wsd-label {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #55606f;
  margin-bottom: 8px;
}

.wsd-look {
  display: block;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  padding: 9px 12px;
  margin-bottom: 6px;
  cursor: pointer;
}
.wsd-look:hover {
  border-color: #2549a8;
}
.wsd-look--on {
  border-color: #2549a8;
  box-shadow: 0 0 0 1px #2549a8;
}
.wsd-look:focus-within {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}

.wsd-look__name {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 700;
  color: #14202e;
}

.wsd-look__hint {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #55606f;
}

.wsd-colors {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wsd-color {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  cursor: pointer;
}
.wsd-color input[type=color] {
  width: 40px;
  height: 30px;
  padding: 2px;
  border: 1px solid #d7dee8;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
}
.wsd-color code {
  color: #55606f;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}

.wba-overview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.wba-ov {
  background: #fff;
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(20, 32, 46, 0.04);
  padding: 14px 18px 12px;
}

.wba-ov__value {
  display: block;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #14202e;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}

.wba-ov__label {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #55606f;
  margin-top: 4px;
}

.wba-ov__sub {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.9375 / 11);
  color: #55606f;
  margin-top: 3px;
}

.wba-crumbs a {
  color: #2549a8;
}

.wba-shortcuts {
  width: min(440px, 92vw);
  padding: 0;
}
.wba-shortcuts__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e4e8ef;
}
.wba-shortcuts__title {
  font-size: calc(var(--edc-fs-body) * 14.875 / 14);
  font-weight: 700;
  margin: 0;
  outline: none;
}
.wba-shortcuts__list {
  margin: 0;
  padding: 8px 20px 16px;
}
.wba-shortcuts__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 9px 0;
  border-bottom: 1px solid #e4e8ef;
}
.wba-shortcuts__row:last-child {
  border-bottom: 0;
}
.wba-shortcuts__row dt {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 500;
  color: #14202e;
  margin: 0;
}
.wba-shortcuts__row dd {
  margin: 0;
  display: flex;
  gap: 4px;
}
.wba-shortcuts__row kbd {
  font: 600 max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10)/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  color: #14202e;
  background: #f4f7fb;
  border: 1px solid #d7dee8;
  border-bottom-width: 2px;
  border-radius: 5px;
  padding: 4px 6px;
  min-width: 22px;
  text-align: center;
}

.wsm {
  width: min(460px, 94vw);
}

.wsm-list, .wsm-children {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wsm-children {
  margin: 4px 0 6px 22px;
  border-left: 2px solid #e4e8ef;
  padding-left: 8px;
}

.wsm-item {
  margin: 0 0 4px;
}

.wsm-item--hidden .wsm-row__title {
  color: #55606f;
}

.wsm-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  border-radius: 8px;
}
.wsm-row:hover {
  background: #f4f7fb;
}

.wsm-row__kind {
  width: 14px;
  text-align: center;
  color: #55606f;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  flex: 0 0 auto;
}

.wsm-row__title {
  flex: 1;
  min-width: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 500;
  color: #14202e;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wsm-row__title--page {
  background: none;
  border: 0;
  padding: 2px 0;
  cursor: pointer;
}
.wsm-row__title--page:hover {
  color: #2549a8;
}
.wsm-row__title--page.is-current {
  color: #2549a8;
  font-weight: 700;
}

.wsm-row__flag {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #55606f;
  background: #f4f7fb;
  border-radius: 6px;
  padding: 2px 6px;
}

.wsm-row__tools {
  display: flex;
  gap: 2px;
  flex: 0 0 auto;
  opacity: 0.55;
}

.wsm-row:hover .wsm-row__tools, .wsm-row:focus-within .wsm-row__tools {
  opacity: 1;
}

.wsm-edit {
  margin: 4px 0 10px 26px;
  padding: 10px 12px;
  border: 1px solid #e4e8ef;
  border-radius: 10px;
  background: #fff;
  display: grid;
  gap: 8px;
}
.wsm-edit label {
  display: grid;
  gap: 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #14202e;
}
.wsm-edit input:not([type=checkbox]) {
  font: inherit;
  font-weight: 400;
  padding: 6px 8px;
  border: 1px solid #d7dee8;
  border-radius: 8px;
}

.wsm-edit__check {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-weight: 500 !important;
}

.wsm-edit__actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.wsm-edit__delete {
  margin-left: auto;
  color: #991b1b;
}

.wsm-add {
  margin-left: 0;
  margin-top: 10px;
}

.wsm-add-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.wpt-overlay {
  justify-content: center;
  align-items: center;
  z-index: 100001;
  padding: 24px 16px;
}

.wpt {
  width: min(1080px, 100%);
  max-height: min(860px, 100%);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(16, 26, 43, 0.28);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.wpt__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 12px;
}

.wpt__title {
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  font-weight: 700;
  color: #14202e;
  margin: 0 0 4px;
  text-shadow: none;
}
.wpt__title:focus, .wpt__title:focus-visible {
  outline: none;
}

.wpt__lede {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #4a5566;
  max-width: 44rem;
}

.wpt__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 24px 14px;
  border-bottom: 1px solid #e4e8ef;
}

.wpt__products {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.wpt__chip {
  font: 600 calc(var(--edc-fs-eyebrow) * 11.375 / 11)/1 inherit;
  color: #14202e;
  background: #fff;
  border: 1px solid #d7dee8;
  border-radius: 999px;
  padding: 8px 14px;
  cursor: pointer;
}
.wpt__chip:hover {
  border-color: #2549a8;
}
.wpt__chip.is-on {
  background: #14202e;
  border-color: #14202e;
  color: #fff;
}
.wpt__chip:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}

.wpt__search input {
  font: inherit;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  width: min(22rem, 100%);
  padding: 8px 12px;
  border: 1px solid #d7dee8;
  border-radius: 10px;
}

.wpt__search {
  flex: 0 1 22rem;
}

.wpt__error {
  margin: 12px 24px 0;
}

.wpt__body {
  overflow-y: auto;
  padding: 8px 24px 24px;
}

.wpt__empty {
  margin: 24px 0;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  color: #4a5566;
}

.wpt__group {
  margin-top: 16px;
}

.wpt__group-title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4a5566;
  margin: 0 0 10px;
  text-shadow: none;
}

.wpt__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  gap: 16px;
}

.wpt-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.wpt-card:hover, .wpt-card:focus-within {
  border-color: #d7dee8;
  box-shadow: 0 6px 18px rgba(16, 26, 43, 0.08);
}

.wpt-card__picture {
  aspect-ratio: 16/10;
  background: #f4f7fb;
  overflow: hidden;
}
.wpt-card__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.wpt-card__picture--outline {
  padding: 12px;
}

.wpt-card__bands {
  display: grid;
  gap: 5px;
  height: 100%;
  grid-auto-rows: 1fr;
}

.wpt-card__band {
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #e4e8ef;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.625 / 10);
  font-weight: 600;
  color: #4a5566;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wpt-card__band:first-child {
  background: #e8eefb;
  border-color: #cfdaf3;
  color: #2549a8;
}

.wpt-card__text {
  padding: 12px 14px 4px;
  flex: 1;
}

.wpt-card__name {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  color: #14202e;
  margin: 0 0 4px;
  text-shadow: none;
}

.wpt-card__desc {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #4a5566;
  margin: 0 0 6px;
}

.wpt-card__outline {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  color: #55606f;
  margin: 0;
}

.wpt-card__add {
  margin: 8px 14px 14px;
  align-self: flex-start;
}

@media (max-width: 575px) {
  .wpt-overlay {
    padding: 0;
  }
  .wpt {
    border-radius: 0;
    max-height: 100%;
    height: 100%;
  }
  .wpt__head, .wpt__filters, .wpt__body {
    padding-left: 16px;
    padding-right: 16px;
  }
  .wpt__search, .wpt__search input {
    flex: 1 1 100%;
    width: 100%;
  }
}
.wsm-status {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #55606f;
  margin-right: auto;
  align-self: center;
}

.wba-crumbs {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #55606f;
  margin-bottom: 4px;
}
.wba-crumbs a {
  color: #55606f;
  text-decoration: none;
}
.wba-crumbs a:hover {
  text-decoration: underline;
}

.wemb-cards {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wemb-card {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 14px;
  align-items: start;
  padding: 14px 18px;
  border-top: 1px solid #e3e8f0;
}
.wemb-card--off .wemb-card__icon {
  background: #f1f3f7;
  color: #55606f;
}

.wemb-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #e8eefb;
  color: #2549a8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-title);
}

.wemb-card__name {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  margin: 2px 0 2px;
}
.wemb-card__name a {
  color: #1d2a44;
  text-decoration: none;
}
.wemb-card__name a:hover {
  color: #2549a8;
}

.wemb-card__desc {
  margin: 0 0 4px;
  color: #35404d;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.wemb-card__meta {
  margin: 0;
  color: #55606f;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.wemb-card__actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.wemb-notice .wba-card__body p {
  color: #35404d;
}

.wemb-show__grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  align-items: start;
}

@media (max-width: 991px) {
  .wemb-show__grid {
    grid-template-columns: 1fr;
  }
}
.wba-field {
  margin-bottom: 14px;
}

.wba-label {
  display: block;
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  margin-bottom: 4px;
  color: #1d2a44;
}

.wba-help {
  display: block;
  color: #55606f;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  margin-top: 4px;
}

.wba-radio {
  display: block;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  margin: 2px 0;
}
.wba-radio input {
  margin-right: 6px;
}

.wemb-preview__row {
  display: flex;
  gap: 8px;
}
.wemb-preview__row .form-control {
  flex: 1;
}

.wemb-preview__frame {
  width: 100%;
  height: 560px;
  border: 1px solid #e3e8f0;
  border-radius: 8px;
  margin-top: 12px;
  background: #fff;
}

.wemb-mode {
  padding: 14px 0;
  border-top: 1px solid #e3e8f0;
}
.wemb-mode:first-child {
  border-top: 0;
  padding-top: 0;
}

.wemb-mode__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.wemb-mode__name {
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  font-weight: 700;
  margin: 0;
}

.wemb-mode__desc {
  color: #35404d;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  margin: 4px 0 8px;
}

.wemb-snippet {
  background: #0f172a;
  color: #e2e8f0;
  border-radius: 8px;
  padding: 12px 14px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  line-height: 1.5;
  overflow-x: auto;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
}

.wemb-snippet code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: inherit;
  color: inherit;
  background: transparent;
  padding: 0;
  border: 0;
  text-decoration: none;
  white-space: inherit;
}

.wemb-status {
  margin: 10px 0 0;
  color: #0b5c3a;
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.wemb-status:empty {
  display: none;
}

.wdash-embeds {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.wdash-embeds a {
  text-decoration: none;
}

.wba-device {
  display: inline-flex;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  overflow: hidden;
  margin-left: 4px;
}

.wba-device__btn {
  border: 0;
  background: #fff;
  color: #55606f;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  padding: 5px 10px;
  cursor: pointer;
}
.wba-device__btn + .wba-device__btn {
  border-left: 1px solid #d7dee8;
}
.wba-device__btn:hover {
  color: #14202e;
  background: #f4f7fb;
}
.wba-device__btn.is-on {
  background: #14202e;
  color: #fff;
}
.wba-device__btn:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: -2px;
}

.wba-canvas-surface--device {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wba-canvas-frame {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.wba-canvas-frame__note {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #55606f;
}

.wba-canvas-frame iframe {
  border: 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 18px rgba(20, 32, 46, 0.12);
  height: 78vh;
  max-width: 100%;
}

.wba-canvas-frame--tablet iframe {
  width: 768px;
}

.wba-canvas-frame--phone iframe {
  width: 390px;
}

.wsd-brand {
  padding: 12px;
  border: 1px solid #e4e8ef;
  border-radius: 10px;
  background: #f4f7fb;
}

.wapp__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 16px;
  align-items: start;
}
@media (max-width: 1199px) {
  .wapp__grid {
    grid-template-columns: 1fr;
  }
}

.wapp__sources {
  display: grid;
  gap: 8px;
}

.wapp__source {
  display: block;
  padding: 12px 14px;
  border: 1px solid #d7dee8;
  border-radius: 10px;
  cursor: pointer;
}
.wapp__source input[type=radio] {
  margin-right: 8px;
  accent-color: #2549a8;
}
.wapp__source.is-on {
  border-color: #2549a8;
  background: #eef2fb;
}

.wapp__source-name {
  font-weight: 700;
  color: #14202e;
}

.wapp__source-hint {
  display: block;
  margin: 4px 0 0 24px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #55606f;
}

.wapp__custom .wsd-group {
  margin: 0 0 14px;
}

.wapp__link {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 6px;
  margin: 0 0 6px;
}

.wapp__foot {
  display: flex;
  gap: 8px;
  border-top: 1px solid #e4e8ef;
}

.wapp__preview {
  position: sticky;
  top: 12px;
}

.wapp__frame {
  width: 100%;
  height: 640px;
  border: 1px solid #e4e8ef;
  border-radius: 10px;
  background: #fff;
}

.wapp__confirm summary {
  list-style: none;
  display: inline-flex;
  cursor: pointer;
}

.wapp__confirm summary::-webkit-details-marker {
  display: none;
}

.wapp__confirm-body {
  margin-top: 10px;
  padding: 12px 14px;
  border: 1px solid #f3c6c6;
  border-radius: 10px;
  background: #fdecec;
}
.wapp__confirm-body p {
  margin: 0 0 8px;
  color: #9b1c1c;
}

.wapp__inherit-body {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.wba-purposes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 16px;
}

.wba-purpose {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #14202e;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #d7dee8;
  background: #fff;
}
.wba-purpose:hover {
  border-color: #2549a8;
  color: #2549a8;
}
.wba-purpose:focus-visible {
  outline: 2px solid #2549a8;
  outline-offset: 2px;
}
.wba-purpose[aria-current=page] {
  background: #2549a8;
  border-color: #2549a8;
  color: #fff;
}

.wba-link {
  color: #2549a8;
  font-weight: 600;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.wba-link:hover {
  text-decoration: underline;
}

.wba-namestep {
  display: grid;
  gap: 24px;
  align-items: start;
}

@media (min-width: 768px) {
  .wba-namestep {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  }
}
.wba-namestep__tpl {
  margin: 0;
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  overflow: hidden;
  background: #f4f7fb;
}
.wba-namestep__tpl figcaption {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  background: #fff;
  border-top: 1px solid #e4e8ef;
}
.wba-namestep__tpl figcaption span {
  color: #55606f;
}

.wba-namestep__form .form-text {
  color: #55606f;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
}

.wba-namestep__form .form-group {
  margin-bottom: 20px !important;
}

.wsh {
  max-width: 960px;
}

.wsh-progress {
  list-style: none;
  display: flex;
  gap: 6px;
  margin: 0 0 8px;
  padding: 0;
}

.wsh-progress__step {
  flex: 1 1 0;
  height: 6px;
  border-radius: 999px;
  background: #d7dee8;
}

.wsh-progress__step.is-done {
  background: #2549a8;
}

.wsh-progress__step.is-here {
  background: #2549a8;
  box-shadow: 0 0 0 2px rgba(37, 73, 168, 0.25);
}

.wsh-progress__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.wsh-count {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #55606f;
  margin: 0 0 20px;
}

.wsh-error {
  background: #fdecec;
  color: #8a1c1c;
  border-radius: 8px;
  padding: 10px 14px;
  font-weight: 600;
}

.wsh-question {
  border: 0;
  margin: 0 0 8px;
  padding: 0;
  min-width: 0;
}

.wsh-question--second {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #e4e8ef;
}

.wsh-question__prompt {
  font-size: calc(var(--edc-fs-title) * 19.25 / 18);
  font-weight: 700;
  color: #14202e;
  margin: 0 0 6px;
}

.wsh-question__help {
  display: block;
  color: #55606f;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  margin: 0 0 16px;
}

.wsh-options {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr));
}

.wsh-option {
  position: relative;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px 44px 16px 16px;
  margin: 0;
  background: #fff;
  border: 1.5px solid #d7dee8;
  border-radius: 12px;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.wsh-option:hover {
  border-color: #2549a8;
}
.wsh-option input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.wsh-option:has(input:focus-visible) {
  outline: 3px solid rgba(37, 73, 168, 0.45);
  outline-offset: 2px;
}
.wsh-option:has(input:checked) {
  border-color: #2549a8;
  box-shadow: 0 0 0 1px #2549a8;
  background: #f5f8ff;
}

.wsh-option__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #f4f7fb;
  color: #2549a8;
}

.wsh-icon {
  width: 22px;
  height: 22px;
}

.wsh-option__words {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.wsh-option__label {
  font-weight: 700;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
  color: #14202e;
}

.wsh-option__note {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  color: #55606f;
  line-height: 1.45;
}

.wsh-option__mark {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid #d7dee8;
  background: #fff;
}

.wsh-option input[type=checkbox] ~ .wsh-option__mark {
  border-radius: 5px;
}

.wsh-option:has(input:checked) .wsh-option__mark {
  border-color: #2549a8;
  background: #2549a8;
  box-shadow: inset 0 0 0 3px #fff;
}

.wsh-option:has(input[type=checkbox]:checked) .wsh-option__mark {
  box-shadow: none;
  background: #2549a8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;
}

.wsh-options--looks .wsh-option {
  flex-direction: column;
  gap: 10px;
}

.wsh-look {
  display: block;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e4e8ef;
}

.wsh-look__band {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  background: var(--wsh-p);
}

.wsh-look__aa {
  color: #fff;
  font-size: calc(var(--edc-fs-display) * 24.5 / 24);
  font-weight: 700;
  line-height: 1;
}

.wsh-look__dots {
  display: flex;
  gap: 6px;
  padding: 8px 16px;
  background: #fff;
}

.wsh-look__dots i {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--wsh-p);
}

.wsh-look__dots i + i {
  background: var(--wsh-s);
}

.wsh-look--big {
  width: 150px;
  flex: none;
}

.wsh-look--big .wsh-look__band {
  padding: 22px 18px;
}

.wsh-look--big .wsh-look__aa {
  font-size: calc(var(--edc-fs-display) * 33.6 / 24);
}

.wsh-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 24px;
}

.wsh-card {
  background: #fff;
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  padding: 20px 22px;
  margin-bottom: 14px;
}

.wsh-review__lead {
  display: flex;
  gap: 20px;
  align-items: center;
}

@media (max-width: 560px) {
  .wsh-review__lead {
    flex-direction: column;
    align-items: flex-start;
  }
}
.wsh-review__title {
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  font-weight: 700;
  margin: 0 0 6px;
}

.wsh-review__why {
  margin: 0 0 4px;
  color: #55606f;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
}

.wsh-review__h {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1d2a44;
  margin: 0 0 12px;
}

.wsh-review__facts {
  margin: 0;
  display: grid;
  gap: 8px;
}

.wsh-review__facts > div {
  display: grid;
  grid-template-columns: 11rem 1fr;
  gap: 16px;
}

@media (max-width: 560px) {
  .wsh-review__facts > div {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}
.wsh-review__facts dt {
  font-weight: 600;
  color: #55606f;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.wsh-review__facts dd {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
}

.wsh-review__note {
  margin: 12px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #55606f;
}

.wsh-tree {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.wsh-tree li {
  display: grid;
  grid-template-columns: 11rem 1fr;
  gap: 16px;
  font-size: calc(var(--edc-fs-secondary) * 13.125 / 13);
}

.wsh-tree li span {
  color: #55606f;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

@media (max-width: 560px) {
  .wsh-tree li {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}
.wsh-name .form-control {
  max-width: 28rem;
}

.wsh-door {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #f5f8ff;
  border: 1.5px solid #c9d6f5;
  border-radius: 12px;
  padding: 18px 22px;
  margin: 0 0 18px;
}

.wsh-door__words {
  display: grid;
  gap: 4px;
  max-width: 40rem;
}

.wsh-door__title {
  font-size: calc(var(--edc-fs-body) * 14.875 / 14);
  font-weight: 700;
  margin: 0;
  color: #14202e;
}

.wsh-door__sub {
  margin: 0;
  color: #55606f;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.wb-old-addresses {
  margin-top: 10px;
  margin-bottom: 4px;
}

.wb-old-addresses__label {
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
}

.wb-old-addresses__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-old-addresses__list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
}
.wb-old-addresses__list code {
  font-size: var(--edc-fs-secondary);
  color: #1e293b;
}

.wb-old-addresses__remove {
  font-size: var(--edc-fs-secondary);
}

.wb-publish-check {
  margin-bottom: 16px;
}

.wb-publish-check__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1e293b;
  text-shadow: none;
}

.wb-publish-check__intro,
.wb-publish-check__clear {
  margin: 0 0 12px;
  font-size: var(--edc-fs-body);
  color: #334155;
}

.wb-publish-check__clear .fa {
  color: #15803d;
  margin-right: 6px;
}

.wb-publish-check__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wb-publish-check__item {
  padding: 12px 0;
  border-top: 1px solid #e2e8f0;
}
.wb-publish-check__item p {
  margin: 0;
}

.wb-publish-check__check {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
}

.wb-publish-check__sentence {
  margin: 2px 0 6px !important;
  font-size: var(--edc-fs-body);
  color: #1e293b;
}

.wb-publish-check__fix {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.wb-publish-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.wb-draft__open {
  width: 100%;
  margin-bottom: 12px;
}

.wb-draft__label {
  display: block;
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #334155;
}

.wb-draft__help {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.wb-draft__problem {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #b42318;
}

.wb-draft__list {
  margin: 12px 0 0;
  padding-left: 22px;
  font-size: var(--edc-fs-body);
  color: #1e293b;
}
.wb-draft__list li {
  margin: 4px 0;
}

.wb-draft__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.wb-publish-check__group {
  margin: 16px 0 4px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1e293b;
  text-shadow: none;
}

.wb-publish-check__note {
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.wb-publish-check__where {
  color: #475569;
}

.wb-severity {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-right: 6px;
}

.wb-severity--fails_wcag_aa {
  color: #b42318;
}

.wb-severity--recommended {
  color: #8a4b00;
}

.wb-severity--worth_a_look {
  color: #475569;
}

.wba-contrast {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1e293b;
}

.rfi-surface {
  color: #1f2933;
  padding-top: 8px;
}
.rfi-surface a:not(.btn) {
  color: #0a58ca;
}
.rfi-surface a:not(.btn):hover {
  color: rgb(8.0754716981, 71.0641509434, 163.1245283019);
}
.rfi-surface .text-muted, .rfi-surface small, .rfi-surface .form-text {
  color: #5c6670 !important;
}
.rfi-surface .text-danger {
  color: #b02a37 !important;
}
.rfi-surface code {
  color: #8f2b62;
  background: #f7edf3;
  border-radius: 4px;
  padding: 1px 5px;
}
.rfi-surface .field_with_errors input, .rfi-surface .field_with_errors textarea, .rfi-surface .field_with_errors select {
  border-color: #b02a37;
  box-shadow: 0 0 0 1px rgba(176, 42, 55, 0.25);
}
.rfi-surface :focus-visible {
  outline: 2px solid #0a58ca;
  outline-offset: 2px;
}
.rfi-surface .btn-outline-secondary {
  color: #46535f;
  border-color: #aeb9c2;
}
.rfi-surface .btn-outline-secondary:hover, .rfi-surface .btn-outline-secondary:focus {
  color: #fff;
  background: #5c6670;
  border-color: #5c6670;
}

.rfi-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
.rfi-header__title {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0 0 2px;
}
.rfi-header__subtitle {
  color: #5c6670;
  margin: 0;
  max-width: 62ch;
}
.rfi-header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-right: 56px;
}

.rfi-beta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #6d28d9;
  background: #f3eefe;
  border: 1px solid #ddd0f7;
  border-radius: 999px;
  padding: 3px 10px;
  white-space: nowrap;
}

.rfi-nav {
  display: inline-flex;
  gap: 4px;
  background: #eef1f4;
  border-radius: 999px;
  padding: 3px;
}
.rfi-nav__pill {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #5c6670 !important;
  text-decoration: none;
}
.rfi-nav__pill:hover {
  color: #1f2933 !important;
}
.rfi-nav__pill.is-active {
  background: #fff;
  color: #1f2933 !important;
  box-shadow: 0 1px 2px rgba(31, 41, 51, 0.12);
}

.rfi-ops {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}
@media (max-width: 992px) {
  .rfi-ops {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.rfi-ops__card {
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 8px;
  padding: 12px 14px;
}
.rfi-ops__card--alert {
  border-color: #f3c0bd;
  background: #fffbfa;
}
.rfi-ops__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5c6670;
  margin-bottom: 2px;
}
.rfi-ops__big {
  font-size: calc(var(--edc-fs-title) * 20.3 / 18);
  font-weight: 700;
  line-height: 1.2;
}
.rfi-ops__hint {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #5c6670;
}
.rfi-ops__big--alert {
  color: #b42318;
}

.rfi-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.64 / 11);
  font-weight: 600;
  border-radius: 999px;
  padding: 3px 10px;
  white-space: nowrap;
  border: 1px solid transparent;
}
.rfi-chip--received {
  background: #eef2f7;
  border-color: #d5dde8;
  color: #3d4c5e;
}
.rfi-chip--assembling {
  background: #e7f0fd;
  border-color: #bcd6f7;
  color: #1d4f93;
}
.rfi-chip--submitted {
  background: #eae9fc;
  border-color: #cbc9f2;
  color: #4338a3;
}
.rfi-chip--shortlisted {
  background: #e0f4f1;
  border-color: #b3e2db;
  color: #0f6b5f;
}
.rfi-chip--won {
  background: #e8f6ef;
  border-color: #b4e2cc;
  color: #15603f;
}
.rfi-chip--lost {
  background: #f1f4f8;
  border-color: #d4dbe5;
  color: #475569;
}
.rfi-chip--no_bid {
  background: #f4f1ea;
  border-color: #e2d9c8;
  color: #6b5d40;
}

.rfi-clock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  border-radius: 6px;
  padding: 3px 9px;
  white-space: nowrap;
}
.rfi-clock--overdue {
  background: #fdeceb;
  border: 1px solid #f3c0bd;
  color: #b42318;
}
.rfi-clock--soon {
  background: #fff6e6;
  border: 1px solid #f3d79a;
  color: #95590a;
}
.rfi-clock--quiet {
  color: #5c6670;
  font-weight: 500;
  padding-left: 0;
}
.rfi-clock--none {
  color: #5c6670;
  font-weight: 500;
  font-style: italic;
  padding-left: 0;
}

.rfi-queue {
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 8px;
  overflow: hidden;
}
.rfi-queue table {
  margin-bottom: 0;
}
.rfi-queue thead th {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5c6670;
  border-bottom: 1px solid #e3e7ec;
  background: #f7f8fa;
  padding: 10px 14px;
}
.rfi-queue tbody td, .rfi-queue tbody th {
  padding: 12px 14px;
  vertical-align: middle;
  border-color: #eef1f4;
}
.rfi-queue__title a {
  font-weight: 600;
  text-decoration: none;
}
.rfi-queue__title a:hover {
  text-decoration: underline;
}
.rfi-queue__req-org {
  display: block;
}
.rfi-queue__req-name {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #5c6670;
}
.rfi-queue--closed {
  opacity: 0.92;
}
.rfi-queue--closed .rfi-queue__title a {
  font-weight: 500;
}

.rfi-section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5c6670;
  margin: 0 0 10px;
}
.rfi-section-title .rfi-count {
  background: #eef1f4;
  color: #1f2933;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.36 / 10);
  font-weight: 700;
  padding: 1px 9px;
}

.rfi-empty {
  background: #fff;
  border: 1px dashed #cfd6de;
  border-radius: 10px;
  padding: 40px 24px;
  text-align: center;
}
.rfi-empty__icon {
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  color: #9aa5b1;
  margin-bottom: 10px;
}
.rfi-empty__title {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  margin-bottom: 6px;
}
.rfi-empty__body {
  color: #5c6670;
  max-width: 52ch;
  margin: 0 auto 6px;
}
.rfi-empty__steps {
  display: inline-block;
  text-align: left;
  color: #5c6670;
  margin: 10px auto 16px;
  padding-left: 1.2rem;
}
.rfi-empty__steps li {
  margin-bottom: 3px;
}

.rfi-hero {
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  padding: 18px 20px;
  margin-bottom: 18px;
}
.rfi-hero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.rfi-hero__title {
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0;
}
.rfi-hero__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.rfi-hero__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.rfi-linkchip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  border: 1px solid #e3e7ec;
  border-radius: 999px;
  padding: 3px 11px;
  background: #f7f8fa;
  color: #1f2933;
  text-decoration: none;
}
.rfi-linkchip i {
  color: #5c6670;
}
.rfi-linkchip--empty {
  color: #5c6670;
  font-style: italic;
}

.rfi-rail {
  display: flex;
  gap: 6px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}
.rfi-rail__step {
  flex: 1 1 0;
  min-width: 92px;
  text-align: center;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #5c6670;
  padding-top: 7px;
  position: relative;
}
.rfi-rail__step::before {
  content: "";
  display: block;
  height: 4px;
  border-radius: 2px;
  background: #e3e7ec;
  margin-bottom: 6px;
}
.rfi-rail__step.is-done {
  color: #1c7a4f;
}
.rfi-rail__step.is-done::before {
  background: #2e9e6b;
}
.rfi-rail__step.is-current {
  color: #1d4f93;
}
.rfi-rail__step.is-current::before {
  background: #3b82d8;
}
.rfi-rail__step.is-terminal-lost {
  color: #475569;
}
.rfi-rail__step.is-terminal-lost::before {
  background: #6b7a90;
}

.rfi-card {
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  margin-bottom: 18px;
  overflow: hidden;
}
.rfi-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #eef1f4;
  background: #f7f8fa;
}
.rfi-card__head h2 {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5c6670;
  margin: 0;
}
.rfi-card__body {
  padding: 14px 16px;
}
.rfi-card__foot {
  padding: 10px 16px;
  border-top: 1px solid #eef1f4;
  background: #fcfcfd;
}
.rfi-card__foot form {
  flex-wrap: wrap;
}
.rfi-card__foot .form-control, .rfi-card__foot .form-select {
  min-width: 120px;
}

.rfi-check {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rfi-check__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  border-bottom: 1px solid #eef1f4;
}
.rfi-check__item:last-child {
  border-bottom: none;
}
.rfi-check__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: none;
  background: transparent;
  border-radius: 6px;
  color: #9aa5b1;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  cursor: pointer;
}
.rfi-check__toggle:hover {
  background: #eef1f4;
  color: #1f2933;
}
.rfi-check__toggle.is-done {
  color: #2e9e6b;
}
.rfi-check__label {
  flex: 1;
}
.rfi-check__label--done {
  color: #5c6670;
  text-decoration: line-through;
}

.rfi-progress {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #5c6670;
}
.rfi-progress__bar {
  flex: 0 0 90px;
  height: 6px;
  background: #eef1f4;
  border-radius: 3px;
  overflow: hidden;
}
.rfi-progress__fill {
  height: 100%;
  background: #2e9e6b;
  border-radius: 3px;
}

.rfi-assets {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rfi-assets__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid #eef1f4;
}
.rfi-assets__item:last-child {
  border-bottom: none;
}
.rfi-assets__icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef1f4;
  color: #5c6670;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.rfi-assets__icon--site {
  background: #e0f4f1;
  color: #0f6b5f;
}
.rfi-assets__icon--document {
  background: #e7f0fd;
  color: #1d4f93;
}
.rfi-assets__label {
  flex: 1;
  min-width: 0;
}
.rfi-assets__kind {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5c6670;
}
.rfi-assets__note {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #5c6670;
}

.rfi-advance {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

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

.rfi-inline-add {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.rfi-inline-add .form-control {
  flex: 1 1 150px;
  min-width: 0;
}
.rfi-inline-add .btn {
  flex: 0 0 auto;
}

.rfi-tpl-kind {
  display: inline-flex;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.64 / 11);
  font-weight: 600;
  border-radius: 999px;
  padding: 3px 10px;
  background: #eef2f7;
  border: 1px solid #d5dde8;
  color: #3d4c5e;
}

@media (max-width: 820px) {
  .rfi-hero__top {
    flex-direction: column;
    align-items: flex-start;
  }
  .rfi-ops {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.rfi-surface h1, .rfi-surface h2, .rfi-surface h3 {
  text-shadow: none;
}

.rfi-card__head .rfi-count {
  background: #fff;
  border: 1px solid #e3e7ec;
  color: #1f2933;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  padding: 1px 9px;
  white-space: nowrap;
}

.rfi-verdict {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 0.9fr);
  gap: 20px;
  background: #fff;
  border: 1px solid #e3e7ec;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 18px;
}
@media (max-width: 1100px) {
  .rfi-verdict {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media (max-width: 720px) {
  .rfi-verdict {
    grid-template-columns: minmax(0, 1fr);
  }
}
.rfi-verdict__kicker {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5c6670;
  margin: 0 0 4px;
}
.rfi-verdict__headline {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  font-weight: 700;
  margin: 0 0 4px;
  color: #1f2933;
}
.rfi-verdict__detail {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #1f2933;
  margin: 0;
}
.rfi-verdict__list {
  margin: 0 0 6px;
  padding-left: 18px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.rfi-verdict__list li {
  margin-bottom: 2px;
}
.rfi-verdict__edit {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
}
.rfi-verdict__facts {
  margin: 0;
  display: grid;
  gap: 8px;
  align-content: start;
}
.rfi-verdict__facts dt {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5c6670;
}
.rfi-verdict__facts dd {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.rfi-verdict__main {
  border-radius: 8px;
  padding: 12px 14px;
  background: #f7f8fa;
}
.rfi-verdict--go .rfi-verdict__main {
  background: #e8f6ef;
}
.rfi-verdict--go .rfi-verdict__main .fa-solid {
  color: #1c7a4f;
}
.rfi-verdict--check .rfi-verdict__main {
  background: #fdf5e2;
}
.rfi-verdict--check .rfi-verdict__main .fa-solid {
  color: #9a6b00;
}
.rfi-verdict--no_go .rfi-verdict__main {
  background: #fdeeee;
}
.rfi-verdict--no_go .rfi-verdict__main .fa-solid {
  color: #b02a37;
}
.rfi-verdict--no_sites .rfi-verdict__main, .rfi-verdict--open .rfi-verdict__main {
  background: #f7f8fa;
}
.rfi-verdict--no_sites .rfi-verdict__main i, .rfi-verdict--open .rfi-verdict__main i {
  color: #5c6670;
}

.rfi-flag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 600;
  border-radius: 999px;
  padding: 1px 9px;
  background: #eef1f4;
  color: #3d4c5e;
  border: 1px solid #e3e7ec;
}
.rfi-flag--stale {
  background: #fdf5e2;
  border-color: #f0dca8;
  color: #6b4f0e;
}
.rfi-flag--nda {
  background: #f3eefe;
  border-color: #ddd0f7;
  color: #5b21b6;
}
.rfi-flag--open {
  background: #e8f6ef;
  border-color: #b4e2cc;
  color: #15603f;
}

.rfi-proposal__group {
  border: 1px solid #eef1f4;
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 12px;
}
.rfi-proposal__group legend {
  float: none;
  width: auto;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5c6670;
  padding: 0 6px;
  margin: 0;
}
.rfi-proposal__k {
  font-weight: 600;
  margin-right: 4px;
}
.rfi-proposal__bulk {
  display: flex;
  gap: 14px;
  margin-bottom: 6px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.rfi-proposal__qs {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.rfi-proposal__qs li {
  padding: 6px 0;
  border-bottom: 1px solid #eef1f4;
}
.rfi-proposal__qs li:last-child {
  border-bottom: 0;
}
.rfi-proposal__where {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #5c6670;
}

.rfi-qbar {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #eef1f4;
}

.rfi-qsection {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5c6670;
  margin: 0;
  padding: 14px 16px 4px;
}
.rfi-qsection span {
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}

.rfi-qs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rfi-q {
  padding: 10px 16px 8px;
  border-bottom: 1px solid #eef1f4;
}
.rfi-q:last-child {
  border-bottom: 0;
}
.rfi-q__prompt {
  display: block;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin-bottom: 2px;
}
.rfi-q__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #5c6670;
  margin-bottom: 6px;
  align-items: center;
}
.rfi-q__actions {
  margin-top: 6px;
}
.rfi-q__more {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 2px;
}
.rfi-q__more .btn-link {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  padding-left: 0;
}
.rfi-q:target {
  background: #f5f9ff;
}

.rfi-matches {
  border-top: 1px solid #eef1f4;
  padding-top: 4px;
}
.rfi-matches .rfi-qsection {
  padding-left: 0;
}

.rfi-matches__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rfi-match {
  border: 1px solid #e3e7ec;
  border-radius: 8px;
  padding: 10px 12px;
  margin-top: 8px;
  background: #fff;
}
.rfi-match__top {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.rfi-match__name {
  font-weight: 600;
}
.rfi-match__fit {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  border-radius: 999px;
  padding: 1px 9px;
}
.rfi-match--fits .rfi-match__fit {
  background: #e8f6ef;
  color: #15603f;
}
.rfi-match--might .rfi-match__fit {
  background: #fdf5e2;
  color: #6b4f0e;
}
.rfi-match--fails .rfi-match__fit {
  background: #fdeeee;
  color: #9b2230;
}
.rfi-match__checks {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.rfi-match__checks li {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  border-radius: 6px;
  padding: 2px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.rfi-check-pass {
  background: #e8f6ef;
  color: #15603f;
}

.rfi-check-fail {
  background: #fdeeee;
  color: #9b2230;
}

.rfi-check-unknown {
  background: #fdf5e2;
  color: #6b4f0e;
}

.rfi-partners {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rfi-partners__item {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 16px;
  border-bottom: 1px solid #eef1f4;
}
.rfi-partners__item:last-child {
  border-bottom: 0;
}
.rfi-partners__item--stack {
  flex-direction: column;
  align-items: stretch;
}
.rfi-partners__what {
  flex: 1 1 220px;
  min-width: 0;
}
.rfi-partners__name {
  display: block;
  font-weight: 600;
}
.rfi-partners__meta {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #5c6670;
}

.rfi-linkbox {
  background: #f5f9ff;
  border-bottom: 1px solid #eef1f4;
}

.rfi-member-answers {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}
.rfi-member-answers li {
  padding: 6px 0;
  border-top: 1px dashed #e3e7ec;
}
.rfi-member-answers__q {
  display: block;
  font-weight: 600;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.rfi-member-answers__a {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  white-space: pre-line;
}

.rfi-forward-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 2px 14px;
}

.rfi-criteria__group {
  border: 1px solid #eef1f4;
  border-radius: 8px;
  padding: 8px 14px 4px;
  margin-bottom: 10px;
}

.rfi-criteria__legend {
  float: none;
  width: auto;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5c6670;
  padding: 0 6px;
  margin: 0;
}

.rfi-ops--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 820px) {
  .rfi-ops--three {
    grid-template-columns: minmax(0, 1fr);
  }
}

.rfi-ops__hint--list {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #1f2933;
  margin-top: 4px;
}

.rfi-sectionnav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}
.rfi-sectionnav a {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #e3e7ec;
  text-decoration: none;
}
.rfi-sectionnav a:hover {
  border-color: #aeb9c2;
}

.rfi-lib {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rfi-lib__item {
  padding: 12px 16px;
  border-bottom: 1px solid #eef1f4;
  position: relative;
}
.rfi-lib__item:last-child {
  border-bottom: 0;
}
.rfi-lib__prompt {
  display: block;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin-bottom: 2px;
  padding-right: 80px;
}
.rfi-lib__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #5c6670;
  margin-bottom: 6px;
  align-items: center;
}
.rfi-lib__actions {
  display: flex;
  gap: 8px;
  margin-top: 6px;
}
.rfi-lib__remove {
  position: absolute;
  top: 8px;
  right: 12px;
}

.rfi-tpl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 0 18px;
}

.rfi-tpl-sum {
  font-weight: 600;
  margin-bottom: 6px;
}

.rfi-tpl-steps {
  margin: 0;
  padding-left: 20px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.rfi-tpl-questions {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 10px 18px;
}
.rfi-tpl-questions__group {
  border: 1px solid #eef1f4;
  border-radius: 8px;
  padding: 8px 12px;
}
.rfi-tpl-questions__legend {
  float: none;
  width: auto;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5c6670;
  padding: 0 4px;
  margin: 0;
}
.rfi-tpl-questions .form-check-label {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.rfi-intake {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 18px;
}
@media (max-width: 900px) {
  .rfi-intake {
    grid-template-columns: minmax(0, 1fr);
  }
}

.gp-rfi__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.gp-rfi__q {
  padding: 14px 0;
  border-top: 1px solid #e5e7eb;
}
.gp-rfi__q:first-child {
  border-top: 0;
}
.gp-rfi__q.is-changed {
  background: #fffaf0;
  margin: 0 -20px;
  padding: 14px 20px;
}
.gp-rfi__prompt {
  display: block;
  font-weight: 600;
  margin-bottom: 4px;
}
.gp-rfi__n {
  color: #4b5563;
  margin-right: 2px;
}
.gp-rfi__meta {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #4b5563;
  margin: 0 0 6px;
}
.gp-rfi__changed {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #7a4b00;
  margin: 0 0 6px;
}
.gp-rfi__theirs {
  margin: 0 0 8px;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.gp-rfi__theirs p:last-child {
  margin: 0;
}
.gp-rfi__answer {
  width: 100%;
  border: 1px solid #cbd2d9;
  border-radius: 8px;
  padding: 8px 10px;
  font: inherit;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.gp-rfi__answer:focus-visible {
  outline: 2px solid #0a58ca;
  outline-offset: 1px;
}
.gp-rfi__send {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
}
.gp-rfi__send .gp-card__hint {
  margin: 0;
}

.ccrfi-verdict {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  border-radius: 8px;
  padding: 8px 10px;
  background: #f7f8fa;
}
.ccrfi-verdict i {
  margin-top: 3px;
}
.ccrfi-verdict--go {
  background: #e8f6ef;
}
.ccrfi-verdict--go i {
  color: #1c7a4f;
}
.ccrfi-verdict--check {
  background: #fdf5e2;
}
.ccrfi-verdict--check i {
  color: #9a6b00;
}
.ccrfi-verdict--no_go {
  background: #fdeeee;
}
.ccrfi-verdict--no_go i {
  color: #b02a37;
}

.rfi-qgroup {
  border-top: 1px solid #eef1f4;
}
.rfi-qgroup > summary {
  list-style: none;
  cursor: pointer;
  padding-bottom: 12px;
}
.rfi-qgroup > summary::-webkit-details-marker {
  display: none;
}
.rfi-qgroup > summary:hover {
  background: #f7f8fa;
}
.rfi-qgroup__chev {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  transition: transform 0.15s;
  color: #5c6670;
}
.rfi-qgroup[open] .rfi-qgroup__chev {
  transform: rotate(90deg);
}

.rfi-q {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.rfi-q__more {
  margin-top: -30px;
  justify-self: end;
}

.rfi-verdict__main {
  align-self: start;
}

.rfi-qfoot {
  display: grid;
  gap: 12px;
}
.rfi-qfoot__row {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
}
.rfi-qfoot__grow {
  flex: 1 1 260px;
  min-width: 0;
}
.rfi-qfoot input[type=file].form-control {
  padding: 4px 8px;
}

.ccrfi-verdict span, .ccp--rfi .ccp__meta {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ccrfi-answer {
  display: grid;
  gap: 6px;
  margin: 10px 0 0;
  min-width: 0;
}
.ccrfi-answer textarea {
  width: 100%;
  box-sizing: border-box;
}
.ccrfi-answer button {
  justify-self: start;
}

.ccp--rfi .ccrfi-add select {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}

.ccp--rfi > * {
  min-width: 0;
}

.ccp--rfi .ccp__facts span, .ccp--rfi .ccp__facts a {
  overflow-wrap: anywhere;
  white-space: normal;
}

.pp-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 26px;
  background: #b42318;
  color: #fff;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.pp-banner .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}

.pp-panel {
  display: flex;
  align-items: center;
  margin: 0 0 14px;
  padding: 10px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
  background: #fbfcfe;
}
.pp-panel.is-private {
  border-color: rgba(180, 35, 24, 0.45);
  background: #fdf7f6;
}
.pp-panel__row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  width: 100%;
}
.pp-panel__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: #1c2531;
}
.pp-panel__label .fa {
  color: #b42318;
}
.pp-panel__hint {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
}

.pp-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  padding: 2px;
  cursor: pointer;
  border-radius: 999px;
}
.pp-switch:focus-visible {
  outline: 2px solid #b42318;
  outline-offset: 2px;
}
.pp-switch__knob {
  position: relative;
  width: 40px;
  height: 22px;
  border-radius: 999px;
  background: #c3ccd8;
  transition: background-color 140ms ease;
}
.pp-switch__knob::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(18, 30, 48, 0.3);
  transition: transform 140ms ease;
}
.pp-switch.is-on .pp-switch__knob {
  background: #b42318;
}
.pp-switch.is-on .pp-switch__knob::after {
  transform: translateX(18px);
}
.pp-switch__word {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 700;
  color: #556070;
}
.pp-switch.is-on .pp-switch__word {
  color: #b42318;
}

.pp-manage {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(180, 35, 24, 0.5);
  border-radius: 8px;
  background: #fff;
  color: #b42318;
  font-weight: 700;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  padding: 5px 12px;
  cursor: pointer;
}
.pp-manage:hover {
  background: #fdf1ef;
}
.pp-manage:focus-visible {
  outline: 2px solid #b42318;
  outline-offset: 2px;
}
.pp-manage__count {
  background: #b42318;
  color: #fff;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  padding: 0 7px;
  line-height: 1.5;
}

.crh-private {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 0 4px 0 12px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
}
.crh-private > .fa {
  color: #b42318;
  font-size: var(--edc-fs-label);
}
.crh-private.is-private {
  border-color: rgba(180, 35, 24, 0.45);
  background: #fdf7f6;
}
.crh-private .pp-switch {
  gap: 6px;
  padding: 2px;
}
.crh-private .pp-switch__knob {
  width: 34px;
  height: 20px;
}
.crh-private .pp-switch__knob::after {
  width: 16px;
  height: 16px;
}
.crh-private .pp-switch.is-on .pp-switch__knob::after {
  transform: translateX(14px);
}
.crh-private .pp-manage {
  min-height: 24px;
  padding: 1px 10px;
  border-radius: 999px;
}

.pp-modal {
  position: fixed;
  inset: 0;
  z-index: 6000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(18, 30, 48, 0.5);
  padding: 20px;
}
.pp-modal[hidden] {
  display: none;
}
.pp-modal__card {
  width: min(480px, 100%);
  max-height: 86vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 18px 50px rgba(18, 30, 48, 0.35);
  padding: 22px 24px;
}
.pp-modal__card--wide {
  width: min(560px, 100%);
}
.pp-modal__heading {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 700;
  margin: 0 0 12px;
  color: #1c2531;
}
.pp-modal__heading .fa {
  color: #b42318;
}
.pp-modal__heading--danger {
  color: #8f1c13;
}
.pp-modal__text {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  line-height: 1.55;
  color: #2c3446;
}
.pp-modal__nudge {
  display: flex;
  gap: 8px;
  margin: 12px 0;
  padding: 10px 12px;
  background: #fdf6e6;
  border: 1px solid #e3cf9c;
  border-radius: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #6a4d10;
}
.pp-modal__nudge .fa {
  margin-top: 2px;
}
.pp-modal__confirm-label {
  display: block;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  margin: 14px 0 6px;
  color: #1c2531;
}
.pp-modal__phrase {
  background: #fdf1ef;
  border: 1px solid rgba(180, 35, 24, 0.35);
  border-radius: 5px;
  padding: 1px 7px;
  color: #8f1c13;
  font-weight: 700;
  letter-spacing: 0.03em;
}
.pp-modal__confirm-input {
  max-width: 100%;
}
.pp-modal__help {
  display: block;
  margin-top: 5px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.pp-modal__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}

.pp-btn-danger-solid {
  background: #b42318;
  border: 1px solid #b42318;
  color: #fff;
  font-weight: 700;
}
.pp-btn-danger-solid:hover:not(:disabled) {
  background: #8f1c13;
  color: #fff;
}
.pp-btn-danger-solid:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.pp-btn-danger-solid:focus-visible {
  outline: 2px solid #8f1c13;
  outline-offset: 2px;
}

.pp-inline-form {
  display: inline-flex;
  margin: 0;
}

.pp-members {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.pp-members__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  padding: 9px 12px;
}
.pp-members__who {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.pp-members__name {
  font-weight: 650;
  color: #1c2531;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.pp-members__meta {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.pp-members__owner {
  flex: none;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8f1c13;
  background: #fdf1ef;
  border-radius: 999px;
  padding: 2px 10px;
}
.pp-members__remove {
  flex: none;
  border: 0;
  background: transparent;
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  cursor: pointer;
  padding: 3px 8px;
  border-radius: 6px;
}
.pp-members__remove:hover {
  background: #fdf1ef;
  color: #8f1c13;
}
.pp-members__remove:focus-visible {
  outline: 2px solid #b42318;
  outline-offset: 1px;
}

.pp-add-form__label {
  display: block;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  margin: 0 0 6px;
  color: #1c2531;
}
.pp-add-form__row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.pp-add-form__select {
  flex: 1;
}
.pp-add-form__btn {
  flex: none;
}

.pp-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8f1c13;
  background: #fdf1ef;
  border: 1px solid rgba(180, 35, 24, 0.3);
  border-radius: 999px;
  padding: 1px 8px;
  vertical-align: 1px;
}
.pp-badge .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.52 / 10);
}

.is-pp-row {
  box-shadow: inset 3px 0 0 0 #b42318;
}

.pp-birth {
  margin: 0 0 14px;
}

.pp-private-page .site-navbar {
  top: 26px;
}
.pp-private-page .site-menubar {
  top: calc(66px + 26px);
}
.pp-private-page .page {
  padding-top: 26px;
}

.pp-ga {
  max-width: 900px;
  margin: 0 auto;
  padding: 22px 20px 60px;
}
.pp-ga__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.pp-ga__kicker {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8f1c13;
  margin: 0 0 4px;
}
.pp-ga__kicker .fa {
  margin-right: 4px;
}
.pp-ga__title {
  font-size: calc(var(--edc-fs-title) * 20.3 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  margin: 0 0 4px;
}
.pp-ga__sub {
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  max-width: 58ch;
}
.pp-ga__back {
  flex: none;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 600;
  color: #1c3f75;
  text-decoration: none;
  white-space: nowrap;
}
.pp-ga__back:hover {
  text-decoration: underline;
}
.pp-ga__card {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 16px;
}
.pp-ga__card--link {
  border-color: rgba(28, 63, 117, 0.4);
  background: #f7fafe;
}
.pp-ga__card-title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: calc(var(--edc-fs-body) * 13.72 / 14);
  font-weight: 700;
  margin: 0 0 10px;
}
.pp-ga__card-title .fa {
  color: #b42318;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.pp-ga__hint {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.62 / 12);
  color: #556070;
  margin: -2px 0 12px;
}
.pp-ga__linkrow {
  display: flex;
  gap: 8px;
}
.pp-ga__linkfield {
  flex: 1;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.pp-ga__copy {
  flex: none;
}
.pp-ga__invite-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.pp-ga__field {
  flex: 1 1 200px;
}
.pp-ga__field--narrow {
  flex: 0 1 170px;
}
.pp-ga__field label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  margin-bottom: 4px;
  color: #1c2531;
}
.pp-ga__match {
  border: 1px solid #e3cf9c;
  background: #fdf6e6;
  border-radius: 9px;
  padding: 12px 14px;
}
.pp-ga__match-lede {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: #6a4d10;
}
.pp-ga__match-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.pp-ga__guests {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pp-ga__guest {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
  padding: 10px 13px;
}
.pp-ga__guest.is-inactive {
  opacity: 0.6;
  background: #fafbfc;
}
.pp-ga__guest-who {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.pp-ga__guest-name {
  font-weight: 650;
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  color: #1c2531;
}
.pp-ga__guest-meta {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.pp-ga__guest-actions {
  display: inline-flex;
  gap: 6px;
  flex: none;
}
.pp-ga__guest-btn {
  border: 1px solid #dfe4ea;
  background: #fff;
  color: #556070;
  border-radius: 7px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 600;
  padding: 4px 10px;
  cursor: pointer;
}
.pp-ga__guest-btn:hover {
  color: #1c2531;
  border-color: #c3ccd8;
}
.pp-ga__guest-btn--danger:hover {
  color: #8f1c13;
  border-color: rgba(180, 35, 24, 0.5);
  background: #fdf1ef;
}
.pp-ga__share-form {
  display: flex;
  gap: 8px;
  align-items: center;
}
.pp-ga__share-form select {
  flex: 1;
}

.pp-export-include {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 600;
  color: #8f1c13;
  cursor: pointer;
}
.pp-export-include input {
  margin: 0;
}
.pp-export-include .fa {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}

.pp-readin-offer {
  margin: 0 0 10px;
  padding: 10px 13px;
  border: 1px solid rgba(180, 35, 24, 0.4);
  background: #fdf7f6;
  border-radius: 9px;
}
.pp-readin-offer label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #8f1c13;
  cursor: pointer;
}
.pp-readin-offer input {
  margin: 0;
}

.cview-bar {
  position: fixed;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  z-index: 5000;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 32px);
  padding: 6px 6px 6px 14px;
  border-radius: 999px;
  background: #1c2531;
  color: #fff;
  font-size: var(--edc-fs-secondary);
  line-height: 1.35;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.28);
}
.cview-bar__icon {
  font-size: var(--edc-fs-secondary);
  flex: 0 0 auto;
}
.cview-bar__text {
  min-width: 0;
}
.cview-bar__text strong {
  font-weight: 600;
}
.cview-bar__form {
  margin: 0;
  flex: 0 0 auto;
}
.cview-bar__back {
  min-width: 0;
  padding: 4px 12px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 999px;
  background: transparent;
  color: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.35;
  white-space: nowrap;
  cursor: pointer;
}
.cview-bar__back:hover {
  background: rgba(255, 255, 255, 0.14);
}
.cview-bar__back:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
@media (max-width: 575.98px) {
  .cview-bar {
    border-radius: 14px;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

.ms-customer-view {
  margin-top: 16px;
  padding: 12px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.ms-customer-view__heading {
  margin: 0 0 4px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}
.ms-customer-view__lede {
  margin: 0 0 10px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.ms-customer-view form {
  margin: 0;
}

.gp-body {
  margin: 0;
  background: #f6f7f9;
  color: #1c2531;
  font-family: -apple-system, "Helvetica Neue", Arial, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.gp-body .pp-banner {
  position: sticky;
}

.gp-header {
  background: #fff;
  border-bottom: 1px solid #e3e8ef;
}
.gp-header__inner {
  max-width: 880px;
  margin: 0 auto;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.gp-header__org {
  font-weight: 750;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  letter-spacing: -0.01em;
}
.gp-header__who {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #556070;
}
.gp-header__signout {
  border: 1px solid #e3e8ef;
  background: #fff;
  color: #556070;
  border-radius: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  padding: 4px 12px;
  cursor: pointer;
}
.gp-header__signout:hover {
  border-color: #c3ccd8;
  color: #1c2531;
}
.gp-header__signout:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.gp-flash {
  max-width: 880px;
  margin: 14px auto 0;
  padding: 10px 16px;
  border-radius: 9px;
  background: #eaf6f0;
  border: 1px solid #cde9db;
  color: #14532d;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.gp-flash--alert {
  background: #fdf1ef;
  border-color: rgba(180, 35, 24, 0.35);
  color: #8f1c13;
}

.gp-main {
  flex: 1;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 26px 24px 48px;
}

.gp-footer {
  border-top: 1px solid #e3e8ef;
  background: #fff;
  color: #556070;
  text-align: center;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  padding: 14px;
}

.gp-hero {
  margin-bottom: 22px;
}
.gp-hero__kicker {
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8f1c13;
  margin: 0 0 6px;
}
.gp-hero__title {
  font-size: calc(var(--edc-fs-display) * 23.8 / 24);
  font-weight: 800;
  letter-spacing: -0.015em;
  margin: 0 0 4px;
}
.gp-hero__sub {
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}

.gp-card {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 18px;
}
.gp-card__title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  margin: 0 0 12px;
}
.gp-card__title .fa {
  color: #1c3f75;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.gp-card__hint {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
  margin: -6px 0 12px;
}
.gp-card__empty {
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}

.gp-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px 24px;
  margin: 0;
}
.gp-facts > div {
  min-width: 0;
}
.gp-facts dt {
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  margin: 0 0 2px;
}
.gp-facts dd {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #1c2531;
  overflow-wrap: anywhere;
}

.gp-docs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gp-docs__row {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #e3e8ef;
  border-radius: 9px;
  padding: 10px 14px;
}
.gp-docs__icon {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: #eef2fb;
  color: #1c3f75;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.gp-docs__name {
  flex: 1;
  min-width: 0;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.02 / 13);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gp-docs__meta {
  flex: none;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.gp-docs__download {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(28, 63, 117, 0.35);
  color: #1c3f75;
  background: #fff;
  border-radius: 8px;
  padding: 5px 12px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  text-decoration: none;
}
.gp-docs__download:hover {
  background: #eef2fb;
  text-decoration: none;
  color: #1c3f75;
}
.gp-docs__download:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.gp-upload {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.gp-upload input[type=file] {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.gp-upload__btn {
  border: 0;
  background: #1c3f75;
  color: #fff;
  border-radius: 8px;
  padding: 7px 16px;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 650;
  cursor: pointer;
}
.gp-upload__btn:hover {
  background: #163258;
}
.gp-upload__btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.gp-thread {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 380px;
  overflow-y: auto;
}
.gp-thread__msg {
  max-width: 78%;
  border-radius: 12px;
  padding: 9px 13px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  line-height: 1.5;
}
.gp-thread__msg--guest {
  align-self: flex-end;
  background: #eef2fb;
  border: 1px solid #dbe4f6;
}
.gp-thread__msg--staff {
  align-self: flex-start;
  background: #f4f6f9;
  border: 1px solid #e3e8ef;
}
.gp-thread__meta {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  color: #556070;
  margin-top: 3px;
}

.gp-composer {
  display: flex;
  gap: 10px;
  align-items: flex-end;
}
.gp-composer textarea {
  flex: 1;
  border: 1px solid #e3e8ef;
  border-radius: 9px;
  padding: 9px 12px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  font-family: inherit;
  resize: vertical;
  min-height: 44px;
}
.gp-composer textarea:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.gp-rooms__what {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.gp-rooms__name {
  font-weight: 700;
  color: #1f2d3d;
}

.gp-rooms__meta {
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  font-weight: 500;
  color: #556070;
}

.gp-rooms {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.gp-rooms__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 16px 18px;
  text-decoration: none;
  color: #1c2531;
  font-weight: 650;
}
.gp-rooms__link:hover {
  border-color: rgba(28, 63, 117, 0.5);
  text-decoration: none;
  color: #1c2531;
}
.gp-rooms__link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.gp-empty {
  text-align: center;
  margin-top: 10vh;
  color: #556070;
}
.gp-empty h1 {
  font-size: calc(var(--edc-fs-title) * 18.2 / 18);
  color: #1c2531;
  margin: 0 0 8px;
}
.gp-empty p {
  margin: 0;
}

@media (max-width: 640px) {
  .gp-main {
    padding: 18px 14px 40px;
  }
  .gp-thread__msg {
    max-width: 92%;
  }
}
.gp-identity {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
}
.gp-identity:hover {
  color: inherit;
  text-decoration: none;
}

.gp-identity__logo {
  max-height: 32px;
  max-width: 160px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.gp-header__signout {
  white-space: nowrap;
}

.ev-page {
  max-width: 1040px;
  margin: 0 auto;
  padding: 24px 20px 60px;
  color: #1c2531;
}

.ev-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
.ev-head__kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
  margin: 0 0 4px;
}
.ev-head__title {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  margin: 0 0 4px;
}
.ev-head__sub {
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  max-width: 64ch;
}
.ev-head__new {
  flex: none;
  white-space: nowrap;
}
.ev-head__back {
  flex: none;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 600;
  color: #1c3f75;
  text-decoration: none;
  white-space: nowrap;
}
.ev-head__back:hover {
  text-decoration: underline;
}
.ev-head__actions {
  display: flex;
  gap: 8px;
  flex: none;
  align-items: center;
  flex-wrap: wrap;
}

.ev-section {
  margin-bottom: 26px;
}

.ev-section__title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
  margin: 0 0 10px;
}

.ev-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ev-card {
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  transition: box-shadow 0.15s ease;
}
.ev-card:hover {
  box-shadow: 0 8px 22px rgba(18, 30, 48, 0.12);
}
.ev-card__link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  color: inherit;
  text-decoration: none;
}
.ev-card__link:hover {
  color: inherit;
  text-decoration: none;
}
.ev-card__link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 12px;
}
.ev-card__date {
  flex: none;
  width: 56px;
  text-align: center;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  padding: 6px 0;
  background: #fbfcfe;
}
.ev-card__month {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #b42318;
}
.ev-card__day {
  display: block;
  font-size: calc(var(--edc-fs-title) * 18.2 / 18);
  font-weight: 800;
  line-height: 1.1;
}
.ev-card__body {
  flex: 1;
  min-width: 0;
}
.ev-card__name {
  display: block;
  font-weight: 700;
  font-size: var(--edc-fs-body);
}
.ev-card__meta {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
  margin-top: 2px;
}
.ev-card__sep {
  margin: 0 6px;
}
.ev-card__stats {
  flex: none;
  display: flex;
  gap: 18px;
}
.ev-card__stat {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
}
.ev-card__stat strong {
  color: #1c2531;
  font-size: var(--edc-fs-body);
}

.ev-status {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  padding: 1px 9px;
  border-radius: 999px;
  background: #eef2f7;
  color: #556070;
}
.ev-status--published {
  background: #eaf6f0;
  color: #116e4c;
}
.ev-status--draft {
  background: #fdf6e6;
  color: #8a6410;
}
.ev-status--canceled {
  background: #fdf1ef;
  color: #8f1c13;
}
.ev-status--completed {
  background: #eef2fb;
  color: #1c3f75;
}
.ev-status--ended {
  background: #eef1f5;
  color: #3d4a5c;
}

.ev-empty {
  text-align: center;
  padding: 60px 0;
  color: #556070;
}
.ev-empty h2 {
  color: #1c2531;
  font-size: calc(var(--edc-fs-heading) * 16.8 / 16);
  margin: 0 0 6px;
}
.ev-empty p {
  margin: 0;
}

.ev-panel {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 16px;
}
.ev-panel__title {
  display: flex;
  align-items: baseline;
  gap: 9px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  margin: 0 0 12px;
}
.ev-panel__title .fa {
  color: #1c3f75;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.ev-panel__hint {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 500;
  color: #556070;
}
.ev-panel__titlerow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ev-panel__titlerow .ev-panel__title {
  margin-bottom: 12px;
}

.ev-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ev-field {
  flex: 1 1 220px;
  min-width: 0;
}
.ev-field--wide {
  flex-basis: 100%;
}
.ev-field--narrow {
  flex: 0 1 150px;
}
.ev-field label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  margin-bottom: 4px;
}
.ev-field__hint {
  font-weight: 500;
  color: #556070;
}
.ev-field input[type=text], .ev-field input[type=email], .ev-field input[type=number], .ev-field input[type=url],
.ev-field input[type=datetime-local], .ev-field input[type=search], .ev-field select, .ev-field textarea {
  width: 100%;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 7px 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  font-family: inherit;
}
.ev-field input[type=text]:focus-visible, .ev-field input[type=email]:focus-visible, .ev-field input[type=number]:focus-visible, .ev-field input[type=url]:focus-visible,
.ev-field input[type=datetime-local]:focus-visible, .ev-field input[type=search]:focus-visible, .ev-field select:focus-visible, .ev-field textarea:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.ev-toggles {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}

.ev-toggle {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  cursor: pointer;
}
.ev-toggle input {
  margin: 0;
}
.ev-toggle strong {
  font-weight: 700;
}

.ev-rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ev-row {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  border: 1px dashed #d5dce5;
  border-radius: 9px;
  padding: 10px 12px;
}
.ev-row .ev-field {
  flex: 1 1 160px;
}
.ev-row__remove {
  flex: none;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  display: flex;
  gap: 5px;
  align-items: center;
  margin: 0 0 8px;
}

.ev-add {
  margin-top: 10px;
  border: 1px dashed #b7c3d2;
  background: transparent;
  color: #1c3f75;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  font-weight: 650;
  padding: 6px 14px;
  cursor: pointer;
}
.ev-add:hover {
  background: #eef2fb;
}

.ev-form__errors {
  border: 1px solid rgba(180, 35, 24, 0.4);
  background: #fdf1ef;
  color: #8f1c13;
  border-radius: 9px;
  padding: 10px 14px;
  margin-bottom: 14px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}

.ev-form__actions {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 4px;
}

.ev-form__cancel {
  font-weight: 600;
  color: #1c3f75;
}
.ev-form__cancel:hover {
  color: #163258;
}

.ev-statrow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
@media (max-width: 1279px) {
  .ev-statrow {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .ev-statrow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ev-stat {
  min-width: 0;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 12px 16px;
}
.ev-stat__num {
  display: block;
  font-size: calc(var(--edc-fs-title) * 18.9 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
}
.ev-stat__label {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  margin-top: 2px;
}
.ev-stat--warn .ev-stat__num {
  color: #b54708;
}

.ev-share__row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ev-share__field {
  flex: 1 1 240px;
  min-width: 0;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 7px 10px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.ev-quickadd {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 10px;
  border: 1px dashed #d5dce5;
  border-radius: 9px;
  margin-bottom: 14px;
}
.ev-quickadd input, .ev-quickadd select {
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}
.ev-quickadd input[type=text] {
  flex: 1 1 140px;
}
.ev-quickadd input[type=email] {
  flex: 2 1 220px;
}

.ev-inline {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin: 0;
}

.ev-check {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
  margin: 0;
}
.ev-check input {
  margin: 0;
}

.ev-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.ev-table th {
  text-align: left;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  padding: 6px 10px;
  border-bottom: 1px solid #dfe4ea;
}
.ev-table td {
  padding: 9px 10px;
  border-bottom: 1px solid #eef1f5;
  vertical-align: top;
}
.ev-table tr.is-muted td {
  opacity: 0.55;
}
.ev-table__name {
  display: block;
  font-weight: 650;
}
.ev-table__sub {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.ev-table__actions {
  text-align: right;
}

.ev-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 999px;
  background: #eef2f7;
  color: #556070;
}
.ev-pill--ok {
  background: #eef2fb;
  color: #1c3f75;
}
.ev-pill--in {
  background: #eaf6f0;
  color: #116e4c;
}
.ev-pill--wait {
  background: #fdf6e6;
  color: #8a6410;
}
.ev-pill--gold {
  background: #fdf6e6;
  color: #8a6410;
}

.ev-mini {
  border: 1px solid #dfe4ea;
  background: #fff;
  color: #556070;
  border-radius: 7px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  padding: 3px 10px;
  cursor: pointer;
}
.ev-mini:hover {
  color: #1c2531;
  border-color: #c3ccd8;
}

.ev-emptyline {
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin: 0;
}

.ev-sponsors {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ev-sponsor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
  padding: 10px 14px;
}
.ev-sponsor__name {
  font-weight: 650;
}
.ev-sponsor__meta {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}

.ev-checkin-tools {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.ev-checkin-search {
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  min-width: 240px;
}

.ev-checkin-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ev-checkin-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  padding: 11px 15px;
}
.ev-checkin-row.is-in {
  background: #f4faf7;
  border-color: #cde9db;
}
.ev-checkin-row__who {
  min-width: 0;
}
.ev-checkin-row__name {
  display: block;
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 13.72 / 14);
}
.ev-checkin-row__meta {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
}

@media (max-width: 720px) {
  .ev-card__stats {
    display: none;
  }
  .ev-head {
    flex-direction: column;
  }
}
.ev-valve {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0;
  padding: 11px 16px;
  border: 1px solid #b7cbea;
  background: #eef2fb;
  border-radius: 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: #163258;
}
.ev-valve .fa {
  color: #1c3f75;
}

.ev-valve__link {
  font-weight: 700;
  color: #1c3f75;
  margin-left: auto;
  white-space: nowrap;
}

.ev-chip {
  display: inline-block;
  vertical-align: middle;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #2c3446;
  background: #eef2f7;
  border: 1px solid #dfe4ea;
}
.ev-chip--members {
  color: #116e4c;
  background: #eaf6f0;
  border-color: #cde9db;
}
.ev-chip--quiet {
  color: #556070;
  background: #fff;
}

.ev-head__online {
  color: #1c3f75;
  font-weight: 600;
  text-decoration: none;
}
.ev-head__online:hover {
  text-decoration: underline;
}

.ev-head__kicker {
  flex-wrap: wrap;
  row-gap: 4px;
}

.ev-head__when {
  min-width: 0;
}

.ev-series {
  margin: 6px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
}
.ev-series .fa {
  color: #1c3f75;
  margin-right: 2px;
}
.ev-series a {
  color: #1c3f75;
  font-weight: 600;
}

.ev-card__repeat {
  color: #556070;
}
.ev-card__repeat .fa {
  color: #1c3f75;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}

.ev-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
}

.ev-card__place {
  min-width: 0;
}

.ev-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 22px;
  padding: 10px 14px;
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.ev-tools__filter {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.ev-tools__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
  margin: 0;
  white-space: nowrap;
}
.ev-tools__label .fa {
  margin-right: 3px;
}
.ev-tools__select {
  min-width: 200px;
  padding: 5px 10px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  background: #fff;
  color: #1c2531;
}
.ev-tools__listing {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}
.ev-tools__listing .btn {
  min-width: 0;
}
.ev-tools__link {
  width: 300px;
  max-width: 100%;
  padding: 5px 10px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  background: #fff;
  color: #556070;
}

.ev-share__note {
  margin: 10px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
}
.ev-share__note a {
  color: #1c3f75;
  font-weight: 600;
}

.ev-picture {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.ev-picture__thumb {
  width: 200px;
  aspect-ratio: 16/7;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dfe4ea;
}
.ev-picture__controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.ev-picture__remove {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
}

.ev-visibility {
  border: 0;
  padding: 0;
  margin: 6px 0 0;
}
.ev-visibility__legend {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 700;
  margin-bottom: 8px;
  padding: 0;
}
.ev-visibility__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
  padding: 10px 12px;
  margin: 0 0 6px;
  cursor: pointer;
  background: #fff;
}
.ev-visibility__row:has(input:checked) {
  border-color: #1c3f75;
  box-shadow: inset 0 0 0 1px #1c3f75;
}
.ev-visibility__row input {
  margin: 3px 0 0;
  flex: none;
}
.ev-visibility__body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.ev-visibility__body span {
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.ev-row--stack {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.ev-row__line {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}
.ev-row__line .ev-field {
  flex: 2 1 150px;
}
.ev-row__line .ev-field--narrow {
  flex: 1 1 92px;
}
.ev-row__line .ev-field--wide {
  flex: 3 1 100%;
}
.ev-row__line--sub {
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px dashed #dfe4ea;
}
.ev-row__line--sub .ev-field {
  flex: 1 1 170px;
}
.ev-row__line--sub .ev-field--wide {
  flex: 2 1 220px;
}

.ev-dialog {
  width: min(560px, 92vw);
  padding: 0;
  border: 1px solid #c9d2dd;
  border-radius: 14px;
  background: #fff;
  color: #1c2531;
  box-shadow: 0 24px 60px rgba(28, 37, 49, 0.28);
}
.ev-dialog::backdrop {
  background: rgba(28, 37, 49, 0.45);
}
.ev-dialog__form {
  margin: 0;
  padding: 22px 24px 20px;
}
.ev-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}
.ev-dialog__title {
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  font-weight: 800;
  margin: 0;
}
.ev-dialog__close {
  min-width: 0;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: #f1f4f8;
  color: #556070;
  cursor: pointer;
}
.ev-dialog__close:hover {
  background: #e6ebf2;
  color: #1c2531;
}
.ev-dialog__close:focus-visible {
  outline: 2px solid #1c3f75;
}
.ev-dialog__lede {
  margin: 0 0 14px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #556070;
  line-height: 1.5;
}
.ev-dialog__choices {
  border: 0;
  padding: 0;
  margin: 0 0 12px;
}
.ev-dialog__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
  padding: 10px 12px;
  margin: 0 0 6px;
  cursor: pointer;
}
.ev-dialog__row:has(input:checked) {
  border-color: #1c3f75;
  box-shadow: inset 0 0 0 1px #1c3f75;
}
.ev-dialog__row input {
  margin: 3px 0 0;
  flex: none;
}
.ev-dialog__row-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.ev-dialog__row-body span {
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.ev-dialog__count {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
}
.ev-dialog__count label {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
}
.ev-dialog__count input {
  width: 90px;
  padding: 6px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.ev-dialog__foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.ev-dialog__foot .btn {
  min-width: 0;
}

.ev-table__party {
  display: block;
  margin-top: 3px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
}
.ev-table__party .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  margin-right: 3px;
}

.ev-table__answers {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}

.ev-checkin-row__actions {
  display: flex;
  gap: 6px;
  align-items: center;
}
.ev-checkin-row__actions .btn {
  min-width: 0;
}
.ev-checkin-row__actions form {
  margin: 0;
}

.ev-panel__status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  flex-wrap: wrap;
}

.ev-panel__link {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #1c3f75;
}

.ev-emails {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ev-emails__row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 9px 0;
  border-top: 1px solid #dfe4ea;
}
.ev-emails__row:first-child {
  border-top: 0;
}
.ev-emails__name {
  flex: 0 0 120px;
  font-weight: 700;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.ev-emails__blurb {
  flex: 1;
  min-width: 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #556070;
}
.ev-emails__actions {
  display: flex;
  gap: 6px;
  align-items: center;
}
.ev-emails__actions .ev-inline {
  margin: 0;
}

@media (max-width: 700px) {
  .ev-emails__row {
    flex-wrap: wrap;
  }
  .ev-emails__blurb {
    flex-basis: 100%;
  }
}
.ev-money-word {
  font-weight: 700;
  white-space: nowrap;
}
.ev-money-word--paid {
  color: #0a7a54;
}
.ev-money-word--owes {
  color: #a34d09;
}

.ev-table__collect {
  display: block;
  margin-top: 2px;
  font-weight: 600;
  color: #1c3f75;
}

.ev-page--checkin .ev-head__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.ev-page--checkin .ev-head__actions .btn {
  min-width: 0;
}

.ev-selfcheck {
  margin: -8px 0 16px;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  color: #556070;
}
.ev-selfcheck a {
  color: #1c3f75;
  font-weight: 600;
  word-break: break-all;
}
.ev-selfcheck__note {
  color: #556070;
}

.ev-quickadd--door {
  margin-bottom: 14px;
}

.ev-company-totals {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 18px;
  margin: 0 0 12px;
  padding: 10px 14px;
  border: 1px solid #dfe4ea;
  border-radius: 9px;
  background: #f8fafc;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.ev-company-totals strong {
  font-weight: 800;
}
.ev-company-totals span {
  color: #334155;
  font-weight: 600;
}
.ev-company-totals__clear {
  margin-left: auto;
  font-weight: 600;
}

.ev-reglist-company {
  width: auto;
  max-width: 240px;
}

.ev-table__company {
  font-weight: 600;
  color: #334155;
}

.ev-table__none {
  color: #64748b;
}

.ev-quickadd__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  white-space: nowrap;
}

.ev-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}
.ev-band > * {
  min-width: 0;
}
.ev-band .insight-mount, .ev-band .insight {
  display: block;
  width: 100%;
  height: 100%;
}
.ev-band .insight-mount::before, .ev-band .insight::before {
  display: none;
}
.ev-band .insight-metric-tile {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  min-height: 96px;
}

@media (max-width: 900px) {
  .ev-band {
    grid-template-columns: 1fr;
  }
}
.ev-band--cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

.ev-band__card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 14px 16px 16px;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  min-height: 200px;
}
.ev-band__card .insight-mount, .ev-band__card .insight {
  display: block;
  width: 100%;
  flex: 1;
}
.ev-band__card .insight-mount::before, .ev-band__card .insight::before {
  display: none;
}
.ev-band__card .insight-breakdown-bars, .ev-band__card .insight-figure-table, .ev-band__card .insight-trend {
  border: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
}
.ev-band__card .insight-breakdown-bars__row {
  grid-template-columns: minmax(0, min(200px, 50%)) minmax(64px, 1fr) 44px;
}

.ev-band__card-title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}

@media (max-width: 900px) {
  .ev-band--cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ev-statrow--after {
  margin-bottom: 12px;
}

.ev-stat__of {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 600;
  color: #556070;
}

.ev-chip--todo {
  color: #8a5a1f;
  background: #fdf6e6;
  border-color: #eeddb0;
}
.ev-chip--todo .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  margin-right: 2px;
}

.ev-dialog__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 0 0 18px;
}
.ev-dialog__grid .ev-field select {
  width: 100%;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 7px 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  background: #fff;
}

@media (max-width: 640px) {
  .ev-dialog__grid {
    grid-template-columns: 1fr;
  }
}
.ev-sponsors__level {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 14px 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}
.ev-sponsors__level:first-of-type {
  margin-top: 4px;
}

.ev-sponsors__ask {
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #556070;
}

.ev-sponsor__who {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.ev-sponsor__logo {
  height: 34px;
  width: auto;
  max-width: 110px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
}

.ev-sponsor__site {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #1c3f75;
  text-decoration: none;
}
.ev-sponsor__site:hover {
  text-decoration: underline;
}

.ev-sponsor__deliverables {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #556070;
  white-space: nowrap;
}
.ev-sponsor__deliverables.is-done {
  color: #0a7a54;
}
.ev-sponsor__deliverables .fa {
  margin-right: 3px;
}

.ev-picture--logo .ev-picture__logo {
  height: 44px;
  width: auto;
  max-width: 160px;
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px solid #dfe4ea;
  border-radius: 6px;
  padding: 4px;
  background: #fff;
}

.ev-panel__count {
  display: inline-block;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 999px;
  background: #fdf6e6;
  color: #8a5a1f;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  line-height: 20px;
  vertical-align: middle;
}

.ev-people {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ev-people__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.ev-people__row:first-child {
  border-top: 0;
}
.ev-people__who {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ev-people__name {
  font-weight: 650;
}
.ev-people__email {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
}
.ev-people__more {
  padding: 8px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
}

.ev-cohosts {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
  padding: 0;
}
.ev-cohosts li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 600;
}
.ev-cohosts .ev-inline {
  margin: 0;
}
.ev-cohosts .ev-mini {
  padding: 0 6px;
}

.ev-cohosts__add {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 0;
}
.ev-cohosts__add select {
  padding: 5px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.ev-cohosts__add .btn {
  min-width: 0;
}

.ev-cohost-note {
  margin: -6px 0 16px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #556070;
}

.ev-series-table {
  width: 100%;
}
.ev-series-table tr.is-current td {
  background: #f1f5fb;
}
.ev-series-table .text-end {
  text-align: right;
}

.ev-compose {
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 16px;
  margin: 0 0 18px;
  display: grid;
  gap: 12px;
}
.ev-compose__title {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #1c2531;
  margin: 4px 0 8px;
}
.ev-compose__row {
  display: grid;
  gap: 4px;
}
.ev-compose__row label {
  font-weight: 600;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #1c2531;
}
.ev-compose__help {
  color: #4b5563;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}
.ev-compose__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ev-compose__actions .btn {
  min-width: 0;
}

.ev-sent {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
}
.ev-sent__row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  padding: 8px 0;
  border-bottom: 1px solid #eef1f5;
}
.ev-sent__subject {
  font-weight: 600;
  color: #1c2531;
}
.ev-sent__meta {
  color: #4b5563;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.ev-reglist-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
}

.ev-reglist-search {
  display: flex;
  gap: 6px;
}
.ev-reglist-search .form-control {
  width: 220px;
  max-width: 100%;
}
.ev-reglist-search .btn {
  min-width: 0;
}

.ev-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1 1 auto;
}

.ev-filter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 11px;
  border-radius: 999px;
  border: 1px solid #d5dce6;
  color: #1c2531;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  text-decoration: none;
}
.ev-filter:hover {
  background: #f3f6fa;
}
.ev-filter.is-on {
  background: #1c2531;
  border-color: #1c2531;
  color: #fff;
}
.ev-filter.is-on .ev-filter__n {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.ev-filter__n {
  background: #eef1f5;
  border-radius: 999px;
  padding: 0 7px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
}

.ev-bulk {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
}
.ev-bulk .btn {
  min-width: 0;
}
.ev-bulk__label {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #4b5563;
}

.ev-table__tick {
  width: 32px;
}

.ev-door-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 12px 0;
}

.ev-door-live {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 600;
  color: #8a6410;
}
.ev-door-live:empty {
  display: none;
}

.ev-checkin-row__undo, .ev-checkin-row__undo.btn-link {
  min-width: 0;
  padding: 2px 6px;
  font-weight: 600;
  color: #14532d !important;
  text-decoration: underline;
}

.ev-page--checkin .ev-checkin-row, .evs-door .ev-checkin-row {
  min-height: 56px;
}
.ev-page--checkin .ev-checkin-row .btn, .evs-door .ev-checkin-row .btn {
  min-height: 40px;
}

.ev-crh .crh__meta {
  gap: 6px 14px;
}

.ev-crh .ev-series {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #4b5563;
}
.ev-crh .ev-series a {
  font-weight: 600;
}

.ev-series__run {
  white-space: nowrap;
}

.ev-crh .crh-more__item {
  border: 0;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.ev-section {
  padding-top: 4px;
}

.ev-money-word--unpaid {
  color: #8a4b0f;
  font-weight: 600;
}

.ev-quickadd__help {
  flex-basis: 100%;
  color: #4b5563;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}

.ev-bulk.is-idle .btn {
  display: none;
}

.ev-bulk.is-idle .ev-bulk__label {
  color: #4b5563;
}

.ev-sponsor__invno {
  margin-left: 4px;
}

.ev-compose {
  gap: 10px;
}
.ev-compose__row {
  gap: 3px;
}

.ev-card__stat--quiet {
  color: #4b5563;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.ev-table-scroll {
  overflow-x: auto;
  max-width: 100%;
}

.ev-checkin-tools .ev-inline {
  flex-wrap: wrap;
  max-width: 100%;
}

@media (max-width: 767px) {
  .ev-checkin-tools .ev-inline .ev-checkin-search {
    flex: 1 1 180px;
    min-width: 0;
  }
}
.ev-sponsor {
  flex-wrap: wrap;
  row-gap: 8px;
}

.ev-sponsor__who {
  flex: 1 1 220px;
}

.ev-sponsor__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}

.ev-sponsor__invoice {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.ev-figures__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 8px;
}

.ev-figures__title {
  margin: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  text-shadow: none;
}

.brd-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.brd-page h1, .brd-page h2, .brd-page h3 {
  text-shadow: none;
}
.brd-page .btn {
  min-width: 0;
}
.brd-page a {
  color: #1c3f75;
}
.brd-page a:focus-visible, .brd-page button:focus-visible, .brd-page summary:focus-visible, .brd-page input:focus-visible, .brd-page select:focus-visible, .brd-page textarea:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.brd-page--narrow {
  max-width: 880px;
}

.brd-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
.brd-head__text {
  min-width: 0;
  flex: 1 1 320px;
}
.brd-head__kicker {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.brd-head__title {
  margin: 0 0 4px;
  font-size: var(--edc-fs-display);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #1c2531;
}
.brd-head__sub {
  margin: 0;
  color: #4f5b6b;
  font-size: var(--edc-fs-body);
  max-width: 72ch;
}
.brd-head__sep {
  margin-left: 12px;
  white-space: nowrap;
}
.brd-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 1 auto;
}

.brd-head {
  flex-wrap: wrap;
}

.brd-label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.brd-label--sub {
  margin-top: 12px;
}

.brd-optional {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

.brd-hint {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.brd-muted {
  margin: 0 0 12px;
  color: #4f5b6b;
  font-size: var(--edc-fs-body);
}

.brd-none {
  color: #4f5b6b;
}

.brd-sub {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.brd-sub--inline {
  display: inline;
  margin: 0 0 0 4px;
}

.brd-link {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.brd-link:hover {
  text-decoration: underline;
}

.brd-nowrap {
  white-space: nowrap;
}

.brd-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.brd-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 12px 16px;
  border: 1px solid #f0d9bf;
  border-radius: 12px;
  background: #fdf7ef;
}
.brd-notice__icon {
  color: #a34d09;
}
.brd-notice__text {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.brd-notice__text a {
  color: #a34d09;
  font-weight: 600;
}

.brd-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}
.brd-filters__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: none;
}
.brd-filters .brd-field {
  flex-basis: 120px;
}
.brd-filters .brd-field--grow {
  flex-basis: 200px;
}
.brd-filters .form-control, .brd-filters .form-select {
  height: 38px;
}

.brd-field {
  min-width: 0;
  flex: 1 1 140px;
}
.brd-field--grow {
  flex: 1.6 1 200px;
}
.brd-field--half {
  flex: 1 1 280px;
}
.brd-field--count {
  flex: 0 1 96px;
  min-width: 88px;
}

.brd-table-wrap {
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  overflow-x: auto;
}

.brd-table {
  width: 100%;
  border-collapse: collapse;
}
.brd-table th {
  padding: 12px 16px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
  background: #f6f8fb;
  border-bottom: 1px solid #dfe4ea;
  text-align: left;
  white-space: nowrap;
}
.brd-table th.brd-num {
  text-align: right;
}
.brd-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #dfe4ea;
  vertical-align: top;
  font-size: var(--edc-fs-body);
}
.brd-table tbody tr:last-child td {
  border-bottom: 0;
}
.brd-table tbody tr:hover td {
  background: #fafbfd;
}

.brd-name {
  font-weight: 700;
  text-decoration: none;
}
.brd-name:hover {
  text-decoration: underline;
}

.brd-roles {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.brd-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.brd-foot p {
  margin: 0;
}

.brd-linklist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.brd-linklist li + li {
  margin-top: 4px;
}

.brd-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #eef2f7;
  color: #33404f;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  white-space: nowrap;
}
.brd-chip--todo {
  background: #fdf6e6;
  color: #7a5609;
}

.brd-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  white-space: nowrap;
  background: #eef1f5;
  color: #3d4a5c;
}
.brd-pill--good {
  background: #e8f5ef;
  color: #0a7a54;
}
.brd-pill--warn {
  background: #fdf1e3;
  color: #a34d09;
}
.brd-pill--bad {
  background: #fcecea;
  color: #a3241a;
}
.brd-pill--quiet {
  background: #eef1f5;
  color: #3d4a5c;
}

.brd-table td > .brd-pill:first-child {
  margin-top: 0;
}

td[data-label=Term] .brd-pill {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}

.brd-table td.brd-num .brd-cell {
  display: inline;
}

.brd-yes {
  color: #0a7a54;
  font-weight: 600;
  white-space: nowrap;
}

.brd-no {
  color: #4f5b6b;
  white-space: nowrap;
}

.brd-empty {
  padding: 48px 16px;
  border: 1px dashed #dfe4ea;
  border-radius: 12px;
  text-align: center;
  background: #fff;
}
.brd-empty h2 {
  margin: 0 0 8px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #1c2531;
}
.brd-empty p {
  margin: 0 auto 16px;
  max-width: 56ch;
  color: #4f5b6b;
}

.brd-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.brd-grid__main, .brd-grid__side {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.brd-panel {
  padding: 20px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.brd-panel__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.brd-panel__title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1c2531;
}
.brd-panel__head .brd-panel__title {
  margin: 0;
}
.brd-panel__aside {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
  text-align: right;
}
.brd-panel--danger {
  border-color: #f1d3cf;
}

.brd-form .brd-panel + .brd-panel,
.brd-page > .brd-panel + .brd-panel {
  margin-top: 16px;
}

.brd-form .bootstrap-select {
  width: 100% !important;
  padding: 0;
  border: 0;
  background: none;
}
.brd-form .bootstrap-select > .dropdown-toggle {
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  box-shadow: none;
}

.brd-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
  margin: 0;
}
.brd-facts dt {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.brd-facts dd {
  margin: 0;
  font-size: var(--edc-fs-body);
}
.brd-facts dd .brd-pill {
  margin: 4px 0 0;
}

.brd-rows {
  margin: 0;
  padding: 0;
  list-style: none;
}

.brd-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.brd-row:first-child {
  border-top: 0;
  padding-top: 0;
}
.brd-row__main {
  min-width: 0;
}

.brd-text {
  font-size: var(--edc-fs-body);
  line-height: 1.6;
}
.brd-text p {
  margin: 0 0 8px;
}

.brd-files {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.brd-file {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.brd-file:first-child {
  border-top: 0;
}
.brd-file__main {
  min-width: 0;
}
.brd-file__name {
  font-weight: 600;
  text-decoration: none;
  word-break: break-word;
}
.brd-file__name:hover {
  text-decoration: underline;
}

.brd-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #fff;
  color: #a3241a;
  cursor: pointer;
}
.brd-icon-btn:hover {
  background: #fcecea;
}

.brd-more {
  flex: none;
  font-size: var(--edc-fs-secondary);
}
.brd-more > summary {
  cursor: pointer;
  color: #1c3f75;
  font-weight: 600;
  list-style: none;
  text-align: right;
}
.brd-more > summary::-webkit-details-marker {
  display: none;
}
.brd-more[open] {
  flex-basis: 100%;
}
.brd-more[open] > summary {
  margin-bottom: 8px;
}

.brd-file:has(.brd-more[open]) {
  flex-wrap: wrap;
}

.brd-upload > summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.brd-upload > summary::-webkit-details-marker {
  display: none;
}
.brd-upload[open] > summary {
  margin-bottom: 12px;
}

.brd-mini-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #f6f8fb;
}
.brd-mini-form .brd-label {
  margin: 4px 0 0;
}
.brd-mini-form > .btn, .brd-mini-form > button {
  align-self: flex-start;
  margin-top: 4px;
}
.brd-mini-form .brd-form__row {
  margin: 0;
}

.brd-more .brd-mini-form + form {
  margin-top: 8px;
}

.brd-form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}
.brd-form__actions {
  display: flex;
  gap: 8px;
  margin-top: 24px;
}
.brd-form .brd-field {
  margin-bottom: 0;
}
.brd-form > .brd-panel .brd-field + .brd-field {
  margin-top: 0;
}
.brd-form .brd-panel > .brd-field + .brd-field {
  margin-top: 16px;
}

.brd-fieldset {
  flex: 1 1 240px;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
}
.brd-fieldset legend {
  float: none;
  width: auto;
}

.brd-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.brd-checks--list {
  flex-direction: column;
  max-height: 280px;
  overflow-y: auto;
  padding: 4px;
}

.brd-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 400;
  text-transform: none;
  color: #1c2531;
  cursor: pointer;
}
.brd-check input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.brd-errors {
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid #f1c6c0;
  border-radius: 12px;
  background: #fdf2f0;
  color: #a3241a;
}
.brd-errors__title {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
}
.brd-errors ul {
  margin: 0;
  padding-left: 20px;
}

.brd-section {
  margin-bottom: 24px;
}

.brd-section__title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4f5b6b;
}

.brd-cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.brd-card {
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  transition: box-shadow 0.15s ease;
}
.brd-card:hover {
  box-shadow: 0 8px 24px rgba(18, 30, 48, 0.1);
}
.brd-card__link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  color: inherit !important;
  text-decoration: none;
}
.brd-card__link:focus-visible {
  border-radius: 12px;
}
.brd-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.brd-card__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
}
.brd-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.brd-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}
.brd-card__go {
  flex: none;
  color: #4f5b6b;
}

.brd-date {
  flex: none;
  width: 56px;
  padding: 4px 0;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #f6f8fb;
  text-align: center;
}
.brd-date__month {
  display: block;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #a3241a;
}
.brd-date__day {
  display: block;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 800;
  line-height: 1.1;
}
.brd-date__year {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  color: #4f5b6b;
}

.brd-att {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.brd-att__row {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: center;
  margin: 0;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
  cursor: pointer;
  font-weight: 400;
  text-transform: none;
}
.brd-att__row input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.brd-att li:first-child .brd-att__row {
  border-top: 0;
  padding-top: 0;
}

.brd-att__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}

.brd-att__role {
  grid-column: 2;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.brd-attendance fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.brd-attendance__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}

.brd-motions {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  counter-reset: motion;
}

.brd-motion {
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.brd-motion:first-child {
  border-top: 0;
  padding-top: 0;
}
.brd-motion__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.brd-motion__title {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}
.brd-motion__top .brd-pill {
  margin-top: 0;
}
.brd-motion__notes {
  margin: 8px 0 0;
  font-size: var(--edc-fs-body);
}
.brd-motion .brd-more {
  margin-top: 8px;
}
.brd-motion .brd-more > summary {
  text-align: left;
}

@media (max-width: 991px) {
  .brd-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 767px) {
  .brd-page {
    padding: 16px 16px 32px;
  }
  .brd-head {
    flex-direction: column;
    margin-bottom: 16px;
  }
  .brd-head__actions {
    justify-content: flex-start;
  }
  .brd-head__title {
    font-size: calc(var(--edc-fs-title) * 20 / 18);
  }
  .brd-head__sep {
    display: block;
    margin: 4px 0 0;
  }
  .brd-field, .brd-field--grow, .brd-field--half {
    flex: 1 1 100%;
  }
  .brd-field--count {
    flex: 1 1 calc(33% - 12px);
    min-width: 0;
  }
  .brd-facts {
    grid-template-columns: minmax(0, 1fr);
  }
  .brd-date {
    width: 48px;
  }
  .brd-table-wrap {
    border: 0;
    background: transparent;
    overflow: visible;
  }
  .brd-table thead {
    display: none;
  }
  .brd-table tbody {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .brd-table tr {
    display: block;
    padding: 12px 16px;
    border: 1px solid #dfe4ea;
    border-radius: 12px;
    background: #fff;
  }
  .brd-table tbody tr:hover td {
    background: transparent;
  }
  .brd-table td {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 8px;
    padding: 4px 0;
    border: 0;
    text-align: left;
  }
  .brd-table td::before {
    content: attr(data-label);
    font-size: var(--edc-fs-label);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #4f5b6b;
  }
  .brd-table td.brd-num {
    text-align: left;
  }
  .brd-table td[data-label=Director], .brd-table td[data-label=Meeting] {
    display: block;
    padding-bottom: 8px;
  }
  .brd-table td[data-label=Director]::before, .brd-table td[data-label=Meeting]::before {
    display: none;
  }
}
.glance-page--board .glance-brief__band--numbers .glance-brief__grid--solo .glance-widget {
  grid-column: 1/-1;
}

.brd-majority {
  margin: 0 0 12px;
}

.brd-pager {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: -8px 0 16px;
}
.brd-pager__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 48%;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.brd-pager__link:hover {
  text-decoration: underline;
}
.brd-pager__link--next {
  margin-left: auto;
  text-align: right;
}
.brd-pager__label {
  display: block;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}

.brd-label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.brd-link-btn {
  padding: 0;
  border: 0;
  background: none;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  cursor: pointer;
}
.brd-link-btn:hover {
  text-decoration: underline;
}
.brd-link-btn[hidden] {
  display: none;
}

@media (max-width: 767px) {
  .brd-pager {
    flex-direction: column;
    gap: 8px;
    margin-top: 0;
  }
  .brd-pager__link {
    max-width: 100%;
  }
  .brd-pager__link--next {
    margin-left: 0;
    text-align: left;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
.brd-inline-form {
  display: inline;
  margin: 0;
}

.brd-approval {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
}
.brd-approval .brd-pill {
  margin: 0;
}
.brd-approval__form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 12px;
  margin: 0;
}
.brd-approval__form .brd-label {
  flex-basis: 100%;
  margin: 0;
}
.brd-approval__form .form-control {
  width: auto;
  height: 32px;
}
.brd-approval__form .btn {
  height: 32px;
}

.brd-actions {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.brd-action {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.brd-action:first-child {
  border-top: 0;
  padding-top: 0;
}
.brd-action__main {
  flex: 1;
  min-width: 0;
}
.brd-action__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
  overflow-wrap: anywhere;
}
.brd-action .brd-pill {
  flex: none;
  margin: 0;
}
.brd-action.is-done .brd-action__title {
  text-decoration: line-through;
  color: #4f5b6b;
  font-weight: 400;
}

.brd-check-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-top: -6px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: none;
  color: #1c3f75;
  font-size: var(--edc-fs-title);
  cursor: pointer;
}
.brd-check-btn:hover {
  background: #f6f8fb;
}
.brd-check-btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.brd-foot__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.brd-reports {
  margin: 0;
  padding: 0;
  list-style: none;
}

.brd-report {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.brd-report:first-child {
  border-top: 0;
  padding-top: 0;
}
.brd-report__icon {
  margin-top: 2px;
  color: #1c3f75;
  font-size: var(--edc-fs-heading);
}
.brd-report__main {
  min-width: 0;
}
.brd-report__name {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  text-decoration: none;
}
.brd-report__name:hover {
  text-decoration: underline;
}

.brd-seat-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.brd-seat-chip {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 6px;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #d5dbe3;
  border-radius: 999px;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  line-height: 1.35;
  text-decoration: none;
}
.brd-seat-chip i {
  color: #1c3f75;
}
.brd-seat-chip__what {
  font-weight: 700;
}
.brd-seat-chip__sep {
  color: #4f5b6b;
}
.brd-seat-chip:hover {
  border-color: #1c3f75;
  text-decoration: none;
  color: #1c2531;
}
.brd-seat-chip:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.brd-seat-chip--soon {
  border-color: #f0d9bf;
  background: #fdf7ef;
}
.brd-seat-chip--soon i {
  color: #a34d09;
}

.stg-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.stg-page h1, .stg-page h2, .stg-page h3, .stg-page h4 {
  text-shadow: none;
  color: #1c2531;
}
.stg-page .btn {
  min-width: 0;
}
.stg-page a {
  color: #1c3f75;
}
.stg-page a:focus-visible, .stg-page button:focus-visible, .stg-page summary:focus-visible, .stg-page input:focus-visible, .stg-page select:focus-visible, .stg-page textarea:focus-visible,
.stg-page [tabindex]:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.stg-page .card, .stg-page .panel {
  height: auto;
  margin-bottom: 0;
}
.stg-page--narrow {
  max-width: 880px;
}
.stg-page--medium {
  max-width: 1040px;
}

.stg-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
.stg-head__text {
  min-width: 0;
  flex: 1 1 440px;
}
.stg-head__kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.stg-head__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.stg-head__sub {
  margin: 0;
  color: #4f5b6b;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  max-width: 72ch;
}
.stg-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 1 auto;
}
.stg-head {
  flex-wrap: wrap;
}

.stg-subbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  margin: -8px 0 24px;
}

.stg-label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}

.stg-hint {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.stg-hint:empty {
  display: none;
}

.stg-muted {
  color: #4f5b6b;
}

.stg-small {
  font-size: var(--edc-fs-secondary);
}

.stg-nowrap {
  white-space: nowrap;
}

.stg-num {
  font-variant-numeric: tabular-nums;
}

.stg-link {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.stg-link:hover {
  text-decoration: underline;
}

.stg-sep {
  color: #c9d1db;
}

.stg-btn-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.stg-select-inline {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.stg-select-inline .stg-label {
  margin: 0;
  white-space: nowrap;
}
.stg-select-inline select {
  width: auto;
  min-width: 200px;
  max-width: 320px;
  height: 38px;
}

.stg-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
  background: #eef1f5;
  color: #3d4a5c;
}
.stg-status i {
  font-size: var(--edc-fs-eyebrow);
}
.stg-status--good {
  background: #e6f4ee;
  color: #0a7a54;
}
.stg-status--warn {
  background: #fdf1e3;
  color: #9a4a08;
}
.stg-status--bad {
  background: #fcecea;
  color: #a3241a;
}
.stg-status--done {
  background: #e9edfa;
  color: #2f4fa8;
}
.stg-status--muted {
  background: #eef1f5;
  color: #3d4a5c;
}
.stg-status--button {
  cursor: pointer;
  border-color: rgba(28, 37, 49, 0.08);
}
.stg-status--button::after {
  content: "\f107";
  font-family: "Font Awesome 6 Free", "FontAwesome";
  font-weight: 900;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  margin-left: 2px;
}
.stg-status--button:hover {
  border-color: rgba(28, 37, 49, 0.24);
}

.stg-statusbox {
  position: relative;
  display: inline-block;
}
.stg-statusbox > summary {
  list-style: none;
  display: inline-block;
}
.stg-statusbox > summary::-webkit-details-marker {
  display: none;
}
.stg-statusbox__panel {
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  right: 0;
  width: 300px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(17, 27, 45, 0.16);
  text-align: left;
  white-space: normal;
}
.stg-statusbox__panel .form-select, .stg-statusbox__panel .form-control {
  font-size: var(--edc-fs-body);
}
.stg-statusbox__panel textarea {
  min-height: 72px;
}
.stg-statusbox__panel .stg-btn-row {
  margin-top: 12px;
  justify-content: flex-end;
}
.stg-statusbox--left .stg-statusbox__panel {
  left: 0;
  right: auto;
}

.stg-suggest {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fff8ec;
  border: 1px solid #f2dcb8;
  font-size: var(--edc-fs-secondary);
  color: #5c3a06;
}
.stg-suggest i {
  margin-top: 3px;
  color: #9a4a08;
}
.stg-suggest form {
  display: inline;
}
.stg-suggest button {
  margin-left: 4px;
  padding: 0;
  border: 0;
  background: none;
  color: #1c3f75;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.stg-bar {
  position: relative;
  height: 8px;
  border-radius: 999px;
  background: #e7ebf1;
  overflow: visible;
}
.stg-bar__fill {
  height: 100%;
  border-radius: 999px;
  background: #1c3f75;
  min-width: 2px;
}
.stg-bar__fill--good {
  background: #0a7a54;
}
.stg-bar__fill--warn {
  background: #c26a10;
}
.stg-bar__fill--bad {
  background: #a3241a;
}
.stg-bar__fill--done {
  background: #2f4fa8;
}
.stg-bar__mark {
  position: absolute;
  top: -4px;
  width: 2px;
  height: 16px;
  margin-left: -1px;
  background: #1c2531;
  border-radius: 1px;
}
.stg-bar--thick {
  height: 12px;
}

.stg-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 120px;
}
.stg-progress .stg-bar {
  flex: 1 1 auto;
}
.stg-progress__value {
  flex: none;
  min-width: 36px;
  text-align: right;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.stg-progress__none {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.stg-progress__words {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #3d4a5c;
}

.stg-about {
  position: relative;
  display: inline-block;
  flex: none;
}
.stg-about__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  color: #4f5b6b;
  cursor: pointer;
  list-style: none;
}
.stg-about__button::-webkit-details-marker {
  display: none;
}
.stg-about__button::marker {
  content: "";
}
.stg-about__button:hover {
  color: #1c3f75;
  background: #e9eef7;
}
.stg-about__button:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.stg-about__panel {
  position: absolute;
  z-index: 30;
  right: 0;
  top: calc(100% + 4px);
  width: min(360px, 100vw - 32px);
  padding: 16px;
  border: 1px solid #c9d1db;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(28, 37, 49, 0.14);
  text-align: left;
  white-space: normal;
}
.stg-about__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3d4a5c;
}
.stg-about__method {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
  line-height: 1.45;
}
.stg-about__parts {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
}
.stg-about__parts li {
  padding: 4px 0;
  border-top: 1px solid #dfe4ea;
}
.stg-about__kind {
  font-weight: 700;
  color: #3d4a5c;
}
.stg-about__words {
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}

.stg-health {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}
.stg-health > .fa-circle-info {
  color: #4f5b6b;
}

.stg-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 32px;
  align-items: center;
  padding: 24px;
  margin-bottom: 24px;
  border: 1px solid #dfe4ea;
  border-radius: 16px;
  background: linear-gradient(180deg, #fff 0%, #f6f8fb 100%);
}

.stg-ring {
  position: relative;
  width: 132px;
  height: 132px;
}
.stg-ring svg {
  display: block;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.stg-ring__track {
  fill: none;
  stroke: #e2e7ee;
  stroke-width: 12;
}
.stg-ring__fill {
  fill: none;
  stroke: #1c3f75;
  stroke-width: 12;
  stroke-linecap: round;
}
.stg-ring__text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.stg-ring__value {
  font-size: calc(var(--edc-fs-display) * 30 / 24);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.stg-ring__value--count {
  font-size: var(--edc-fs-display);
}
.stg-ring__label {
  margin-top: 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #4f5b6b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.stg-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 16px;
}

.stg-stat {
  min-width: 0;
  margin: 0;
}
.stg-stat dt {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.stg-stat dd {
  margin: 0;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 800;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
.stg-stat__of {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #4f5b6b;
}
.stg-stat a {
  color: inherit;
  text-decoration: none;
}
.stg-stat a:hover {
  text-decoration: underline;
}

.stg-mix__strip {
  display: flex;
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: #e7ebf1;
}
.stg-mix__seg {
  height: 100%;
}
.stg-mix__seg--not_started {
  background: #b8c1cc;
}
.stg-mix__seg--on_track {
  background: #0a7a54;
}
.stg-mix__seg--at_risk {
  background: #d98a26;
}
.stg-mix__seg--behind {
  background: #a3241a;
}
.stg-mix__seg--done {
  background: #2f4fa8;
}
.stg-mix__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-secondary);
}
.stg-mix__key {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.stg-mix__swatch {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex: none;
}

.stg-statements {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

.stg-statement {
  padding: 16px 20px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.stg-statement h2 {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.stg-statement p {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  line-height: 1.55;
  white-space: pre-line;
}
.stg-statement--empty p {
  color: #4f5b6b;
  font-size: var(--edc-fs-body);
}

.stg-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 24px;
  align-items: start;
}
.stg-grid__main, .stg-grid__side {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.stg-panel {
  padding: 20px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.stg-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.stg-panel__title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}
.stg-panel__title a {
  color: inherit;
  text-decoration: none;
}
.stg-panel__title a:hover {
  text-decoration: underline;
}
.stg-panel__aside {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.stg-panel--danger {
  border-color: #f1d3cf;
}
.stg-panel--doc {
  padding: 32px;
}
.stg-panel > p:last-child {
  margin-bottom: 0;
}

.stg-panel + .stg-panel {
  margin-top: 0;
}

.stg-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.stg-toolbar h2 {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 800;
}

.stg-seg {
  display: inline-flex;
  padding: 2px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #fff;
}
.stg-seg button {
  padding: 4px 12px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: #4f5b6b;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  cursor: pointer;
}
.stg-seg button[aria-pressed=true] {
  background: #e9eef7;
  color: #1c3f75;
}

.stg-area {
  border: 1px solid #dfe4ea;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
}
.stg-area + .stg-area {
  margin-top: 16px;
}
.stg-area__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 200px auto;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: #f6f8fb;
  border-bottom: 1px solid #dfe4ea;
}
.stg-area__name {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 800;
  line-height: 1.3;
}
.stg-area__meta {
  margin: 2px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.stg-area__empty {
  margin: 0;
  padding: 16px 20px;
  color: #4f5b6b;
}
.stg-area__foot {
  padding: 12px 20px;
  border-top: 1px solid #dfe4ea;
}
.stg-area.is-drop-target {
  outline: 2px dashed #1c3f75;
  outline-offset: -2px;
}

.stg-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.stg-item {
  border-top: 1px solid #dfe4ea;
}
.stg-item:first-child {
  border-top: 0;
}
.stg-item.is-dragging {
  opacity: 0.5;
}
.stg-item.is-drop-before {
  box-shadow: inset 0 3px 0 #1c3f75;
}
.stg-item__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 190px auto;
  align-items: start;
  gap: 12px;
  padding: 14px 20px;
}
.stg-item__meter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding-top: 2px;
}
.stg-item__meter .stg-item__progress {
  align-self: stretch;
}
.stg-item__meter .stg-progress {
  width: 100%;
  min-width: 0;
}
.stg-item__row > .stg-btn-row, .stg-item__tools {
  padding-top: 0;
}
.stg-item__main {
  min-width: 0;
}
.stg-item__level {
  display: inline-block;
  margin-right: 6px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.stg-item__name {
  font-weight: 700;
  color: #1c2531;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.stg-item a.stg-item__name:hover {
  text-decoration: underline;
  color: #1c3f75;
}
.stg-item__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.stg-item__facts span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.stg-item__note {
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #364152;
  font-style: italic;
}
.stg-item__status {
  justify-self: start;
}
.stg-item__tools {
  display: flex;
  align-items: center;
  gap: 4px;
}
.stg-item--objective > .stg-item__row {
  padding-left: 52px;
  background: #fcfdfe;
}
.stg-item--action > .stg-item__row {
  padding-left: 84px;
}
.stg-item--objective-action > .stg-item__row {
  padding-left: 116px;
}

.stg-children {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #dfe4ea;
}

.stg-children[hidden] {
  display: none;
}

.stg-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: none;
  color: #4f5b6b;
  cursor: pointer;
}
.stg-toggle i {
  transition: transform 0.15s ease;
}
.stg-toggle[aria-expanded=false] i {
  transform: rotate(-90deg);
}
.stg-toggle:hover {
  background: #eef1f5;
}
.stg-toggle--spacer {
  visibility: hidden;
}

.stg-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 28px;
  border: 0;
  background: none;
  color: #8a94a3;
  cursor: grab;
}
.stg-handle:hover {
  color: #1c2531;
}

.stg-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  background: none;
  color: #4f5b6b;
  cursor: pointer;
  text-decoration: none;
}
.stg-icon-btn:hover {
  background: #eef1f5;
  color: #1c2531;
}
.stg-icon-btn--danger:hover {
  background: #fcecea;
  color: #a3241a;
}

.stg-menu {
  position: relative;
}
.stg-menu > summary {
  list-style: none;
}
.stg-menu > summary::-webkit-details-marker {
  display: none;
}
.stg-menu__list {
  position: absolute;
  z-index: 30;
  top: calc(100% + 4px);
  right: 0;
  min-width: 200px;
  margin: 0;
  padding: 6px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(17, 27, 45, 0.16);
  list-style: none;
}
.stg-menu__list a, .stg-menu__list button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.stg-menu__list a:hover, .stg-menu__list button:hover {
  background: #f6f8fb;
}
.stg-menu__list a i, .stg-menu__list button i {
  width: 16px;
  color: #4f5b6b;
}
.stg-menu__list form {
  margin: 0;
}
.stg-menu__list .stg-menu__danger, .stg-menu__list .stg-menu__danger i {
  color: #a3241a;
}

.stg-measures-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.stg-mchip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #fff;
  font-size: var(--edc-fs-label);
  color: #1c2531;
  text-decoration: none;
}
.stg-mchip strong {
  font-variant-numeric: tabular-nums;
}
.stg-mchip i {
  font-size: var(--edc-fs-eyebrow);
}
.stg-mchip--good i {
  color: #0a7a54;
}
.stg-mchip--warn i {
  color: #9a4a08;
}
.stg-mchip--bad i {
  color: #a3241a;
}
.stg-mchip--done i {
  color: #2f4fa8;
}
.stg-mchip--muted i {
  color: #4f5b6b;
}
.stg-mchip:hover {
  border-color: #c9d1db;
}

.stg-add {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  text-decoration: none;
}
.stg-add:hover {
  text-decoration: underline;
}

.stg-add-row {
  padding: 8px 20px 12px;
}

.stg-item--objective + .stg-add-row, .stg-children .stg-add-row {
  padding-left: 84px;
}

.stg-rows {
  margin: 0;
  padding: 0;
  list-style: none;
}

.stg-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #dfe4ea;
}
.stg-row:first-child {
  border-top: 0;
  padding-top: 0;
}
.stg-row__main {
  min-width: 0;
}
.stg-row__title {
  font-weight: 700;
  text-decoration: none;
  color: #1c2531;
  overflow-wrap: anywhere;
}
.stg-row__title:hover {
  text-decoration: underline;
}
.stg-row__meta {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.stg-empty {
  padding: 48px 16px;
  border: 1px dashed #c9d1db;
  border-radius: 12px;
  text-align: center;
  background: #fff;
}
.stg-empty h2 {
  margin: 0 0 8px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.stg-empty p {
  margin: 0 auto 16px;
  max-width: 60ch;
  color: #4f5b6b;
}
.stg-empty--small {
  padding: 24px 16px;
}

.stg-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  padding: 12px 16px;
  border: 1px solid #f0d9bf;
  border-radius: 12px;
  background: #fdf7ef;
}
.stg-notice i {
  margin-top: 3px;
  color: #9a4a08;
}
.stg-notice p {
  margin: 0;
}
.stg-notice--info {
  border-color: #cfdaf0;
  background: #f2f6fd;
}
.stg-notice--info i {
  color: #1c3f75;
}

.stg-measure {
  padding: 20px;
  border: 1px solid #dfe4ea;
  border-radius: 14px;
  background: #fff;
}
.stg-measure + .stg-measure {
  margin-top: 16px;
}
.stg-measure__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.stg-measure__name {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 800;
}
.stg-measure__source {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.stg-measure__body {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.stg-measure__figures {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  margin: 0;
}
.stg-measure__now dd {
  font-size: calc(var(--edc-fs-display) * 30 / 24);
}
.stg-measure__chart {
  min-width: 0;
}
.stg-measure__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
}
.stg-measure__note {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
  margin: 8px 0 0;
}

.stg-fig {
  margin: 0;
}
.stg-fig dt {
  margin: 0 0 2px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.stg-fig dd {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.stg-fig__sub {
  display: block;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #4f5b6b;
  margin-top: 2px;
}
.stg-fig dd.stg-fig__sub {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  line-height: 1.4;
}
.stg-fig--wide {
  grid-column: 1/-1;
}

.stg-trend {
  width: 100%;
  max-width: 560px;
  height: auto;
  display: block;
}
.stg-trend .stg-trend__grid {
  stroke: #e7ebf1;
  stroke-width: 1;
}
.stg-trend .stg-trend__axis {
  fill: #4f5b6b;
  font-size: var(--edc-fs-heading);
  font-family: inherit;
}
.stg-trend .stg-trend__target {
  stroke: #2f4fa8;
  stroke-width: 1.5;
  stroke-dasharray: 6 4;
  fill: none;
}
.stg-trend .stg-trend__pace {
  stroke: #8a94a3;
  stroke-width: 1.5;
  stroke-dasharray: 2 4;
  fill: none;
}
.stg-trend .stg-trend__line {
  stroke: #1c3f75;
  stroke-width: 2.5;
  fill: none;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.stg-trend .stg-trend__area {
  fill: rgba(28, 63, 117, 0.08);
  stroke: none;
}
.stg-trend .stg-trend__dot {
  fill: #fff;
  stroke: #1c3f75;
  stroke-width: 2;
}
.stg-trend .stg-trend__label {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  font-family: inherit;
}
.stg-trend .stg-trend__label--target {
  fill: #2f4fa8;
}

.stg-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-label);
  color: #4f5b6b;
}

.stg-legend__line {
  display: inline-block;
  width: 18px;
  height: 0;
  margin-right: 6px;
  vertical-align: middle;
  border-top: 2.5px solid #1c3f75;
}

.stg-legend__line--target {
  border-top: 1.5px dashed #2f4fa8;
}

.stg-legend__line--pace {
  border-top: 1.5px dotted #8a94a3;
}

.stg-readings {
  margin-top: 12px;
}
.stg-readings summary {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #1c3f75;
  cursor: pointer;
}

.stg-table-wrap {
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  overflow-x: auto;
}

.stg-table {
  width: 100%;
  border-collapse: collapse;
}
.stg-table th {
  padding: 10px 16px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
  background: #f6f8fb;
  border-bottom: 1px solid #dfe4ea;
  text-align: left;
  white-space: nowrap;
}
.stg-table td {
  padding: 10px 16px;
  border-bottom: 1px solid #dfe4ea;
  vertical-align: top;
  font-size: var(--edc-fs-body);
}
.stg-table tbody tr:last-child td {
  border-bottom: 0;
}
.stg-table .stg-num {
  text-align: right;
}

.stg-form .stg-panel + .stg-panel {
  margin-top: 16px;
}
.stg-form .form-control, .stg-form .form-select {
  font-size: var(--edc-fs-body);
}

.stg-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
}
.stg-fields--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.stg-field {
  min-width: 0;
}
.stg-field--wide {
  grid-column: 1/-1;
}
.stg-field .stg-optional {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

.stg-errors {
  margin-bottom: 16px;
  padding: 12px 16px;
  border: 1px solid #f1c7c2;
  border-radius: 12px;
  background: #fcecea;
  color: #a3241a;
}
.stg-errors h2 {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #a3241a;
}
.stg-errors ul {
  margin: 0;
  padding-left: 20px;
}

.stg-actions-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 24px;
}

.stg-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  border: 0;
}
.stg-choices--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.stg-choices legend {
  float: none;
  width: auto;
  margin: 0 0 12px;
  padding: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 800;
  color: #1c2531;
}

.stg-choice {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  margin: 0;
  padding: 20px;
  border: 1.5px solid #dfe4ea;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}
.stg-choice input[type=radio] {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 18px;
  height: 18px;
  accent-color: #1c3f75;
}
.stg-choice:hover {
  border-color: #c9d1db;
}
.stg-choice:has(input:checked) {
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.12);
}
.stg-choice:has(input:focus-visible) {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.stg-choice__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #e9eef7;
  color: #1c3f75;
  font-size: var(--edc-fs-title);
}
.stg-choice__title {
  margin: 0;
  padding-right: 28px;
  font-size: var(--edc-fs-heading);
  font-weight: 800;
  color: #1c2531;
}
.stg-choice__text {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #4f5b6b;
}
.stg-choice__list {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-secondary);
  color: #364152;
}
.stg-choice__list li {
  padding: 3px 0;
  border-top: 1px solid #dfe4ea;
}
.stg-choice__list li:first-child {
  border-top: 0;
}
.stg-choice__count {
  margin-top: auto;
  padding-top: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #0a7a54;
}
.stg-choice__facts {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #364152;
}

.stg-choices--kind {
  margin-top: 32px;
}
.stg-choices--kind legend {
  margin-bottom: 4px;
}

.stg-choices__note {
  grid-column: 1/-1;
  margin: 0 0 4px;
  font-size: var(--edc-fs-body);
  color: #4a5565;
}

.stg-gantt {
  border: 1px solid #dfe4ea;
  border-radius: 14px;
  background: #fff;
  overflow-x: auto;
}
.stg-gantt__inner {
  min-width: 900px;
}
.stg-gantt__row {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  align-items: center;
  border-top: 1px solid #dfe4ea;
  min-height: 40px;
}
.stg-gantt__head {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f6f8fb;
  border-top: 0;
  min-height: 36px;
}
.stg-gantt__group {
  background: #f6f8fb;
  font-weight: 800;
}
.stg-gantt__label {
  min-width: 0;
  padding: 8px 16px;
  font-size: var(--edc-fs-secondary);
  overflow-wrap: anywhere;
  border-right: 1px solid #dfe4ea;
}
.stg-gantt__label--d1 {
  padding-left: 32px;
}
.stg-gantt__label--d2 {
  padding-left: 48px;
}
.stg-gantt__label .stg-item__level {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
}
.stg-gantt__track {
  position: relative;
  height: 100%;
  min-height: 40px;
}
.stg-gantt__mark {
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid #edf0f4;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  color: #4f5b6b;
  padding: 9px 0 0 4px;
  white-space: nowrap;
}
.stg-gantt__today {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background: #a3241a;
  z-index: 1;
}
.stg-gantt__bar {
  position: absolute;
  top: 50%;
  height: 18px;
  margin-top: -9px;
  border-radius: 6px;
  background: #b8c1cc;
  display: flex;
  align-items: center;
  padding: 0 6px;
  overflow: hidden;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}
.stg-gantt__bar i {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  margin-right: 4px;
}
.stg-gantt__bar--good {
  background: #0a7a54;
}
.stg-gantt__bar--warn {
  background: #9a4a08;
}
.stg-gantt__bar--bad {
  background: #a3241a;
}
.stg-gantt__bar--done {
  background: #2f4fa8;
}
.stg-gantt__bar--muted {
  background: #6b7685;
}
.stg-gantt__bar--late {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #a3241a;
}
.stg-gantt__point {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  transform: rotate(45deg);
  border-radius: 2px;
  background: #6b7685;
}
.stg-gantt__point--good {
  background: #0a7a54;
}
.stg-gantt__point--warn {
  background: #9a4a08;
}
.stg-gantt__point--bad {
  background: #a3241a;
}
.stg-gantt__point--done {
  background: #2f4fa8;
}
.stg-gantt__none {
  padding-left: 12px;
  font-size: var(--edc-fs-label);
  color: #4f5b6b;
}

.stg-checkin {
  border: 1px solid #dfe4ea;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
}
.stg-checkin__row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) 190px minmax(0, 1.4fr);
  gap: 16px;
  align-items: start;
  padding: 16px 20px;
  border-top: 1px solid #dfe4ea;
}
.stg-checkin__row:first-child {
  border-top: 0;
}
.stg-checkin__row textarea {
  min-height: 64px;
}
.stg-checkin__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  background: #f6f8fb;
  border-top: 1px solid #dfe4ea;
}

.stg-plancards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.stg-plancard {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border: 1px solid #dfe4ea;
  border-radius: 14px;
  background: #fff;
}
.stg-plancard--current {
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.08);
}
.stg-plancard__title {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 800;
}
.stg-plancard__title a {
  color: #1c2531;
  text-decoration: none;
}
.stg-plancard__title a:hover {
  text-decoration: underline;
}
.stg-plancard__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
}

.stg-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #e9eef7;
  color: #1c3f75;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.stg-history {
  margin: 0;
  padding: 0;
  list-style: none;
}

.stg-history__day {
  margin: 24px 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.stg-history__day:first-child {
  margin-top: 0;
}

.stg-history__entry {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.stg-history__entry i {
  margin-top: 3px;
  color: #4f5b6b;
}
.stg-history__entry p {
  margin: 4px 0 0;
}

.stg-files {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.stg-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.stg-file:first-child {
  border-top: 0;
}
.stg-file__name {
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.stg-file__name:hover {
  text-decoration: underline;
}

.stg-page input[type=file].form-control {
  padding: 6px;
  border: 1px solid #c9d1db;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.stg-page input[type=file].form-control::file-selector-button {
  margin-right: 10px;
  padding: 5px 12px;
  border: 1px solid #c9d1db;
  border-radius: 6px;
  background: #f6f8fb;
  color: #1c2531;
  font-weight: 600;
  cursor: pointer;
}
.stg-page input[type=file].form-control:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.stg-picker {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
}
.stg-picker > button {
  justify-self: end;
}
.stg-picker__results {
  grid-column: 1/-1;
  max-height: 240px;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
}
.stg-picker__results:empty {
  display: none;
}
.stg-picker__results li {
  border-top: 1px solid #dfe4ea;
}
.stg-picker__results li:first-child {
  border-top: 0;
}
.stg-picker__results button {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  background: #fff;
  text-align: left;
  font-size: var(--edc-fs-body);
  cursor: pointer;
}
.stg-picker__results button:hover, .stg-picker__results button:focus-visible {
  background: #f6f8fb;
}

.stg-mkt {
  margin: 0 0 24px;
  padding: 24px;
  border: 1px solid #dfe4ea;
  border-radius: 14px;
  background: #fff;
}
.stg-mkt h2, .stg-mkt h3, .stg-mkt h4 {
  text-shadow: none;
}
.stg-mkt__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin-bottom: 16px;
}
.stg-mkt__title {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 800;
  color: #1c2531;
}
.stg-mkt__serves {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.stg-mkt__serves .stg-label {
  margin-right: 4px;
}
.stg-mkt__head .btn {
  margin-left: auto;
}
.stg-mkt__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.stg-mkt__block {
  min-width: 0;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}
.stg-mkt__block--wide {
  grid-column: 1/-1;
}
.stg-mkt__blockhead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.stg-mkt__blockhead .stg-mkt__label {
  margin: 0;
}
.stg-mkt__label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3d4a5c;
}
.stg-mkt__empty {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.stg-mkt__auds {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.stg-mkt__aud {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
}
.stg-mkt__aud-name {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 800;
  color: #1c2531;
  overflow-wrap: anywhere;
}
.stg-mkt__aud-text {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.stg-mkt__aud-size {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.stg-mkt__aud-size strong {
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}
.stg-mkt__aud-chans {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #3d4a5c;
}
.stg-mkt__bars {
  margin: 0;
  padding: 0;
  list-style: none;
}
.stg-mkt__bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 4px 12px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.stg-mkt__bar:first-child {
  border-top: 0;
  padding-top: 0;
}
.stg-mkt__bar-name {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1c2531;
  min-width: 0;
  overflow-wrap: anywhere;
}
.stg-mkt__bar-role {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.stg-mkt__bar-share {
  font-size: var(--edc-fs-body);
  font-weight: 800;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
  text-align: right;
  min-width: 4.5em;
}
.stg-mkt__bar-track {
  grid-column: 1/-1;
  height: 8px;
  border-radius: 999px;
  background: #dfe4ea;
  overflow: hidden;
}
.stg-mkt__bar-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #1c3f75;
}
.stg-mkt__bar-fill--supporting {
  background: #5a7bb5;
}
.stg-mkt__bar-fill--test {
  background: #8d9bb0;
}
.stg-mkt__bar-fill--none {
  background: #8d9bb0;
}
.stg-mkt__total {
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #1c2531;
}
.stg-mkt__figures {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
.stg-mkt__figures div {
  min-width: 0;
}
.stg-mkt__figures dt {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #4f5b6b;
}
.stg-mkt__figures dd {
  margin: 4px 0 0;
  font-size: var(--edc-fs-title);
  font-weight: 800;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.stg-mkt__note {
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.stg-mkt__over {
  display: block;
  margin-top: 4px;
  font-weight: 700;
  color: #9a4a08;
}
.stg-mkt__table-wrap {
  overflow-x: auto;
}
.stg-mkt__table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
  background: #fff;
  border-radius: 10px;
}
.stg-mkt__table th, .stg-mkt__table td {
  padding: 8px 12px;
  border-top: 1px solid #dfe4ea;
  text-align: left;
  vertical-align: top;
  color: #1c2531;
}
.stg-mkt__table thead th {
  border-top: 0;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #3d4a5c;
}
.stg-mkt__table tbody th {
  font-weight: 700;
}

.oo-kind-view {
  padding: 0 0 24px;
}
.oo-kind-view .stg-mkt {
  margin: 0;
}

@media (max-width: 1100px) {
  .stg-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-grid__side {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
  }
  .stg-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .stg-measure__body {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 860px) {
  .stg-mkt__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-head {
    flex-direction: column;
  }
  .stg-head__text {
    flex: none;
    width: 100%;
  }
  .stg-head__actions {
    justify-content: flex-start;
  }
  .stg-select-inline {
    flex-wrap: wrap;
    width: 100%;
  }
  .stg-select-inline select {
    min-width: 0;
    width: 100%;
    max-width: none;
  }
  .stg-subbar {
    flex-direction: column;
    align-items: stretch;
  }
  .stg-hero {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
    gap: 20px;
    padding: 20px;
  }
  .stg-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .stg-statements {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-area__head {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .stg-area__progress {
    grid-column: 2/-1;
  }
  .stg-measure__body {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-choices, .stg-choices--3, .stg-plancards {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-fields, .stg-fields--3 {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-checkin__row {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-picker {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 600px) {
  .stg-mkt {
    padding: 16px;
  }
  .stg-mkt__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-mkt__figures {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-mkt__head .btn {
    margin-left: 0;
  }
  .stg-mkt__table thead {
    display: none;
  }
  .stg-mkt__table tr {
    display: block;
    padding: 8px 0;
    border-top: 1px solid #dfe4ea;
  }
  .stg-mkt__table th, .stg-mkt__table td {
    display: block;
    padding: 2px 12px;
    border: 0;
  }
  .stg-page {
    padding: 16px 16px 40px;
  }
  .stg-head__title {
    font-size: calc(var(--edc-fs-display) * 22 / 24);
  }
  .stg-item__row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 12px 16px;
  }
  .stg-item__meter {
    grid-column: 2/3;
    grid-row: 2;
    width: 100%;
  }
  .stg-item__tools {
    grid-column: 3;
    grid-row: 1;
  }
  .stg-item--objective > .stg-item__row {
    padding-left: 28px;
  }
  .stg-item--action > .stg-item__row, .stg-item--objective-action > .stg-item__row {
    padding-left: 40px;
  }
  .stg-handle {
    display: none;
  }
  .stg-gantt__row {
    grid-template-columns: 170px minmax(0, 1fr);
  }
  .stg-gantt__inner {
    min-width: 760px;
  }
  .stg-statusbox__panel {
    position: fixed;
    left: 16px;
    right: 16px;
    top: auto;
    bottom: 16px;
    width: auto;
  }
  .stg-area__head {
    padding: 12px 16px;
  }
  .stg-panel--doc {
    padding: 16px;
  }
  .stg-add-row, .stg-item--objective + .stg-add-row, .stg-children .stg-add-row {
    padding-left: 16px;
  }
}
@media print {
  .stg-head__actions, .page-tabs, .stg-no-print {
    display: none !important;
  }
}
.stg-builder {
  max-width: 1360px;
}
.stg-builder .card, .stg-builder .panel {
  height: auto;
  margin-bottom: 0;
}
.stg-builder h1, .stg-builder h2, .stg-builder h3, .stg-builder h4 {
  text-shadow: none;
}

.stg-b-head .stg-head__actions {
  align-items: center;
}

.stg-b-saved {
  margin: 0;
  min-height: 1.4em;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}

.stg-b-grid {
  display: grid;
  grid-template-columns: 232px minmax(0, 1fr) 248px;
  gap: 24px;
  align-items: start;
}

.stg-b-rail {
  position: sticky;
  top: 16px;
}

.stg-b-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}

.stg-b-step {
  position: relative;
}
.stg-b-step + .stg-b-step::before {
  content: "";
  position: absolute;
  left: 23px;
  top: -8px;
  width: 2px;
  height: 16px;
  background: #dfe4ea;
}
.stg-b-step__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px 8px 8px;
  border-radius: 10px;
  color: #1c2531;
  text-decoration: none;
}
.stg-b-step__link:hover {
  background: #f6f8fb;
  color: #1c2531;
}
.stg-b-step__link:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.stg-b-step__num {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 2px solid #c9d1db;
  border-radius: 999px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 800;
  color: #3d4a5c;
  font-variant-numeric: tabular-nums;
}
.stg-b-step__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.stg-b-step__title {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  line-height: 1.3;
}
.stg-b-step__state {
  font-size: var(--edc-fs-label);
  color: #3d4a5c;
}
.stg-b-step.is-current .stg-b-step__link {
  background: #e9eef7;
}
.stg-b-step.is-current .stg-b-step__num {
  border-color: #1c3f75;
  background: #1c3f75;
  color: #fff;
}
.stg-b-step.is-current .stg-b-step__title {
  color: #1c3f75;
}
.stg-b-step.is-done .stg-b-step__num {
  border-color: #0a7a54;
  color: #0a7a54;
  background: #e6f4ee;
}
.stg-b-step.is-skipped .stg-b-step__num {
  border-style: dashed;
}

.stg-b-jump {
  display: none;
  margin: 0;
}

.stg-b-main {
  min-width: 0;
}

.stg-b-main__head {
  margin-bottom: 24px;
}

.stg-b-main__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-display);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #1c2531;
}
.stg-b-main__title:focus {
  outline: none;
}

.stg-b-main__intro {
  margin: 0;
  max-width: 72ch;
  font-size: var(--edc-fs-body);
  color: #4f5b6b;
  line-height: 1.5;
}

.stg-b-stepform {
  display: contents;
}

.stg-b-cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.stg-b-card {
  padding: 20px;
  border: 1px solid #dfe4ea;
  border-radius: 14px;
  background: #fff;
}
.stg-b-card + .stg-b-card {
  margin-top: 24px;
}
.stg-b-cols > .stg-b-card + .stg-b-card {
  margin-top: 0;
}
.stg-b-card__eyebrow {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3d4a5c;
}
.stg-b-card__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3d4a5c;
}
.stg-b-card__title--item {
  font-size: var(--edc-fs-heading);
  letter-spacing: 0;
  text-transform: none;
  color: #1c2531;
}
.stg-b-card__sub {
  margin: -4px 0 16px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
  line-height: 1.5;
  max-width: 72ch;
}

.stg-b-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: #eef1f5;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0;
  color: #3d4a5c;
  font-variant-numeric: tabular-nums;
}

.stg-b-empty {
  margin: 0 0 16px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.stg-b-note {
  margin: 16px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.stg-b-subtitle {
  margin: 24px 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3d4a5c;
}

.stg-b-callout {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 24px;
  padding: 16px;
  border: 1px solid #cfdaf0;
  border-radius: 12px;
  background: #f2f6fd;
}
.stg-b-callout i {
  margin-top: 3px;
  color: #1c3f75;
}
.stg-b-callout p {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}

.stg-b-list {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

.stg-b-item {
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.stg-b-item:first-child {
  border-top: 0;
  padding-top: 0;
}
.stg-b-item.is-dragging {
  opacity: 0.55;
}
.stg-b-item__row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.stg-b-item__level {
  flex: none;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3d4a5c;
}

.stg-b-rename {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.stg-b-rename__input {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 600;
}
.stg-b-rename__save {
  flex: none;
}
.stg-b-js .stg-b-rename__save {
  display: none;
}

.stg-b-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 32px;
  min-width: 32px !important;
  height: 32px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #3d4a5c;
  cursor: pointer;
}
.stg-b-icon:hover {
  border-color: #f1c7c2;
  background: #fcecea;
  color: #a3241a;
}
.stg-b-icon:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.stg-builder form.button_to {
  display: inline-flex;
  margin: 0;
}

.stg-b-add {
  margin-top: 16px;
}
.stg-b-add__row {
  display: flex;
  gap: 8px;
  align-items: stretch;
  margin-top: 4px;
}
.stg-b-add__row .form-control {
  flex: 1 1 auto;
  min-width: 0;
}
.stg-b-add__row .btn {
  flex: none;
}

.stg-b-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}
.stg-b-chips__label {
  flex-basis: 100%;
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3d4a5c;
}

.stg-b-chip-form {
  display: inline-flex;
  margin: 0;
}

.stg-b-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px dashed #c9d1db;
  border-radius: 999px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
  cursor: pointer;
}
.stg-b-chip i {
  color: #1c3f75;
}
.stg-b-chip:hover {
  border-style: solid;
  border-color: #1c3f75;
  background: #e9eef7;
}
.stg-b-chip:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.stg-b-disclosure {
  margin-top: 12px;
}
.stg-b-disclosure > summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #1c3f75;
  cursor: pointer;
  list-style: none;
}
.stg-b-disclosure > summary::-webkit-details-marker {
  display: none;
}
.stg-b-disclosure > summary::before {
  content: "\f067";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: var(--edc-fs-label);
}
.stg-b-disclosure > summary:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 4px;
}
.stg-b-disclosure[open] > summary::before {
  content: "\f068";
}
.stg-b-disclosure > :not(summary) {
  margin-top: 12px;
}

.stg-b-form {
  display: grid;
  gap: 12px;
}
.stg-b-form--inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}
.stg-b-form--inline .stg-field {
  flex: 1 1 132px;
}
.stg-b-form--inline .stg-field--grow {
  flex: 1 1 240px;
}
.stg-b-form--inline .btn {
  flex: none;
}

.stg-fields--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.stg-fields--4 .stg-field--wide2 {
  grid-column: span 2;
}

.stg-b-facts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(208px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.stg-b-fact {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}
.stg-b-fact__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.stg-b-fact__value--words {
  font-size: var(--edc-fs-heading);
}
.stg-b-fact .stg-b-menu {
  align-self: flex-start;
}
.stg-b-fact__label {
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3d4a5c;
}
.stg-b-fact__value {
  font-size: var(--edc-fs-title);
  font-weight: 800;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}
.stg-b-fact__detail {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.stg-b-menu {
  position: relative;
  flex: none;
}
.stg-b-menu__button {
  list-style: none;
  white-space: nowrap;
}
.stg-b-menu__button::-webkit-details-marker {
  display: none;
}
.stg-b-menu__panel {
  position: absolute;
  z-index: 30;
  left: 0;
  top: calc(100% + 4px);
  width: 280px;
  padding: 8px;
  border: 1px solid #c9d1db;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(28, 37, 49, 0.14);
}
.stg-b-menu__panel form {
  margin: 0;
}
.stg-b-menu__item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  text-align: left;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  cursor: pointer;
}
.stg-b-menu__item:hover, .stg-b-menu__item:focus-visible {
  background: #e9eef7;
  outline: none;
}
.stg-b-menu__preview {
  margin: 8px 12px 4px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.stg-b-notes {
  margin: 0;
  padding-left: 20px;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.stg-b-notes li + li {
  margin-top: 4px;
}

.stg-b-doors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

.stg-b-door {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
  border: 1px solid #dfe4ea;
  border-radius: 14px;
  background: #fff;
}
.stg-b-door__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 800;
  color: #1c2531;
}
.stg-b-door__title i {
  color: #1c3f75;
}
.stg-b-door__text {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
  line-height: 1.5;
}
.stg-b-door__state {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}
.stg-b-door__state i {
  color: #0a7a54;
}
.stg-b-door__link {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  overflow-wrap: anywhere;
}
.stg-b-door .btn, .stg-b-door form.button_to {
  align-self: flex-start;
}

.stg-b-heard {
  margin: 0;
  padding: 0;
  list-style: none;
}

.stg-b-heard__total {
  margin: 0 0 12px;
  font-size: var(--edc-fs-body);
}

.stg-b-voice {
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.stg-b-voice__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.stg-b-voice__kind {
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3d4a5c;
}
.stg-b-voice__title {
  flex: 1 1 auto;
  font-weight: 700;
}
.stg-b-voice__count {
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
  font-variant-numeric: tabular-nums;
}
.stg-b-voice__note {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.stg-b-tally {
  margin: 8px 0 0;
  padding-left: 20px;
  font-size: var(--edc-fs-secondary);
}
.stg-b-tally li {
  padding: 2px 0;
}
.stg-b-tally__n {
  color: #3d4a5c;
}

.stg-b-quotes {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.stg-b-quotes li {
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #f6f8fb;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}

.stg-b-measures {
  margin: 12px 0 0 0;
  padding-left: 24px;
}

.stg-b-measure-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.stg-b-measure {
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #f6f8fb;
}
.stg-b-measure + .stg-b-measure {
  margin-top: 8px;
}
.stg-b-measure__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: start;
  gap: 8px 12px;
}
.stg-b-measure__name {
  min-width: 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.stg-b-measure__kind {
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}
.stg-b-measure__kind i {
  color: #1c3f75;
}
.stg-b-measure__help {
  margin: 4px 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.stg-b-sources {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0 16px;
  padding: 0;
  list-style: none;
}
.stg-b-sources form {
  margin: 0;
  height: 100%;
}

.stg-b-source-option__button {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  height: 100%;
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.stg-b-source-option__button:hover {
  border-color: #1c3f75;
  background: #e9eef7;
}
.stg-b-source-option__button:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.stg-b-source-option__name {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1c2531;
}
.stg-b-source-option__name i {
  color: #1c3f75;
}

.stg-b-source-option__help {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.stg-b-group {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
}
.stg-b-group__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1c2531;
}

.stg-b-action {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}
.stg-b-action .stg-b-action__form {
  flex: 1 1 auto;
}
.stg-b-action .stg-b-source {
  flex-basis: 100%;
}

.stg-b-radios {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}

.stg-b-radio {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 12px;
  padding: 12px 16px;
  border: 1.5px solid #dfe4ea;
  border-radius: 12px;
  cursor: pointer;
}
.stg-b-radio input {
  grid-row: span 2;
  margin-top: 4px;
  width: 18px;
  height: 18px;
  accent-color: #1c3f75;
}
.stg-b-radio:has(input:checked) {
  border-color: #1c3f75;
  background: #e9eef7;
}
.stg-b-radio:has(input:focus-visible) {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.stg-b-radio__title {
  font-weight: 700;
}
.stg-b-radio__text {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.stg-b-owners {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}
.stg-b-owners li {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.stg-b-owners li:first-child {
  border-top: 0;
}
.stg-b-owners__n {
  color: #3d4a5c;
  font-variant-numeric: tabular-nums;
}

.stg-b-r-counts {
  margin: 0 0 12px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
}

.stg-b-r-checks {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
.stg-b-r-checks .stg-health {
  margin-top: 4px;
}

.stg-b-r-statements {
  margin: 0 0 16px;
}
.stg-b-r-statements div {
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.stg-b-r-statements dt {
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3d4a5c;
}
.stg-b-r-statements dd {
  margin: 4px 0 0;
}

.stg-b-r-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
}

.stg-b-outline {
  margin: 0;
  padding: 0;
  list-style: none;
}
.stg-b-outline__area + .stg-b-outline__area {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
}
.stg-b-outline__name {
  margin: 0 0 4px;
  font-weight: 700;
}
.stg-b-outline__goals {
  margin: 4px 0 0;
  padding-left: 16px;
  list-style: none;
}
.stg-b-outline__goals > li {
  margin-top: 8px;
}
.stg-b-outline__under {
  margin: 4px 0 0;
  padding-left: 16px;
  list-style: none;
  font-size: var(--edc-fs-secondary);
}
.stg-b-outline__under li {
  margin-top: 4px;
}
.stg-b-outline .stg-b-item__level {
  margin-right: 4px;
}

.stg-b-preview__frame {
  max-height: 640px;
  overflow: auto;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #f6f8fb;
}

.stg-b-source {
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #f6f8fb;
  font-size: var(--edc-fs-secondary);
}
.stg-b-source__line {
  margin: 0;
  color: #1c2531;
}
.stg-b-source__line q {
  color: #3d4a5c;
}
.stg-b-source__where {
  font-weight: 700;
  color: #3d4a5c;
}
.stg-b-source__check {
  margin: 4px 0 0;
  color: #9a4a08;
}
.stg-b-source__check i {
  color: #9a4a08;
}
.stg-b-source__check strong {
  color: #9a4a08;
}

.stg-b-tray {
  margin-top: 24px;
  padding: 20px;
  border: 1.5px dashed #c9d1db;
  border-radius: 14px;
  background: #f6f8fb;
}
.stg-b-tray__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.stg-b-tray__head .stg-b-card__title {
  margin: 0;
}
.stg-b-tray__lines {
  margin: 0;
  padding: 0;
  list-style: none;
}

.stg-b-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
  cursor: grab;
}
.stg-b-line + .stg-b-line {
  margin-top: 8px;
}
.stg-b-line__text {
  grid-column: 1;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
  overflow-wrap: anywhere;
}
.stg-b-line__num {
  margin-right: 4px;
  font-weight: 800;
  color: #3d4a5c;
  font-variant-numeric: tabular-nums;
}
.stg-b-line__place {
  grid-column: 1/-1;
  grid-row: 2;
  margin-top: 0;
}
.stg-b-line > form.button_to {
  grid-column: 2;
  grid-row: 1;
}

.is-placing [data-stg-drop] {
  outline: 2px dashed #1c3f75;
  outline-offset: 4px;
  border-radius: 8px;
}

.stg-b-help {
  position: sticky;
  top: 16px;
  padding: 20px;
  border: 1px solid #dfe4ea;
  border-radius: 14px;
  background: #f6f8fb;
}
.stg-b-help__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3d4a5c;
}
.stg-b-help__text {
  margin: 0;
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  color: #1c2531;
}
.stg-b-help__next {
  margin: 16px 0 0;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
}
.stg-b-help__next .stg-label {
  display: block;
  margin-bottom: 4px;
}

.stg-b-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
}
.stg-b-footer__spacer {
  flex: 1 1 auto;
}

.stg-choice__file {
  margin-top: 8px;
}
.stg-choice__file .form-control {
  font-size: var(--edc-fs-secondary);
}

.stg-b-continue {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  margin-bottom: 24px;
  padding: 16px 20px;
  border: 1px solid #cfdaf0;
  border-radius: 14px;
  background: #f2f6fd;
}
.stg-b-continue__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.stg-b-continue__title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 800;
  color: #1c2531;
}
.stg-b-continue__meta {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}

@media (max-width: 1199px) {
  .stg-b-grid {
    grid-template-columns: 216px minmax(0, 1fr);
  }
  .stg-b-help {
    position: static;
    grid-column: 2;
  }
}
.stg-b-auds {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
}

.stg-b-aud {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}
.stg-b-aud__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.stg-b-aud__name {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 800;
  color: #1c2531;
  overflow-wrap: anywhere;
}
.stg-b-aud__text {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #4f5b6b;
  line-height: 1.5;
}
.stg-b-aud__size {
  margin: 0;
  font-size: var(--edc-fs-secondary);
}
.stg-b-aud__figure {
  font-weight: 800;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}
.stg-b-aud__prov {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
  margin: 0;
}
.stg-b-aud__chans {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.stg-b-aud__chans li {
  padding: 2px 8px;
  border: 1px solid #c9d1db;
  border-radius: 999px;
  background: #fff;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
}
.stg-b-aud__fieldset {
  margin: 12px 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.stg-b-aud__fieldset legend {
  float: none;
  margin-bottom: 8px;
}
.stg-b-aud .stg-b-disclosure {
  margin-top: 0;
}
.stg-b-aud .stg-b-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.stg-b-add--audience .stg-b-disclosure > :not(summary) {
  margin-top: 12px;
}

.stg-b-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}

.stg-b-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 24px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
  cursor: pointer;
}
.stg-b-check input {
  width: 16px;
  height: 16px;
  accent-color: #1c3f75;
}
.stg-b-check--sub {
  margin-top: 8px;
}

.stg-b-mix {
  margin: 0;
  padding: 0;
  list-style: none;
}
.stg-b-mix__total {
  margin: 0 0 16px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #f6f8fb;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}
.stg-b-mix__row {
  display: grid;
  grid-template-columns: 196px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.stg-b-mix__row:first-child {
  border-top: 0;
  padding-top: 0;
}
.stg-b-mix__form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 12px;
  margin: 0;
}
.stg-b-mix__share {
  width: 64px;
  font-variant-numeric: tabular-nums;
}
.stg-b-mix__form .form-select {
  width: 128px;
}
.stg-b-mix__form .form-select, .stg-b-mix__form .form-control {
  height: 32px;
  min-height: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.stg-b-mix--js .stg-b-mix__save {
  display: none;
}
.stg-b-mix .stg-field--inline {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.stg-b-mix .stg-field--inline .stg-label {
  margin: 0;
  white-space: nowrap;
}

.stg-b-toggle-form {
  display: inline-flex;
  margin: 0;
}

.stg-b-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  min-width: 0 !important;
  white-space: nowrap;
  padding: 6px 14px;
  border: 1.5px dashed #c9d1db;
  border-radius: 999px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #1c2531;
  cursor: pointer;
}
.stg-b-toggle i {
  color: #1c3f75;
}
.stg-b-toggle:hover {
  border-color: #1c3f75;
}
.stg-b-toggle:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.stg-b-toggle[aria-pressed=true] {
  border-style: solid;
  border-color: #1c3f75;
  background: #1c3f75;
  color: #fff;
}
.stg-b-toggle[aria-pressed=true] i {
  color: #fff;
}

.stg-b-line__note {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.stg-b-campaigns {
  margin: 12px 0 0;
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #f6f8fb;
}
.stg-b-campaigns__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3d4a5c;
}
.stg-b-campaigns ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.stg-b-campaigns li {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  padding: 4px 0;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.stg-b-campaigns .stg-b-campaigns__meta {
  color: #4f5b6b;
}

@media (max-width: 991px) {
  .stg-b-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-b-rail {
    position: static;
  }
  .stg-b-steps {
    display: none;
  }
  .stg-b-jump {
    display: block;
  }
  .stg-b-jump .stg-label {
    display: block;
    margin-bottom: 4px;
  }
  .stg-b-help {
    grid-column: auto;
  }
  .stg-b-cols, .stg-b-doors, .stg-b-sources {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-fields--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .stg-b-auds {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 600px) {
  .stg-b-card, .stg-b-door, .stg-b-tray, .stg-b-help {
    padding: 16px;
  }
  .stg-b-add__row {
    flex-direction: column;
  }
  .stg-b-fact {
    flex-wrap: wrap;
  }
  .stg-b-menu__panel {
    left: 0;
    right: auto;
    width: min(280px, 100vw - 64px);
  }
  .stg-fields--4 {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-fields--4 .stg-field--wide2 {
    grid-column: auto;
  }
  .stg-b-form--inline .stg-field {
    flex: 1 1 120px;
  }
  .stg-b-form--inline .stg-field--grow {
    flex: 1 1 100%;
  }
  .stg-b-measures {
    padding-left: 0;
  }
  .stg-b-measure {
    padding: 12px;
  }
  .stg-b-footer .btn {
    flex: 1 1 auto;
  }
  .stg-b-footer__spacer {
    display: none;
  }
  .stg-b-mix__row {
    grid-template-columns: minmax(0, 1fr);
  }
  .stg-b-mix__form {
    justify-content: flex-start;
  }
}
.stg-b-suggest {
  margin: 8px 0 0;
  padding: 8px 12px;
  border-radius: 8px;
  background: #f6f8fb;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
}
.stg-b-suggest .fa-lightbulb {
  color: #1c3f75;
}
.stg-b-suggest__use {
  display: block;
  margin-top: 4px;
  padding: 0;
  min-width: 0;
  min-height: 24px;
  font-weight: 600;
  text-align: left;
}

.stg-mkt__since {
  margin: 0 0 16px;
}

.stg-choice__preview {
  display: block;
  margin-top: 8px;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
}
.stg-choice__preview:empty {
  display: none;
}

.mkc-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.mkc-page h1, .mkc-page h2, .mkc-page h3, .mkc-page h4 {
  text-shadow: none;
  color: #1c2531;
}
.mkc-page .btn {
  min-width: 0;
}
.mkc-page a {
  color: #1c3f75;
}
.mkc-page a:focus-visible, .mkc-page button:focus-visible, .mkc-page summary:focus-visible, .mkc-page input:focus-visible, .mkc-page select:focus-visible,
.mkc-page textarea:focus-visible, .mkc-page [tabindex]:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.mkc-page .card, .mkc-page .panel {
  height: auto;
  margin-bottom: 0;
}
.mkc-page--narrow {
  max-width: 920px;
}

.mkc-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
.mkc-subnav a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #3d4a5c;
  text-decoration: none;
}
.mkc-subnav a:hover {
  background: #eef1f5;
}
.mkc-subnav a[aria-current=page] {
  background: #e9eef7;
  color: #1c3f75;
}

.mkc-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
.mkc-head__text {
  min-width: 0;
  flex: 1 1 440px;
}
.mkc-head__kicker {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.mkc-head__kicker a {
  color: #4f5b6b;
}
.mkc-head__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.mkc-head__sub {
  margin: 0;
  color: #4f5b6b;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  max-width: 72ch;
}
.mkc-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.mkc-label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}

.mkc-hint {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mkc-muted {
  color: #4f5b6b;
}

.mkc-small {
  font-size: var(--edc-fs-secondary);
}

.mkc-nowrap {
  white-space: nowrap;
}

.mkc-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.mkc-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mkc-stack {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mkc-error {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #a3241a;
  font-weight: 600;
}
.mkc-error:empty {
  display: none;
}

.mkc-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 32px;
  min-height: 32px;
  padding: 4px 8px;
  border: 1px solid #c9d1db;
  border-radius: 8px;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.mkc-icon-btn:hover {
  border-color: #1c3f75;
  color: #1c3f75;
}
.mkc-icon-btn[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mkc-linkish {
  padding: 0;
  border: 0;
  background: none;
  color: #1c3f75;
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.mkc-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
  background: #eef1f5;
  color: #3d4a5c;
}
.mkc-status i {
  font-size: var(--edc-fs-eyebrow);
}
.mkc-status--planned, .mkc-status--draft {
  background: #eef1f5;
  color: #3d4a5c;
}
.mkc-status--in_review, .mkc-status--scheduled, .mkc-status--approved {
  background: #e9eef7;
  color: #1c3f75;
}
.mkc-status--live {
  background: #e6f4ee;
  color: #0a7a54;
}
.mkc-status--done {
  background: #e9edfa;
  color: #2f4fa8;
}
.mkc-status--archived, .mkc-status--cancelled {
  background: #eef1f5;
  color: #4f5b6b;
}
.mkc-status--warn {
  background: #fdf1e3;
  color: #9a4a08;
}
.mkc-status--bad {
  background: #fcecea;
  color: #a3241a;
}

.mkc-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}
.mkc-filters .mkc-filters__field {
  display: flex;
  flex-direction: column;
  min-width: 140px;
  flex: 0 1 180px;
}
.mkc-filters .mkc-filters__field--grow {
  flex: 1 1 220px;
}
.mkc-filters .form-select, .mkc-filters .form-control {
  height: 38px;
  font-size: var(--edc-fs-body);
}
.mkc-filters .mkc-filters__actions {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.mkc-table-wrap {
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  overflow-x: auto;
}

.mkc-table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
}
.mkc-table th {
  padding: 12px 16px;
  border-bottom: 1px solid #dfe4ea;
  background: #f6f8fb;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
  text-align: left;
  white-space: nowrap;
  vertical-align: bottom;
}
.mkc-table th a {
  color: #4f5b6b;
  text-decoration: none;
}
.mkc-table th a:hover {
  text-decoration: underline;
}
.mkc-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #dfe4ea;
  vertical-align: top;
}
.mkc-table tbody tr:last-child td {
  border-bottom: 0;
}
.mkc-table tbody tr:hover {
  background: #fafbfd;
}
.mkc-table .mkc-table__name {
  min-width: 200px;
  font-weight: 600;
}
.mkc-table .mkc-table__sub {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: #4f5b6b;
}
.mkc-table .mkc-num {
  white-space: nowrap;
}
.mkc-table td[aria-busy=true] .mkc-skeleton {
  display: inline-block;
  width: 80px;
  height: 12px;
  border-radius: 6px;
  background: #eef1f5;
}
.mkc-table tr.is-dragging {
  opacity: 0.5;
}
.mkc-table tr.is-drop-target td {
  box-shadow: inset 0 2px 0 #1c3f75;
}

.mkc-bar {
  position: relative;
  width: 140px;
  height: 8px;
  margin-top: 4px;
  border-radius: 999px;
  background: #e7ebf1;
}
.mkc-bar__fill {
  height: 100%;
  border-radius: 999px;
  background: #1c3f75;
  min-width: 2px;
}
.mkc-bar__fill--over {
  background: #a3241a;
}

.mkc-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #4f5b6b;
  cursor: grab;
}
.mkc-handle:hover, .mkc-handle:focus-visible {
  background: #eef1f5;
  color: #1c2531;
}

.mkc-menu {
  position: relative;
  display: inline-block;
}
.mkc-menu__list {
  position: absolute;
  z-index: 40;
  top: calc(100% + 4px);
  right: 0;
  min-width: 200px;
  margin: 0;
  padding: 4px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(17, 27, 45, 0.16);
  list-style: none;
}
.mkc-menu__list[hidden] {
  display: none;
}
.mkc-menu__list li {
  margin: 0;
}
.mkc-menu__list form {
  margin: 0;
}
.mkc-menu__list a, .mkc-menu__list button {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 6px 12px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.mkc-menu__list a:hover, .mkc-menu__list a:focus-visible, .mkc-menu__list button:hover, .mkc-menu__list button:focus-visible {
  background: #eef1f5;
  outline: none;
}
.mkc-menu__list .mkc-menu__danger {
  color: #a3241a;
}
.mkc-menu__list .mkc-menu__sep {
  height: 1px;
  margin: 4px 0;
  background: #dfe4ea;
}

.mkc-empty {
  padding: 32px 24px;
  border: 1px dashed #c9d1db;
  border-radius: 12px;
  background: #fff;
  text-align: center;
}
.mkc-empty h2, .mkc-empty h3 {
  margin: 0 0 8px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.mkc-empty p {
  margin: 0 auto 16px;
  max-width: 60ch;
  color: #4f5b6b;
}

.mkc-panel {
  padding: 24px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.mkc-panel + .mkc-panel {
  margin-top: 24px;
}
.mkc-panel h2 {
  margin: 0 0 16px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.mkc-panel h3 {
  margin: 0 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.mkc-section {
  margin-top: 24px;
}

.mkc-section__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.mkc-section__head h2, .mkc-section__head h3 {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}

.mkc-form .mkc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.mkc-form .mkc-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.mkc-form .mkc-field--wide {
  grid-column: 1/-1;
}
.mkc-form .form-control, .mkc-form .form-select {
  font-size: var(--edc-fs-body);
}
.mkc-form textarea.form-control {
  min-height: 88px;
}
.mkc-form .mkc-form__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 24px;
}
.mkc-form fieldset {
  min-width: 0;
  margin: 0;
}
.mkc-form fieldset:not(.mkc-panel) {
  padding: 0;
  border: 0;
}
.mkc-form fieldset.mkc-panel > legend {
  float: left;
  width: 100%;
}
.mkc-form fieldset.mkc-panel > legend + * {
  clear: both;
}
.mkc-form legend {
  float: none;
  width: auto;
  margin: 0 0 8px;
  padding: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.mkc-checks {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 8px 16px;
}
.mkc-checks label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-weight: 400;
}

.mkc-chooser {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}

.mkc-choice {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
.mkc-choice input[type=radio] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 18px;
  height: 18px;
}
.mkc-choice__title {
  padding-right: 32px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}
.mkc-choice__summary {
  margin: 0;
  color: #4f5b6b;
  font-size: var(--edc-fs-secondary);
}
.mkc-choice__count {
  margin-top: auto;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #3d4a5c;
}
.mkc-choice:has(input:checked) {
  border-color: #1c3f75;
  box-shadow: 0 0 0 1px #1c3f75 inset;
  background: #e9eef7;
}
.mkc-choice:has(input:focus-visible) {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.mkc-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  margin: 16px 0 0;
  padding: 0;
}
.mkc-facts > div {
  min-width: 0;
}
.mkc-facts dt {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.mkc-facts dd {
  margin: 0;
  font-weight: 600;
}

.mkc-swatch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  vertical-align: -1px;
}

.mkc-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 24px 0 16px;
  padding: 0;
  border-bottom: 1px solid #dfe4ea;
  list-style: none;
}
.mkc-tabs a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 12px;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  font-weight: 600;
  color: #3d4a5c;
  text-decoration: none;
}
.mkc-tabs a:hover {
  color: #1c3f75;
}
.mkc-tabs a[aria-selected=true] {
  border-bottom-color: #1c3f75;
  color: #1c3f75;
}

.mkc-kind {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.mkc-kind i {
  color: #4f5b6b;
  width: 16px;
  text-align: center;
}

.mkc-gone {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #9a4a08;
  font-weight: 600;
}

.mkc-cal-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.mkc-cal-views {
  display: inline-flex;
  border: 1px solid #c9d1db;
  border-radius: 8px;
  overflow: hidden;
}
.mkc-cal-views a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 12px;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.mkc-cal-views a + a {
  border-left: 1px solid #c9d1db;
}
.mkc-cal-views a[aria-current=true] {
  background: #e9eef7;
  color: #1c3f75;
}

.mkc-cal {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid #dfe4ea;
  background: #fff;
}
.mkc-cal th {
  padding: 8px;
  border-bottom: 1px solid #dfe4ea;
  background: #f6f8fb;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
  text-align: left;
}
.mkc-cal td {
  height: 112px;
  padding: 4px;
  border: 1px solid #dfe4ea;
  vertical-align: top;
}
.mkc-cal td.is-outside {
  background: #f6f8fb;
}
.mkc-cal td.is-today .mkc-cal__day {
  background: #1c3f75;
  color: #fff;
}
.mkc-cal td.is-drop-target {
  box-shadow: inset 0 0 0 2px #1c3f75;
}
.mkc-cal__day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 4px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #4f5b6b;
}
.mkc-cal__chips {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 4px;
}
.mkc-cal--week td {
  height: 320px;
}

.mkc-chip {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  padding: 4px 6px;
  border: 1px solid #dfe4ea;
  border-left-width: 1px;
  border-radius: 6px;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-label);
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}
.mkc-chip__dot {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-top: 3px;
  border-radius: 3px;
}
.mkc-chip__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mkc-chip__campaign {
  display: block;
  color: #4f5b6b;
  font-weight: 600;
}
.mkc-chip[aria-pressed=true] {
  box-shadow: 0 0 0 2px #1c3f75;
}
.mkc-chip.is-fixed {
  cursor: default;
}
.mkc-chip:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.mkc-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-secondary);
}
.mkc-legend li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.mkc-dialog {
  width: min(640px, 100vw - 32px);
  max-height: calc(100vh - 48px);
  padding: 0;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(17, 27, 45, 0.28);
  color: #1c2531;
}
.mkc-dialog::backdrop {
  background: rgba(17, 27, 45, 0.45);
}
.mkc-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 24px 0;
}
.mkc-dialog__head h2 {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  text-shadow: none;
}
.mkc-dialog__body {
  padding: 16px 24px 24px;
}
.mkc-dialog__foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 24px 24px;
}
.mkc-dialog .btn {
  min-width: 0;
}

.mkc-dialog-tabs {
  display: flex;
  gap: 4px;
  margin: 0 0 16px;
  border-bottom: 1px solid #dfe4ea;
}
.mkc-dialog-tabs button {
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  background: none;
  color: #3d4a5c;
  font-weight: 600;
}
.mkc-dialog-tabs button[aria-selected=true] {
  border-bottom-color: #1c3f75;
  color: #1c3f75;
}

.mkc-pick-list {
  max-height: 280px;
  margin: 8px 0 0;
  padding: 0;
  overflow-y: auto;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  list-style: none;
}
.mkc-pick-list li + li {
  border-top: 1px solid #dfe4ea;
}
.mkc-pick-list label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 12px;
  font-weight: 400;
  cursor: pointer;
}
.mkc-pick-list input {
  margin-top: 4px;
}
.mkc-pick-list .mkc-pick-list__title {
  font-weight: 600;
}
.mkc-pick-list .mkc-pick-list__detail {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.mkc-pick-list .is-taken {
  opacity: 0.7;
}

.mkc-kinds {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 8px;
}
.mkc-kinds button {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
  color: #1c2531;
  font-weight: 600;
  text-align: left;
}
.mkc-kinds button i {
  width: 16px;
  color: #4f5b6b;
  text-align: center;
}
.mkc-kinds button:hover, .mkc-kinds button:focus-visible {
  border-color: #1c3f75;
}

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

.mkc-figure {
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.mkc-figure__value {
  margin: 0;
  font-size: var(--edc-fs-display);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.mkc-figure__label {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.mkc-figure__note {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mkc-rule-switch {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
}
.mkc-rule-switch a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d1db;
  border-radius: 999px;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.mkc-rule-switch a[aria-current=true] {
  border-color: #1c3f75;
  background: #e9eef7;
  color: #1c3f75;
}

.mkc-piece {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  gap: 24px;
  align-items: start;
}

.mkc-thread {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mkc-thread li {
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.mkc-thread li:first-child {
  border-top: 0;
  padding-top: 0;
}
.mkc-thread .mkc-thread__who {
  font-weight: 700;
}
.mkc-thread .mkc-thread__when {
  margin-left: 8px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.mkc-thread p {
  margin: 4px 0 0;
}

.mkc-copy {
  display: flex;
  gap: 8px;
}
.mkc-copy input {
  min-width: 0;
  flex: 1 1 auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: var(--edc-fs-secondary);
}

@media (max-width: 1199.98px) {
  .mkc-table--stack thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }
  .mkc-table--stack tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    -moz-column-gap: 8px;
         column-gap: 8px;
    align-items: start;
    padding: 12px 16px;
    border-bottom: 1px solid #dfe4ea;
  }
  .mkc-table--stack td {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 4px 0;
    border: 0;
    text-align: left;
    white-space: normal;
  }
  .mkc-table--stack td[data-label]::before {
    content: attr(data-label);
    flex: 0 0 40%;
    text-align: left;
    color: #4f5b6b;
    font-size: var(--edc-fs-secondary);
    font-weight: 600;
  }
  .mkc-table--stack td.mkc-num {
    text-align: right;
  }
  .mkc-table--stack td {
    grid-column: 1/-1;
  }
  .mkc-table--stack td:not([data-label]):not(.mkc-table__name) {
    grid-column: auto;
    grid-row: 1;
    padding: 0;
  }
  .mkc-table--stack td.mkc-table__name {
    display: block;
    grid-column: 1;
    grid-row: 1;
    font-weight: 600;
  }
  .mkc-table--stack td[data-label] {
    flex-wrap: wrap;
  }
  .mkc-table--stack td[data-label] > .mkc-table__sub {
    flex: 1 0 100%;
    text-align: right;
  }
  .mkc-table--stack td.mkc-table__name .mkc-table__sub {
    display: block;
    margin-top: 2px;
    font-weight: 400;
  }
}
.mkc-page input[type=checkbox], .mkc-page input[type=radio] {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  vertical-align: middle;
}

.mkc-table-wrap:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

.mkc-inline-add {
  display: flex;
  gap: 8px;
}
.mkc-inline-add input {
  min-width: 0;
  flex: 1 1 auto;
}

.mkc-qr {
  display: block;
  width: 120px;
  height: 120px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
}

.mkc-live {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media (max-width: 991.98px) {
  .mkc-piece {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 575.98px) {
  .mkc-page {
    padding: 16px 16px 32px;
  }
  .mkc-form .mkc-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .mkc-head__actions {
    justify-content: flex-start;
  }
  .mkc-filters .mkc-filters__field {
    flex: 1 1 100%;
  }
  .mkc-filters .mkc-filters__actions {
    margin-left: 0;
  }
  .mkc-cal td {
    height: 72px;
  }
  .mkc-chip__campaign {
    display: none;
  }
}
.mkc-row--end {
  justify-content: flex-end;
}

.mkc-table th.mkc-table__rowhead {
  background: none;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #1c2531;
  white-space: normal;
  vertical-align: top;
}

.mkc-cal-title {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}

.mkc-row--top {
  align-items: flex-start;
}

.mkc-link__body {
  flex: 1 1 280px;
  min-width: 0;
}

.mkc-door {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}
.mkc-door i {
  margin-right: 4px;
  color: #4f5b6b;
}
.mkc-door > summary {
  cursor: pointer;
  font-weight: 600;
  color: #1c3f75;
}
.mkc-door .mkc-door__form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
  margin-top: 8px;
}
.mkc-door .mkc-label {
  width: 100%;
  margin: 0;
}
.mkc-door select {
  width: auto;
  min-width: 220px;
  max-width: 360px;
}
.mkc-door .btn {
  min-width: 0;
}

.mkc-door--credit .mkc-door__form {
  align-items: flex-end;
}

.mkc-door--credit .mkc-stack {
  min-width: 180px;
}

.mkc-plan-link {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 16px;
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.mkc-plan-link i {
  margin-top: 3px;
}

.mkc-filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}

.mkc-filter-tab {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 14px;
  border: 1px solid #c9d1db;
  border-radius: 999px;
  background: #fff;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.mkc-filter-tab:hover {
  color: #1c3f75;
  border-color: #1c3f75;
}
.mkc-filter-tab.is-on {
  background: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}
.mkc-filter-tab.is-on:hover {
  color: #fff;
}

.mkc-page a.mkc-filter-tab.is-on {
  color: #fff;
}

.mkc-select-col {
  width: 40px;
  text-align: center;
  vertical-align: middle;
}

.mkc-inline-act {
  display: inline-flex;
  margin: 0;
}

.mkc-copy-preview {
  margin: 0 0 12px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #f6f8fb;
  font-weight: 600;
}

.mkc-section-title {
  margin: 0 0 4px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.mkc-table__caption {
  caption-side: top;
  padding: 0 0 8px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  text-align: left;
}

.mkc-table-wrap + .mkc-table-wrap {
  margin-top: 16px;
}

.oo-queue__row[data-mkt-row] {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.oo-queue__row[data-mkt-row] .mkt-select {
  align-self: start;
  margin-top: 2px;
}
.oo-queue__row[data-mkt-row] .oo-queue__main {
  text-align: left;
}

.mkc-table td.mkc-small[data-label=Result] {
  min-width: 128px;
}

.mkt-bulk {
  position: sticky;
  top: 8px;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px;
  padding: 12px 16px;
  border: 1px solid #1c3f75;
  border-radius: 12px;
  background: #e9eef7;
  box-shadow: 0 6px 18px rgba(17, 27, 45, 0.12);
  color: #1c2531;
}
.mkt-bulk[hidden] {
  display: none;
}
.mkt-bulk__count {
  margin: 0;
  font-weight: 700;
  color: #1c3f75;
  font-size: var(--edc-fs-body);
}
.mkt-bulk__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.mkt-bulk .btn {
  min-width: 0;
}

.mkt-select {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #1c3f75;
  cursor: pointer;
}

.mkt-linkish {
  padding: 0;
  border: 0;
  background: none;
  color: #1c3f75;
  font: inherit;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.mkt-linkish:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 2px;
}

.mkt-rr {
  margin: 0 0 24px;
}
.mkt-rr__title {
  margin: 0 0 4px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1c2531;
  text-shadow: none;
}
.mkt-rr__lede, .mkt-rr__empty {
  margin: 0 0 12px;
  color: #4f5b6b;
  font-size: var(--edc-fs-body);
}
.mkt-rr__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.mkt-rr__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
}
.mkt-rr__row + .mkt-rr__row {
  border-top: 1px solid #dfe4ea;
}
.mkt-rr__main {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.mkt-rr__name {
  font-weight: 600;
  color: #1c2531;
  overflow-wrap: anywhere;
}
.mkt-rr__detail, .mkt-rr__when {
  color: #4f5b6b;
  font-size: var(--edc-fs-secondary);
}
.mkt-rr__act {
  flex: none;
  margin: 0;
}
.mkt-rr .btn {
  min-width: 0;
}

.mkt-since {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  margin: 4px 0 0;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.mkt-since[hidden] {
  display: none;
}
.mkt-since__label {
  font-weight: 700;
}
.mkt-since__dot {
  color: #4f5b6b;
}
.mkt-since__phrase {
  color: #1c3f75;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.mkt-since__nothing {
  color: #4f5b6b;
}

.mkt-warn {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 4px 0 0;
  padding: 6px 8px;
  border-radius: 6px;
  background: #fdf1e3;
  color: #8a4106;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.mkt-warn:empty, .mkt-warn[hidden] {
  display: none;
}

@media (max-width: 575.98px) {
  .mkt-rr__row {
    flex-direction: column;
    align-items: flex-start;
  }
  .mkt-bulk {
    position: static;
  }
}
.mca-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.mca-page h1, .mca-page h2, .mca-page h3, .mca-page h4 {
  text-shadow: none;
  color: #1c2531;
}
.mca-page .btn {
  min-width: 0;
}
.mca-page a {
  color: #1c3f75;
}
.mca-page a:focus-visible, .mca-page button:focus-visible, .mca-page summary:focus-visible, .mca-page input:focus-visible, .mca-page select:focus-visible,
.mca-page textarea:focus-visible, .mca-page [tabindex]:focus-visible, .mca-page [contenteditable]:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.mca-page .card, .mca-page .panel {
  height: auto;
  margin-bottom: 0;
}
.mca-page input[type=checkbox], .mca-page input[type=radio] {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin: 0;
  vertical-align: middle;
  accent-color: #1c3f75;
}
.mca-page fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.mca-live:empty, .mca-alert:empty {
  display: none;
}

.mca-live {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 10px;
  background: #e6f4ee;
  color: #0a7a54;
  font-weight: 600;
}

.mca-alert {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 10px;
  background: #fcecea;
  color: #a3241a;
  font-weight: 600;
}

.mca-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
.mca-head__text {
  min-width: 0;
  flex: 1 1 440px;
}
.mca-head__kicker {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.mca-head__kicker a {
  color: #4f5b6b;
}
.mca-head__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.mca-head__sub {
  margin: 0;
  color: #4f5b6b;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  max-width: 72ch;
}
.mca-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.mca-head--asset {
  margin-bottom: 16px;
}

.mca-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 24px;
}

.mca-stat {
  min-width: 0;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.mca-stat__label {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.mca-stat__value {
  margin: 0;
  font-size: var(--edc-fs-display);
  font-weight: 800;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
.mca-stat__value--name {
  font-size: var(--edc-fs-title);
  overflow-wrap: anywhere;
}
.mca-stat__note {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mca-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
.mca-tabs a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 14px;
  border-radius: 999px;
  font-weight: 600;
  color: #3d4a5c;
  text-decoration: none;
}
.mca-tabs a:hover {
  background: #eef1f5;
}
.mca-tabs a[aria-selected=true] {
  background: #e9eef7;
  color: #1c3f75;
}

.mca-label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}

.mca-hint {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mca-muted {
  color: #4f5b6b;
}

.mca-small {
  font-size: var(--edc-fs-secondary);
}

.mca-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mca-error {
  display: block;
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #a3241a;
  font-weight: 600;
}
.mca-error:empty {
  display: none;
}

.mca-warn {
  margin: 8px 0 0;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fdf1e3;
  color: #8a4106;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.mca-note {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 10px;
  background: #eef1f5;
  color: #3d4a5c;
}

.mca-danger {
  color: #a3241a !important;
}

.mca-code {
  font-size: var(--edc-fs-secondary);
  overflow-wrap: anywhere;
  color: #1c2531;
  background: #f6f8fb;
  padding: 2px 6px;
  border-radius: 4px;
}

.mca-subhead {
  margin: 16px 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.mca-saved {
  min-height: 1.4em;
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mca-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d1db;
  border-radius: 8px;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
}
.mca-btn:hover {
  border-color: #1c3f75;
  color: #1c3f75;
}
.mca-btn[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}

.mca-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  padding: 4px;
  border: 1px solid #c9d1db;
  border-radius: 8px;
  background: #fff;
  color: #1c2531;
  cursor: pointer;
}
.mca-icon-btn:hover {
  border-color: #1c3f75;
  color: #1c3f75;
}

.mca-linkish {
  padding: 0;
  border: 0;
  background: none;
  color: #1c3f75;
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
  min-height: 24px;
}

.mca-inline-form {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.mca-inline-form label.mca-btn {
  margin: 0;
}

.mca-file-on-focus:focus-visible + .visually-hidden, .mca-inline-form:focus-within label.mca-btn {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.mca-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
  background: #eef1f5;
  color: #3d4a5c;
}
.mca-status i {
  font-size: var(--edc-fs-eyebrow);
}
.mca-status--approved {
  background: #e6f4ee;
  color: #0a7a54;
}
.mca-status--retired {
  background: #eef1f5;
  color: #4f5b6b;
}

.mca-fact {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}
.mca-fact i {
  color: #4f5b6b;
}
.mca-fact--warn {
  color: #8a4106;
  font-weight: 600;
}
.mca-fact--warn i {
  color: #8a4106;
}
.mca-fact--bad {
  color: #a3241a;
  font-weight: 600;
}
.mca-fact--bad i {
  color: #a3241a;
}

.mca-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}
.mca-filters .mca-filters__field {
  display: flex;
  flex-direction: column;
  min-width: 132px;
  flex: 0 1 160px;
}
.mca-filters .mca-filters__field--grow {
  flex: 1 1 260px;
}
.mca-filters .mca-filters__field--status {
  flex-basis: 184px;
}
.mca-filters .form-select, .mca-filters .form-control {
  height: 38px;
  font-size: var(--edc-fs-body);
}
.mca-filters .mca-filters__actions {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.mca-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
}

.mca-showing {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mca-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mca-check label {
  margin: 0;
  font-weight: 600;
  cursor: pointer;
}

.mca-check.mca-field, .mca-form .mca-check.mca-field {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.mca-check.mca-field label, .mca-form .mca-check.mca-field label {
  margin: 0;
  font-weight: 600;
}
.mca-check.mca-field .mca-hint, .mca-form .mca-check.mca-field .mca-hint {
  flex-basis: 100%;
  margin: 0 0 0 32px;
}

.mca-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mca-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.mca-card--retired {
  background: #f6f8fb;
}
.mca-card--retired .mca-card__picture img {
  filter: grayscale(0.6);
  opacity: 0.8;
}
.mca-card__picture {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4/3;
  background: #eef1f5;
  color: #3d4a5c;
  text-decoration: none;
  overflow: hidden;
}
.mca-card__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.mca-card__picture:focus-visible {
  outline: 3px solid #1c3f75;
  outline-offset: -3px;
}
.mca-card__icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-display);
}
.mca-card__icon i {
  color: #4f5b6b;
}
.mca-card__ext {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #3d4a5c;
}
.mca-card__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  flex: 1 1 auto;
}
.mca-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.mca-card__title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.mca-card__title a {
  color: #1c2531;
  text-decoration: none;
}
.mca-card__title a:hover {
  text-decoration: underline;
}
.mca-card__facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin: 0;
}
.mca-card form {
  margin-top: auto;
}

.mca-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 24px 0 0;
}

.mca-pager__where {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mca-empty {
  padding: 32px 24px;
  border: 1px dashed #c9d1db;
  border-radius: 12px;
  background: #fff;
  text-align: center;
}
.mca-empty h2, .mca-empty h3 {
  margin: 0 0 8px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.mca-empty p {
  margin: 0 auto 16px;
  max-width: 60ch;
  color: #4f5b6b;
}

.mca-panel {
  padding: 24px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}
.mca-panel + .mca-panel {
  margin-top: 24px;
}
.mca-panel h2 {
  margin: 0 0 16px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.mca-panel h3 {
  margin: 0 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.mca-section {
  margin-top: 32px;
}

.mca-section__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.mca-section__head h2, .mca-section__head h3 {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.mca-section__head p {
  margin: 0;
  flex-basis: 100%;
}

.mca-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 24px;
}
.mca-columns .mca-panel + .mca-panel {
  margin-top: 0;
}

.mca-form .mca-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.mca-form .mca-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.mca-form .mca-field--wide {
  grid-column: 1/-1;
}
.mca-form .form-control, .mca-form .form-select {
  font-size: var(--edc-fs-body);
}
.mca-form textarea.form-control {
  min-height: 64px;
}
.mca-form .mca-form__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 24px;
}

.mca-checks {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 16px;
}

.mca-subject-q {
  margin-top: 8px;
}

.mca-menu {
  position: relative;
  display: inline-block;
}

.mca-menu__list {
  position: absolute;
  z-index: 20;
  top: calc(100% + 4px);
  left: 0;
  min-width: 220px;
  margin: 0;
  padding: 4px;
  border: 1px solid #c9d1db;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(17, 27, 45, 0.18);
  list-style: none;
}
.mca-menu__list a, .mca-menu__list button {
  display: block;
  width: 100%;
  min-height: 32px;
  padding: 6px 12px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: #1c2531;
  text-align: left;
  text-decoration: none;
}
.mca-menu__list a:hover, .mca-menu__list a:focus-visible, .mca-menu__list button:hover, .mca-menu__list button:focus-visible {
  background: #e9eef7;
  color: #1c3f75;
}

.mca-dialog {
  width: min(560px, 100vw - 32px);
  max-height: calc(100vh - 48px);
  padding: 24px;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(17, 27, 45, 0.28);
  color: #1c2531;
}
.mca-dialog::backdrop {
  background: rgba(17, 27, 45, 0.45);
}
.mca-dialog--wide {
  width: min(880px, 100vw - 32px);
}
.mca-dialog h2 {
  margin: 0 0 12px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  text-shadow: none;
}
.mca-dialog .btn {
  min-width: 0;
}
.mca-dialog input[type=checkbox] {
  width: 24px;
  height: 24px;
  margin: 0;
  accent-color: #1c3f75;
}
.mca-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.mca-dialog-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 16px;
  padding: 0;
  border-bottom: 1px solid #dfe4ea;
  list-style: none;
}
.mca-dialog-tabs button {
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  background: none;
  color: #3d4a5c;
  font-weight: 600;
}
.mca-dialog-tabs button[aria-selected=true] {
  border-bottom-color: #1c3f75;
  color: #1c3f75;
}

.mca-drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 24px;
  border: 2px dashed #c9d1db;
  border-radius: 12px;
  background: #f6f8fb;
  text-align: center;
}
.mca-drop.is-over {
  border-color: #1c3f75;
  background: #e9eef7;
}
.mca-drop > i {
  font-size: var(--edc-fs-display);
  color: #4f5b6b;
}
.mca-drop__words {
  margin: 0;
  font-weight: 600;
}
.mca-drop__button {
  margin: 0;
}
.mca-drop__input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.mca-drop:focus-within .mca-drop__button {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.mca-drop .mca-hint {
  max-width: 60ch;
}

.mca-uploads {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mca-upload {
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.mca-upload__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.mca-upload__thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  border-radius: 8px;
  background: #eef1f5;
  overflow: hidden;
}
.mca-upload__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mca-upload__thumb i {
  color: #4f5b6b;
}
.mca-upload__name {
  flex: 1 1 auto;
  min-width: 0;
}
.mca-upload__name strong {
  display: block;
  overflow-wrap: anywhere;
}
.mca-upload__state {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #3d4a5c;
  white-space: nowrap;
}

.mca-progress {
  min-height: 1.4em;
  margin: 12px 0 0;
  font-weight: 600;
  color: #3d4a5c;
}

.mca-pick-list {
  max-height: 340px;
  margin: 12px 0 0;
  padding: 0;
  overflow-y: auto;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  list-style: none;
}
.mca-pick-list:empty {
  display: none;
}

.mca-pick {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
}
.mca-pick + .mca-pick {
  border-top: 1px solid #dfe4ea;
}
.mca-pick__title {
  display: block;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.mca-pick__detail {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mca-made {
  margin-top: 16px;
}

.mca-conflict {
  margin-top: 12px;
  padding: 12px 16px;
  border-radius: 10px;
  background: #fdf1e3;
  color: #8a4106;
  font-weight: 600;
}
.mca-conflict p {
  margin: 0 0 8px;
}
.mca-conflict[hidden] {
  display: none;
}

.mca-asset {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 24px;
  align-items: start;
  margin-bottom: 24px;
}
.mca-asset__side {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
.mca-asset__preview {
  position: sticky;
  top: 16px;
  min-width: 0;
}
.mca-asset__side .mca-panel + .mca-panel {
  margin-top: 0;
}
.mca-asset__links {
  margin-top: 12px;
}

.mca-figure {
  margin: 0;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
  overflow: hidden;
}
.mca-figure__img {
  display: block;
  width: 100%;
  max-height: 640px;
  -o-object-fit: contain;
     object-fit: contain;
  background: #eef1f5;
}
.mca-figure__file {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 240px;
  padding: 24px;
}
.mca-figure__file i {
  font-size: calc(var(--edc-fs-display) * 2);
  color: #4f5b6b;
}
.mca-figure__file span {
  font-weight: 600;
  overflow-wrap: anywhere;
  text-align: center;
}
.mca-figure audio {
  display: block;
  width: 100%;
  padding: 24px;
}
.mca-figure figcaption {
  padding: 12px 16px;
  border-top: 1px solid #dfe4ea;
  background: #fff;
  font-size: var(--edc-fs-secondary);
}

.mca-band {
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #eef1f5;
}
.mca-band--approved {
  background: #e6f4ee;
  border-color: #b9dccb;
}
.mca-band--retired {
  background: #f6f8fb;
}
.mca-band__words {
  margin: 0 0 12px;
  font-weight: 600;
}
.mca-band form {
  margin: 0;
}

.mca-warning {
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid #efc2bd;
  border-radius: 12px;
  background: #fcecea;
  color: #a3241a;
}
.mca-warning p {
  margin: 0 0 8px;
}
.mca-warning ul {
  margin: 0;
  padding-left: 20px;
}
.mca-warning a {
  color: #a3241a;
  font-weight: 600;
}

.mca-shares {
  margin-top: 16px;
}
.mca-shares ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mca-shares li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.mca-shares li + li {
  padding-top: 8px;
  border-top: 1px solid #dfe4ea;
}
.mca-shares form {
  margin: 0;
}

.mca-shares__from {
  flex-basis: 100%;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mca-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  margin: 24px 0 0;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
}
.mca-facts div {
  min-width: 0;
}
.mca-facts dt {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.mca-facts dd {
  margin: 2px 0 0;
  overflow-wrap: anywhere;
}

.mca-side-files {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.mca-side-files .mca-inline-form {
  flex-direction: column;
  align-items: stretch;
}

.mca-uses {
  margin: 0;
  padding-left: 20px;
}
.mca-uses li + li {
  margin-top: 6px;
}

.mca-details {
  margin-top: 16px;
}
.mca-details summary {
  min-height: 32px;
  font-weight: 600;
  cursor: pointer;
}

.mca-activity, .mca-thread {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
.mca-activity li + li, .mca-thread li + li {
  margin-top: 8px;
}

.mca-thread__who {
  font-weight: 700;
}

.mca-thread__when {
  margin-left: 8px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mca-thread p {
  margin: 2px 0 0;
}

.mca-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}

.mca-list__group {
  margin: 24px 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}
.mca-list__group:first-child {
  margin-top: 0;
}

.mca-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 16px;
}
.mca-item + .mca-item {
  border-top: 1px solid #dfe4ea;
}
.mca-item__main {
  min-width: 0;
  flex: 1 1 420px;
}
.mca-item__title {
  margin: 0 0 4px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.mca-item__excerpt {
  margin: 4px 0 0;
  color: #3d4a5c;
}
.mca-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
}

.mca-editor-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 8px;
}

.mca-editor {
  min-height: 240px;
  padding: 12px 16px;
  border: 1px solid #c9d1db;
  border-radius: 8px;
  background: #fff;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.mca-editor h2 {
  font-size: var(--edc-fs-title);
  margin: 16px 0 8px;
}
.mca-editor h3 {
  font-size: var(--edc-fs-heading);
  margin: 12px 0 6px;
}
.mca-editor[aria-readonly=true] {
  background: #f6f8fb;
}

.mca-body {
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.mca-body h2 {
  font-size: var(--edc-fs-title);
  margin: 16px 0 8px;
}
.mca-body h3 {
  font-size: var(--edc-fs-heading);
}

.mca-layout {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  gap: 24px;
  align-items: start;
}

.mca-versions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mca-versions li {
  padding: 12px 0;
}
.mca-versions li + li {
  border-top: 1px solid #dfe4ea;
}
.mca-versions form {
  display: inline;
}

.mca-compare {
  margin-top: 24px;
}
.mca-compare[hidden] {
  display: none;
}
.mca-compare__cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.mca-compare__col {
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.6;
}
.mca-compare ins {
  background: #e6f4ee;
  color: #0a7a54;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.mca-compare del {
  background: #fcecea;
  color: #a3241a;
  text-decoration: line-through;
}

.mca-kits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mca-kit-card {
  height: 100%;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.mca-kit-card h3 {
  margin: 0 0 4px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.mca-kit-card p {
  margin: 0;
}

.mca-kit-items {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}

.mca-kit-item {
  display: grid;
  grid-template-columns: auto 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}
.mca-kit-item + .mca-kit-item {
  border-top: 1px solid #dfe4ea;
}
.mca-kit-item.is-dragging {
  opacity: 0.5;
}
.mca-kit-item__thumb {
  width: 64px;
  height: 48px;
  border-radius: 6px;
  background: #eef1f5;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mca-kit-item__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mca-kit-item__thumb i {
  color: #4f5b6b;
}
.mca-kit-item__title {
  margin: 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.mca-kit-item__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.mca-kit-item__pos {
  width: 64px;
}

.mca-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #4f5b6b;
  cursor: grab;
}
.mca-handle:hover, .mca-handle:focus-visible {
  background: #eef1f5;
  color: #1c2531;
}

.mca-guide {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mca-guide section {
  padding: 24px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.mca-guide h2 {
  margin: 0 0 16px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}

.mca-logos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.mca-logo-box {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  padding: 24px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.mca-logo-box img {
  max-width: 100%;
  max-height: 120px;
}

.mca-swatches {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.mca-swatch {
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  overflow: hidden;
}
.mca-swatch__chip {
  height: 96px;
  border-bottom: 1px solid #dfe4ea;
}
.mca-swatch__body {
  padding: 12px 16px;
}
.mca-swatch__name {
  margin: 0;
  font-weight: 700;
}
.mca-swatch ul {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-secondary);
}
.mca-swatch ul li + li {
  margin-top: 4px;
}

.mca-specimen {
  margin: 0 0 16px;
}
.mca-specimen p {
  margin: 4px 0 0;
}

.mca-guide-switch {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
  margin: 0 0 24px;
}

@media (max-width: 1199.98px) {
  .mca-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mca-asset {
    grid-template-columns: minmax(0, 1fr);
  }
  .mca-asset__preview {
    position: static;
  }
  .mca-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 767.98px) {
  .mca-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .mca-form .mca-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .mca-stats, .mca-columns, .mca-kits, .mca-logos, .mca-swatches, .mca-compare__cols {
    grid-template-columns: minmax(0, 1fr);
  }
  .mca-facts {
    grid-template-columns: minmax(0, 1fr);
  }
  .mca-filters .mca-filters__field {
    flex: 1 1 calc(50% - 8px);
    min-width: 0;
  }
  .mca-filters .mca-filters__actions {
    margin-left: 0;
    width: 100%;
  }
  .mca-head__actions {
    justify-content: flex-start;
  }
  .mca-kit-item {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .mca-kit-item .mca-kit-item__thumb {
    display: none;
  }
  .mca-kit-item .mca-kit-item__acts {
    grid-column: 1/-1;
  }
  .mca-card__body {
    padding: 8px;
  }
}
@media print {
  .mca-page {
    max-width: none;
    padding: 0;
  }
  .mca-no-print, .glance-module-tabs, nav, header.navbar, .mca-live, .mca-alert {
    display: none !important;
  }
  .mca-guide section {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    border-color: #999;
  }
  .mca-swatch__chip {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}
.mca-cc .mca-cc-name {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 240px;
}
.mca-cc .mca-cc-thumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 36px;
  flex: 0 0 48px;
  border-radius: 6px;
  background: #eef1f5;
  -o-object-fit: cover;
     object-fit: cover;
  color: #4f5b6b;
}
.mca-cc input[type=checkbox] {
  width: 24px;
  height: 24px;
  accent-color: #1c3f75;
}

.mca-page--pane {
  padding: 0 16px 24px;
  max-width: none;
}
.mca-page--pane .mca-asset {
  grid-template-columns: minmax(0, 1fr);
}
.mca-page--pane .mca-columns {
  grid-template-columns: minmax(0, 1fr);
}
.mca-page--pane .mca-head__title {
  font-size: var(--edc-fs-title);
}
.mca-page--pane .mca-figure__img {
  max-height: 360px;
}

.mca-item__check {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding-top: 2px;
}

.mca-item__check input {
  width: 18px;
  height: 18px;
}

.msm-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.msm-page h1, .msm-page h2, .msm-page h3, .msm-page h4 {
  text-shadow: none;
  color: #1c2531;
}
.msm-page .btn {
  min-width: 0;
}
.msm-page a {
  color: #1c3f75;
}
.msm-page a:focus-visible, .msm-page button:focus-visible, .msm-page summary:focus-visible, .msm-page input:focus-visible, .msm-page select:focus-visible,
.msm-page textarea:focus-visible, .msm-page [tabindex]:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.msm-page .card, .msm-page .panel {
  height: auto;
  margin-bottom: 0;
}
.msm-page input[type=checkbox], .msm-page input[type=radio] {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin: 0;
  vertical-align: middle;
  accent-color: #1c3f75;
}
.msm-page--narrow {
  max-width: 760px;
}

.msm-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.msm-head__text {
  min-width: 0;
  flex: 1 1 440px;
}
.msm-head__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.msm-head__title--post {
  font-size: var(--edc-fs-display);
  overflow-wrap: anywhere;
}
.msm-head__sub {
  margin: 0;
  color: #4f5b6b;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  max-width: 72ch;
}
.msm-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.msm-figures {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 24px;
}

.msm-figure {
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.msm-figure dt {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.msm-figure dd {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
}
.msm-figure__value {
  font-size: var(--edc-fs-display);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.msm-figure__note {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.msm-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
.msm-subnav a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #3d4a5c;
  text-decoration: none;
}
.msm-subnav a:hover {
  background: #eef1f5;
}
.msm-subnav a[aria-current=page] {
  background: #e9eef7;
  color: #1c3f75;
}

.msm-label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
}

.msm-hint {
  display: block;
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.msm-hint--warn {
  color: #8a4106;
  font-weight: 600;
}

.msm-muted {
  color: #4f5b6b;
}

.msm-nowrap {
  white-space: nowrap;
}

.msm-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.msm-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.msm-error {
  display: block;
  margin: 0 0 12px;
  font-size: var(--edc-fs-secondary);
  color: #a3241a;
  font-weight: 600;
}
.msm-error:empty {
  display: none;
}

.msm-live {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.msm-alert:empty {
  display: none;
}
.msm-alert {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #fcecea;
  color: #a3241a;
  font-weight: 600;
}

.msm-note {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #e9eef7;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
}
.msm-note i {
  margin-top: 3px;
  color: #1c3f75;
}
.msm-note--warn {
  background: #fdf1e3;
}
.msm-note--warn i {
  color: #8a4106;
}

.msm-voice {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
  font-style: italic;
}

.msm-zone {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.msm-row > input[type=datetime-local] {
  flex: 0 1 280px;
  width: auto;
}

.msm-zone-tag {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: #eef1f5;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
}

.msm-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  padding: 0 8px;
  border: 1px solid #c9d1db;
  border-radius: 8px;
  background: #fff;
  color: #3d4a5c;
  cursor: pointer;
}
.msm-icon-btn:hover {
  border-color: #1c3f75;
  color: #1c3f75;
}
.msm-icon-btn[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}

.msm-text-btn {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0;
  border: 0;
  background: none;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.msm-status, .msm-tstatus {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
  background: #eef1f5;
  color: #3d4a5c;
}

.msm-status--in_review, .msm-status--approved, .msm-status--scheduled, .msm-status--publishing,
.msm-tstatus--pending, .msm-tstatus--publishing {
  background: #e9eef7;
  color: #1c3f75;
}

.msm-status--published, .msm-tstatus--published {
  background: #e6f4ee;
  color: #0a7a54;
}

.msm-status--partly_published {
  background: #fdf1e3;
  color: #8a4106;
}

.msm-status--failed, .msm-tstatus--failed {
  background: #fcecea;
  color: #a3241a;
}

.msm-status--cancelled, .msm-tstatus--cancelled, .msm-tstatus--skipped {
  background: #eef1f5;
  color: #4f5b6b;
}

.msm-tstatus {
  white-space: normal;
}

.msm-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 2px 8px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.msm-campaign {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.msm-swatch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
}

.msm-meta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.msm-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.msm-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}
.msm-filter .msm-label {
  width: 100%;
  margin: 0;
}
.msm-filter select {
  width: auto;
  min-width: 240px;
}

.msm-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 24px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}
.msm-filters__field {
  display: flex;
  flex-direction: column;
  min-width: 180px;
}
.msm-filters .form-select, .msm-filters .form-control {
  min-height: 40px;
}
.msm-filters__actions {
  display: flex;
  gap: 8px;
}

.msm-day {
  margin-bottom: 24px;
}

.msm-day__title {
  margin: 0 0 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #dfe4ea;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.msm-posts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.msm-post {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) auto;
  gap: 16px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.msm-post__when {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.msm-post__main {
  min-width: 0;
}
.msm-post__thumb {
  float: right;
  width: 64px;
  height: 64px;
  margin: 0 0 8px 16px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  background: #dfe4ea;
}
.msm-post__text {
  margin: 0 0 8px;
  overflow-wrap: anywhere;
}
.msm-post__link {
  color: #1c2531 !important;
  text-decoration: none;
  font-weight: 600;
}
.msm-post__link:hover {
  text-decoration: underline;
}
.msm-post__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 8px;
}
.msm-post__targets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.msm-post__numbers {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
  font-variant-numeric: tabular-nums;
}
.msm-post__asked {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.msm-post__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
}
.msm-post__menu {
  align-self: start;
}

.msm-fail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fcecea;
  color: #a3241a;
  font-size: var(--edc-fs-secondary);
}
.msm-fail p {
  margin: 0;
  flex: 1 1 260px;
}

.msm-fail-text {
  margin: 8px 0 0;
  color: #a3241a;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
}

.msm-readon {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 8px 12px 0 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.msm-pager {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}

.msm-empty {
  padding: 32px 24px;
  border: 1px dashed #c9d1db;
  border-radius: 12px;
  background: #f6f8fb;
  text-align: center;
}
.msm-empty p {
  margin: 0 0 12px;
}
.msm-empty__acts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.msm-section {
  margin-top: 32px;
}
.msm-section:first-of-type {
  margin-top: 0;
}

.msm-section__title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}

.msm-subtitle {
  margin: 16px 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.msm-menu {
  position: relative;
}
.msm-menu__list {
  position: absolute;
  right: 0;
  z-index: 20;
  min-width: 200px;
  margin: 4px 0 0;
  padding: 4px;
  border: 1px solid #c9d1db;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(17, 27, 45, 0.12);
  list-style: none;
}
.msm-menu__list a, .msm-menu__list button {
  display: flex;
  width: 100%;
  min-height: 32px;
  align-items: center;
  padding: 4px 12px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.msm-menu__list a:hover, .msm-menu__list a:focus, .msm-menu__list button:hover, .msm-menu__list button:focus {
  background: #eef1f5;
}

.msm-card {
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}
.msm-card__title {
  margin: 0 0 8px;
  padding: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}
.msm-card__title label {
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

fieldset.msm-card legend.msm-card__title {
  float: left;
  width: 100%;
}

fieldset.msm-card legend.msm-card__title + * {
  clear: both;
}

.msm-form .msm-field, .msm-card .msm-field {
  margin-top: 12px;
}

.msm-check {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0;
  font-weight: 500;
}

.msm-checks {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}
.msm-checks label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.msm-choices {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.msm-choices label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}

.msm-settings {
  max-width: 640px;
}

.msm-compose__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 24px;
  align-items: start;
}

.msm-compose__preview {
  position: sticky;
  top: 16px;
  min-width: 0;
}

.msm-preview-toggle > summary {
  display: none;
}

.msm-accounts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.msm-account {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #c9d1db;
  border-radius: 10px;
  background: #fff;
  font-weight: 600;
  cursor: pointer;
}
.msm-account:has(input:checked) {
  border-color: #1c3f75;
  background: #e9eef7;
}
.msm-account.is-off {
  cursor: default;
  color: #4f5b6b;
  background: #f6f8fb;
}
.msm-account__note {
  width: 100%;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #8a4106;
}

.msm-body {
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}

.msm-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
  font-variant-numeric: tabular-nums;
}
.msm-counts .is-over {
  color: #a3241a;
  font-weight: 700;
}

.msm-fixes {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

.msm-combo {
  position: relative;
}

.msm-combo__list {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  max-height: 280px;
  overflow: auto;
  margin: 4px 0 0;
  padding: 4px;
  border: 1px solid #c9d1db;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(17, 27, 45, 0.12);
  list-style: none;
}
.msm-combo__list li {
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
}
.msm-combo__list li[aria-selected=true], .msm-combo__list li:hover {
  background: #e9eef7;
}
.msm-combo__list .msm-combo__kind {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.msm-picked {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #f6f8fb;
  font-weight: 600;
}

.msm-media {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.msm-medium {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: 12px;
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #f6f8fb;
}
.msm-medium__thumb img {
  display: block;
  width: 96px;
  height: 96px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
  background: #dfe4ea;
}
.msm-medium__video {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 96px;
  height: 96px;
  border-radius: 6px;
  background: #eef1f5;
  color: #3d4a5c;
  font-weight: 600;
}
.msm-medium__title {
  margin: 0 0 8px;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.msm-medium__place {
  margin-left: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #4f5b6b;
}
.msm-medium__acts {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.msm-medium.is-missing {
  border-color: #a3241a;
  box-shadow: 0 0 0 1px #a3241a inset;
}

.msm-linkcard {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.msm-linkcard__img {
  width: 96px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
.msm-linkcard__text {
  flex: 1 1 200px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.msm-linkcard__text span {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.msm-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 12px;
  border-bottom: 1px solid #dfe4ea;
}
.msm-tabs [role=tab] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: none;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  cursor: pointer;
}
.msm-tabs [role=tab][aria-selected=true] {
  border-bottom-color: #1c3f75;
  color: #1c3f75;
}
.msm-tabs [role=tab].is-off {
  color: #4f5b6b;
  font-weight: 500;
}

.msm-panel__state {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.msm-panel__state:empty {
  display: none;
}

.msm-pv {
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
}
.msm-pv__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.msm-pv__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #1c3f75;
  color: #fff;
  font-weight: 800;
}
.msm-pv__name {
  display: block;
  font-size: var(--edc-fs-secondary);
}
.msm-pv__sub {
  display: block;
  font-size: var(--edc-fs-label);
  color: #4f5b6b;
}
.msm-pv__text {
  margin: 0 0 8px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: var(--edc-fs-secondary);
}
.msm-pv__text:empty::before {
  content: "Your words show here.";
  color: #4f5b6b;
}
.msm-pv__more {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.msm-pv__media {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
  margin: 0 -12px 8px;
}
.msm-pv__media img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.msm-pv__media img:only-child {
  grid-column: span 2;
  aspect-ratio: auto;
  max-height: 360px;
}
.msm-pv__link {
  padding: 8px 12px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #f6f8fb;
  font-size: var(--edc-fs-secondary);
}
.msm-pv__link strong {
  display: block;
}
.msm-pv--instagram .msm-pv__media {
  margin-top: 0;
}
.msm-pv--instagram .msm-pv__media img {
  aspect-ratio: 4/5;
}
.msm-pv--instagram .msm-pv__media img:only-child {
  aspect-ratio: 4/5;
  max-height: none;
}
.msm-pv--instagram .msm-pv__text {
  order: 3;
}
.msm-pv--x .msm-pv__avatar {
  background: #1c2531;
}

.msm-version {
  margin-top: 12px;
}
.msm-version summary {
  font-weight: 700;
  color: #1c3f75;
  cursor: pointer;
}
.msm-version textarea {
  margin-top: 8px;
}

.msm-problems {
  margin: 8px 0 16px;
  padding: 16px;
  border: 1px solid #8a4106;
  border-radius: 12px;
  background: #fdf1e3;
}
.msm-problems__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #8a4106;
}
.msm-problems ul {
  margin: 0;
  padding-left: 24px;
}
.msm-problems li {
  margin: 4px 0;
}
.msm-problems a {
  font-weight: 600;
}

.msm-compose__bar {
  position: sticky;
  bottom: 0;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0 -16px;
  padding: 12px 16px;
  border-top: 1px solid #dfe4ea;
  background: rgba(255, 255, 255, 0.97);
}

.msm-compose__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.msm-compose__reason {
  width: 100%;
  margin: 0;
  text-align: right;
}
.msm-compose__reason:empty {
  display: none;
}

.msm-saved {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.msm-post-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  align-items: start;
}

.msm-words p {
  margin: 0 0 8px;
  overflow-wrap: anywhere;
}

.msm-targets {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.msm-target {
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.msm-target__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.msm-target .msm-row {
  margin-top: 8px;
}

.msm-approvals, .msm-activity, .msm-pictures {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.msm-pictures img {
  display: block;
  width: 100%;
  border-radius: 8px;
}

.msm-activity li {
  font-size: var(--edc-fs-secondary);
}

.msm-table-wrap {
  overflow-x: auto;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.msm-table-wrap:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.msm-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
}
.msm-table th, .msm-table td {
  padding: 8px 12px;
  border-bottom: 1px solid #dfe4ea;
  text-align: left;
  vertical-align: top;
}
.msm-table thead th {
  background: #f6f8fb;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
}
.msm-table tbody tr:last-child th, .msm-table tbody tr:last-child td {
  border-bottom: 0;
}
.msm-table abbr {
  text-decoration: none;
  cursor: help;
}

.msm-account-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.msm-account-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.msm-account-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.msm-account-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #e9eef7;
  color: #1c3f75;
  font-size: 20px;
}
.msm-account-card__name {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.msm-account-card__status {
  margin: 0;
  font-weight: 600;
}
.msm-account-card--needs_reconnect .msm-account-card__status, .msm-account-card--error .msm-account-card__status {
  color: #8a4106;
}
.msm-account-card--connected .msm-account-card__status i {
  color: #0a7a54;
}

.msm-facts {
  display: grid;
  gap: 4px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
}
.msm-facts div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
}
.msm-facts dt {
  font-weight: 700;
  color: #3d4a5c;
}
.msm-facts dd {
  margin: 0;
  color: #1c2531;
}

.msm-connect {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

.msm-connect__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}

.msm-connect__label {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.msm-x {
  margin-left: auto;
}
.msm-x[open] {
  flex: 1 1 100%;
  margin-left: 0;
}
.msm-x summary {
  display: inline-flex;
  list-style: none;
}
.msm-x summary::-webkit-details-marker {
  display: none;
}
.msm-x__form {
  max-width: 520px;
  margin-top: 12px;
}

.msm-choose {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.msm-cal-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.msm-cal-title {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}

.msm-cal-views {
  display: flex;
  gap: 4px;
}
.msm-cal-views a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #3d4a5c;
  text-decoration: none;
}
.msm-cal-views a[aria-current=true] {
  background: #e9eef7;
  color: #1c3f75;
}

.msm-cal {
  width: 100%;
  margin-top: 16px;
  border-collapse: collapse;
  table-layout: fixed;
}
.msm-cal th {
  padding: 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
  text-align: left;
}
.msm-cal td {
  height: 132px;
  padding: 4px;
  border: 1px solid #dfe4ea;
  vertical-align: top;
}
.msm-cal td.is-outside {
  background: #f6f8fb;
}
.msm-cal td.is-today .msm-cal__day {
  background: #1c3f75;
  color: #fff;
}
.msm-cal td.is-drop {
  background: #e9eef7;
}
.msm-cal__day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 4px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
}
.msm-cal__chips {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 4px;
}
.msm-cal--week td {
  height: 320px;
}

.msm-cal-chip {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 4px;
  width: 100%;
  min-height: 24px;
  padding: 4px 8px;
  border: 1px solid #c9d1db;
  border-left-width: 1px;
  border-radius: 6px;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  text-align: left;
  cursor: grab;
}
.msm-cal-chip__time {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.msm-cal-chip__text {
  flex: 1 1 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.msm-cal-chip__icons {
  display: inline-flex;
  gap: 4px;
  color: #3d4a5c;
}
.msm-cal-chip--published, .msm-cal-chip--partly_published {
  background: #e6f4ee;
}
.msm-cal-chip--failed {
  background: #fcecea;
}
.msm-cal-chip--in_review {
  background: #e9eef7;
}
.msm-cal-chip[aria-pressed=true] {
  box-shadow: 0 0 0 2px #1c3f75;
}
.msm-cal-chip.is-fixed {
  cursor: default;
}

.msm-dialog {
  width: min(560px, 100vw - 32px);
  max-height: calc(100vh - 32px);
  padding: 0;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(17, 27, 45, 0.28);
  color: #1c2531;
}
.msm-dialog--wide {
  width: min(880px, 100vw - 32px);
}
.msm-dialog::backdrop {
  background: rgba(17, 27, 45, 0.45);
}
.msm-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 24px 0;
}
.msm-dialog__head h2 {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  text-shadow: none;
}
.msm-dialog__body {
  padding: 16px 24px 24px;
}
.msm-dialog__post {
  margin: 0 0 12px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.msm-dialog__post:empty {
  display: none;
}
.msm-dialog__foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 24px 24px;
}
.msm-dialog .btn {
  min-width: 0;
}
.msm-dialog input[type=checkbox], .msm-dialog input[type=radio] {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin: 0;
}

.msm-library {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.msm-library button {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  height: 100%;
  padding: 8px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
  color: #1c2531;
  text-align: left;
  cursor: pointer;
}
.msm-library button:hover {
  border-color: #1c3f75;
}
.msm-library button[aria-pressed=true] {
  border-color: #1c3f75;
  box-shadow: 0 0 0 1px #1c3f75 inset;
  background: #e9eef7;
}
.msm-library img {
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
  background: #dfe4ea;
}
.msm-library strong {
  font-size: var(--edc-fs-secondary);
  overflow-wrap: anywhere;
}
.msm-library span {
  font-size: var(--edc-fs-label);
  color: #4f5b6b;
  overflow-wrap: anywhere;
}

@media (max-width: 1199.98px) {
  .msm-compose__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .msm-compose__preview {
    position: static;
  }
  .msm-preview-toggle > summary {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 16px;
    border: 1px solid #dfe4ea;
    border-radius: 10px;
    background: #f6f8fb;
    font-weight: 700;
    cursor: pointer;
  }
  .msm-preview-toggle[open] > summary {
    margin-bottom: 12px;
  }
  .msm-post-page {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 767.98px) {
  .msm-head__actions {
    justify-content: flex-start;
  }
  .msm-figures {
    grid-template-columns: minmax(0, 1fr);
  }
  .msm-post {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .msm-post__when {
    grid-column: 1/-1;
  }
  .msm-post__main {
    grid-column: 1/2;
  }
  .msm-medium {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .msm-medium__thumb img, .msm-medium__video {
    width: 72px;
    height: 72px;
  }
  .msm-medium__acts {
    grid-column: 1/-1;
    flex-direction: row;
    justify-content: flex-end;
  }
  .msm-cal {
    table-layout: fixed;
  }
  .msm-cal th {
    padding: 4px 2px;
    text-align: center;
  }
  .msm-cal td {
    height: auto;
    min-height: 64px;
    padding: 2px;
  }
  .msm-cal .msm-cal__day {
    min-width: 20px;
    height: 20px;
    padding: 0 2px;
  }
  .msm-cal-chip {
    padding: 2px;
    justify-content: center;
  }
  .msm-cal-chip .msm-cal-chip__text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  .msm-cal-chip .msm-cal-chip__icons {
    display: none;
  }
  .msm-compose__bar {
    margin: 0 -16px;
  }
  .msm-compose__buttons {
    justify-content: flex-start;
  }
  .msm-compose__reason {
    text-align: left;
  }
  .msm-filter select {
    min-width: 0;
    width: 100%;
  }
}
.msm-door {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
}
.msm-door__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 24px;
  font-weight: 600;
  color: #1c3f75;
}

.msm-doors {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 0 0 16px;
}
.msm-doors .btn {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.btn-outline-danger.msm-danger {
  color: #b02a37;
  border-color: #b02a37;
}
.btn-outline-danger.msm-danger:hover, .btn-outline-danger.msm-danger:focus-visible {
  color: #fff;
  background: #b02a37;
}

.msm-post--selectable {
  grid-template-columns: 32px 112px minmax(0, 1fr) auto;
}

.msm-post__check {
  display: flex;
  align-items: flex-start;
  padding-top: 2px;
}

.msm-post__check input {
  width: 18px;
  height: 18px;
}

.msm-toolbar--select {
  margin-bottom: 8px;
}

.msm-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}

.msm-check input {
  width: 18px;
  height: 18px;
}

.msm-best {
  margin-top: 12px;
  display: grid;
  gap: 12px;
}

.msm-best__label {
  margin: 0 0 4px;
  font-weight: 600;
  color: #1c2531;
}

.msm-best__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.msm-best__chip {
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d1db;
  border-radius: 16px;
  background: #fff;
  color: #1c3f75;
  font-weight: 600;
  cursor: pointer;
}
.msm-best__chip:hover {
  background: #e9eef7;
}
.msm-best__chip:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.msm-warnings {
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid #c9d1db;
  border-radius: 12px;
  background: #f6f8fb;
}
.msm-warnings ul {
  margin: 0 0 8px;
  padding-left: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.msm-warnings li {
  overflow-wrap: anywhere;
}
.msm-warnings li i {
  color: #1c3f75;
  margin-right: 4px;
}
.msm-warnings .msm-problems__title {
  color: #1c2531;
}

@media (max-width: 767.98px) {
  .msm-post--selectable {
    grid-template-columns: 32px minmax(0, 1fr) auto;
  }
  .msm-post--selectable .msm-post__when {
    grid-column: 2/-1;
  }
  .msm-post--selectable .msm-post__main {
    grid-column: 2/3;
  }
}
.msv-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.msv-page h1, .msv-page h2, .msv-page h3, .msv-page h4 {
  text-shadow: none;
  color: #1c2531;
}
.msv-page .btn {
  min-width: 0;
}
.msv-page a {
  color: #1c3f75;
}
.msv-page a:focus-visible, .msv-page button:focus-visible, .msv-page summary:focus-visible, .msv-page input:focus-visible, .msv-page select:focus-visible,
.msv-page textarea:focus-visible, .msv-page [tabindex]:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.msv-page .card, .msv-page .panel {
  height: auto;
  margin-bottom: 0;
}
.msv-page input[type=checkbox], .msv-page input[type=radio] {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin: 0;
  vertical-align: middle;
  accent-color: #1c3f75;
}
.msv-page code {
  color: #3d4a5c;
  background: #f6f8fb;
  border-radius: 4px;
  padding: 0 4px;
  font-size: var(--edc-fs-secondary);
  overflow-wrap: anywhere;
}

.msv-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.msv-head__text {
  min-width: 0;
  flex: 1 1 440px;
}
.msv-head__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.msv-head__sub {
  margin: 0;
  color: #4f5b6b;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  max-width: 72ch;
}
.msv-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 8px;
}

.msv-picker {
  margin: 0;
}
.msv-picker__row {
  display: flex;
  gap: 8px;
}
.msv-picker select {
  min-width: 200px;
}

.msv-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
.msv-subnav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #3d4a5c;
  text-decoration: none;
}
.msv-subnav a:hover {
  background: #eef1f5;
}
.msv-subnav a[aria-current=page] {
  background: #e9eef7;
  color: #1c3f75;
}
.msv-subnav--tabs {
  margin-bottom: 16px;
}

.msv-count {
  display: inline-block;
  min-width: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #dfe4ea;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.msv-label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
}

.msv-optional {
  font-weight: 400;
  color: #4f5b6b;
}

.msv-hint {
  display: block;
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.msv-muted {
  color: #4f5b6b;
}

.msv-small {
  font-size: var(--edc-fs-secondary);
}

.msv-nowrap {
  white-space: nowrap;
}

.msv-break {
  overflow-wrap: anywhere;
}

.msv-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.msv-error {
  color: #a3241a;
  font-weight: 600;
}
.msv-error:empty {
  display: none;
}

.msv-alert:empty {
  display: none;
}

.msv-alert {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #fcecea;
  color: #a3241a;
  font-weight: 600;
}

.msv-section-title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}

.msv-group-title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #3d4a5c;
}

.msv-subtitle {
  margin: 16px 0 8px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
}

.msv-link-btn {
  padding: 0;
  border: 0;
  background: none;
  color: #1c3f75;
  font-weight: 600;
  text-decoration: underline;
  min-height: 24px;
}

.msv-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #3d4a5c;
}
.msv-icon-btn:hover {
  background: #eef1f5;
}

.msv-pill {
  display: inline-block;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  vertical-align: middle;
}
.msv-pill--quiet {
  background: #eef1f5;
  color: #3d4a5c;
}
.msv-pill--good {
  background: #e6f4ee;
  color: #0a6b4a;
}

.msv-change {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
}
.msv-change--good {
  color: #0a6b4a;
}
.msv-change--bad {
  color: #a3241a;
}

.msv-note {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin: 0 0 12px;
  color: #4f5b6b;
  font-size: var(--edc-fs-secondary);
}
.msv-note--sample {
  color: #8a4106;
  font-weight: 600;
}

.msv-banner {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  max-width: 96ch;
}
.msv-banner--info {
  background: #e9eef7;
  color: #1c3f75;
}
.msv-banner--bad {
  background: #fcecea;
  color: #a3241a;
}

.msv-honesty {
  margin: 16px 0 0;
  max-width: 80ch;
  color: #3d4a5c;
  font-weight: 600;
}
.msv-honesty--lead {
  margin: 0;
  flex: 1 1 480px;
}

.msv-panel {
  margin: 0 0 24px;
  padding: 16px 24px 24px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}
.msv-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.msv-panel__title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.msv-panel__head .msv-panel__title {
  margin: 0;
}

.msv-subsection {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
}
.msv-subsection p {
  max-width: 80ch;
}

.msv-grid2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.msv-grid2 > .msv-panel {
  margin-bottom: 24px;
}

.msv-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin: 0 0 24px;
}
.msv-tiles--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.msv-tiles--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.msv-tiles--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.msv-tiles--five {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
.msv-tiles--six {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.msv-tile {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}
.msv-tile dt {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.msv-tile dd {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.msv-tile__value {
  font-size: var(--edc-fs-display);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.msv-tile__note {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.msv-tile__empty {
  font-weight: 600;
  color: #3d4a5c;
}
.msv-tile__door {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.msv-standing {
  margin: 0 0 24px;
}
.msv-standing__name {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 4px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.msv-standing__open {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.msv-standing__line {
  margin: 0;
  color: #4f5b6b;
}

.msv-needs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.msv-needs__item {
  display: flex;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.msv-needs__item:first-child {
  border-top: 0;
  padding-top: 0;
}
.msv-needs__item > i {
  color: #8a4106;
  margin-top: 4px;
}
.msv-needs__title {
  font-weight: 700;
}
.msv-needs__detail {
  margin: 4px 0 0;
  color: #4f5b6b;
  font-size: var(--edc-fs-secondary);
}

.msv-empty {
  margin: 0 0 24px;
  padding: 32px 24px;
  border: 1px dashed #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
  text-align: center;
}
.msv-empty h2 {
  margin: 8px 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.msv-empty p {
  max-width: 64ch;
  margin: 0 auto 16px;
  color: #4f5b6b;
}
.msv-empty__icon {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  color: #1c3f75;
}

.msv-table-wrap {
  position: relative;
  overflow-x: auto;
  max-width: 100%;
}

.msv-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
}
.msv-table caption {
  caption-side: top;
  padding: 0 0 8px;
  color: #3d4a5c;
  font-weight: 600;
  text-align: left;
}
.msv-table th, .msv-table td {
  padding: 8px 12px;
  border-top: 1px solid #dfe4ea;
  vertical-align: top;
  text-align: left;
}
.msv-table thead th {
  border-top: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.msv-table tbody th {
  font-weight: 600;
}
.msv-table .msv-num {
  text-align: right;
}
.msv-table--compact th, .msv-table--compact td {
  padding: 4px 8px;
}

.msv-row--paused {
  color: #4f5b6b;
}

.msv-keywords tbody th {
  min-width: 220px;
}

.msv-prompts tbody th {
  min-width: 220px;
}

.msv-prompts td:nth-child(4) {
  min-width: 140px;
}

.msv-prompts td:nth-child(6), .msv-prompts td:nth-child(7) {
  white-space: nowrap;
}

.msv-actions {
  white-space: nowrap;
}
.msv-actions .btn {
  margin: 0 4px 4px 0;
}

.msv-findings th[scope=row] {
  width: 24%;
  min-width: 200px;
}
.msv-findings td:nth-child(2) {
  width: 30%;
  min-width: 220px;
}
.msv-findings td:nth-child(3) {
  min-width: 200px;
}

.msv-actions--stack {
  width: 1%;
}
.msv-actions--stack .btn {
  display: block;
  width: 100%;
  margin: 0 0 4px;
  white-space: nowrap;
}

.msv-page-url {
  display: block;
  font-weight: 600;
}

.msv-element {
  display: inline-block;
  margin-top: 4px;
}

.msv-sev {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  white-space: nowrap;
}
.msv-sev--fails_wcag_aa, .msv-sev--error {
  background: #fcecea;
  color: #a3241a;
}
.msv-sev--warning {
  background: #fdf1e3;
  color: #8a4106;
}
.msv-sev--recommended, .msv-sev--notice {
  background: #eef1f5;
  color: #3d4a5c;
}

.msv-criterion {
  display: block;
  margin-top: 4px;
  font-weight: 600;
}

.msv-rule {
  display: block;
  margin-top: 4px;
  font-weight: 400;
}

.msv-snippet {
  display: block;
  margin-top: 4px;
  white-space: pre-wrap;
  max-height: 6em;
  overflow: hidden;
}

.msv-pager {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

.msv-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0 0 16px;
}
.msv-filters .msv-field {
  margin: 0;
  min-width: 160px;
}
.msv-filters select {
  max-width: 280px;
}
.msv-filters--inline {
  margin: 0;
  align-items: center;
  gap: 8px 12px;
}
.msv-filters--inline .msv-label {
  margin: 0;
}
.msv-filters--inline select {
  width: auto;
  min-width: 160px;
}

.msv-form {
  margin: 0;
}
.msv-form__actions {
  margin-top: 16px;
}

.msv-field {
  margin: 0 0 16px;
}
.msv-field--grow {
  flex: 1 1 280px;
}
.msv-field--check {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.msv-inline-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 16px;
}
.msv-inline-form .msv-field {
  margin: 0;
}
.msv-inline-form .form-control, .msv-inline-form .form-select, .msv-inline-form .btn {
  min-height: 40px;
}
.msv-inline-form .msv-error, .msv-inline-form .msv-hint {
  flex: 1 0 100%;
  margin: 0;
}

.msv-check, .msv-radio {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  margin: 0;
  font-weight: 400;
}

.msv-choice {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
}

.msv-facts {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 8px 24px;
  margin: 0;
}
.msv-facts dt {
  font-weight: 700;
  color: #3d4a5c;
}
.msv-facts dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.msv-listbox {
  position: absolute;
  z-index: 20;
  margin: 4px 0 0;
  padding: 4px;
  min-width: 280px;
  list-style: none;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 27, 45, 0.12);
}
.msv-listbox__option {
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  min-height: 24px;
}
.msv-listbox__option[aria-selected=true], .msv-listbox__option:hover {
  background: #e9eef7;
  color: #1c3f75;
}

.msv-settings .msv-field {
  position: relative;
}

.msv-settings .msv-grid2 {
  gap: 8px 24px;
  align-items: start;
}

.msv-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.msv-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}
.msv-card__name {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.msv-card__text {
  margin: 0;
  color: #4f5b6b;
  font-size: var(--edc-fs-secondary);
}
.msv-card__status {
  margin: 0;
}
.msv-card__error {
  margin: 0;
  color: #a3241a;
  font-size: var(--edc-fs-secondary);
}
.msv-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.msv-status {
  font-weight: 600;
}
.msv-status--good {
  color: #0a6b4a;
}
.msv-status--bad {
  color: #a3241a;
}
.msv-status--quiet {
  color: #3d4a5c;
}

.msv-run {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px;
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.msv-run__line {
  margin: 0;
  flex: 1 1 360px;
}

.msv-details {
  margin-top: 8px;
}
.msv-details summary {
  cursor: pointer;
  font-weight: 600;
  color: #1c3f75;
  min-height: 24px;
}
.msv-details p {
  max-width: 80ch;
  margin: 8px 0 0;
}

.msv-checks {
  margin: 0;
  padding: 0;
  list-style: none;
}
.msv-checks__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px 24px;
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.msv-checks__text {
  flex: 1 1 320px;
  min-width: 0;
}
.msv-checks__text p {
  margin: 0 0 4px;
}
.msv-checks__label {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
}
.msv-checks__form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex: 0 1 460px;
}
.msv-checks__form fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 0;
  padding: 0;
  border: 0;
}
.msv-checks__form input[type=text] {
  flex: 1 1 160px;
}

.msv-thresholds {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #e9eef7;
  color: #1c3f75;
  font-weight: 600;
}

.msv-vitals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.msv-vital {
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
}
.msv-vital__name {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
}
.msv-vital__figure {
  margin: 0;
  font-size: var(--edc-fs-display);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.msv-rating {
  display: inline-block;
  margin: 4px 0;
  padding: 0 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
}
.msv-rating--good {
  background: #e6f4ee;
  color: #0a6b4a;
}
.msv-rating--warn {
  background: #fdf1e3;
  color: #8a4106;
}
.msv-rating--bad {
  background: #fcecea;
  color: #a3241a;
}
.msv-rating--quiet {
  background: #eef1f5;
  color: #3d4a5c;
}

.msv-hist {
  display: flex;
  height: 10px;
  margin: 8px 0 4px;
  border-radius: 999px;
  overflow: hidden;
  background: #eef1f5;
}
.msv-hist span {
  display: block;
  height: 100%;
}
.msv-hist__good {
  background: #2e8b6a;
}
.msv-hist__mid {
  background: #d18b2c;
}
.msv-hist__poor {
  background: #c4473b;
}

.msv-diagnosis {
  padding-top: 12px;
  border-top: 1px solid #dfe4ea;
  margin-top: 12px;
}
.msv-diagnosis ul {
  margin: 0;
}

.msv-chart {
  margin: 0 0 8px;
}
.msv-chart__svg {
  display: block;
  width: 100%;
  height: 200px;
}
.msv-chart__axis {
  stroke: #dfe4ea;
  stroke-width: 1;
}
.msv-chart__bar {
  fill: #7d9bc9;
}
.msv-chart__line {
  stroke: #1c2531;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}
.msv-chart__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 8px;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}

.msv-swatch {
  display: inline-block;
  width: 16px;
  height: 10px;
  margin-right: 8px;
  vertical-align: middle;
  border-radius: 2px;
}
.msv-swatch--bar {
  background: #7d9bc9;
}
.msv-swatch--line {
  height: 2px;
  background: #1c2531;
}

.msv-bars {
  margin: 0;
  padding: 0;
  list-style: none;
}
.msv-bars__row {
  display: grid;
  grid-template-columns: 96px minmax(80px, 1fr);
  gap: 4px 12px;
  align-items: center;
  padding: 4px 0;
}
.msv-bars__label {
  font-weight: 600;
}
.msv-bars__track {
  height: 10px;
  border-radius: 999px;
  background: #eef1f5;
  overflow: hidden;
}
.msv-bars__fill {
  display: block;
  height: 100%;
  background: #7d9bc9;
}
.msv-bars__figure {
  grid-column: 2;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.msv-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  margin: 0 0 16px;
}
.msv-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.msv-place, .msv-allowance {
  margin: 0;
}

.msv-allowance {
  font-weight: 600;
  color: #3d4a5c;
}

.msv-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 12px;
  padding: 0;
  list-style: none;
}

.msv-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  text-align: left;
}
.msv-chip:hover {
  background: #e9eef7;
  border-color: #1c3f75;
}
.msv-chip i {
  color: #1c3f75;
}

.msv-starters {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 12px;
  background: #f6f8fb;
}
.msv-starters p {
  margin: 0;
}

.msv-bulk {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

.msv-publish {
  margin: 0;
  padding: 0;
  list-style: none;
}
.msv-publish li {
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.msv-publish li p {
  margin: 0 0 4px;
  max-width: 72ch;
}
.msv-publish__prompt {
  font-weight: 700;
}

.msv-samples {
  margin: 0;
  padding: 0;
  list-style: none;
}

.msv-sample {
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.msv-sample__line {
  margin: 0 0 4px;
}
.msv-sample__excerpt {
  margin: 4px 0;
  padding: 4px 12px;
  border-left: 3px solid #dfe4ea;
  color: #3d4a5c;
}

.msv-dialog {
  width: min(560px, 100vw - 32px);
  max-height: calc(100vh - 32px);
  padding: 0;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(17, 27, 45, 0.28);
  color: #1c2531;
}
.msv-dialog::backdrop {
  background: rgba(17, 27, 45, 0.45);
}
.msv-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 24px 0;
}
.msv-dialog__head h2 {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  text-shadow: none;
  overflow-wrap: anywhere;
}
.msv-dialog__body {
  padding: 16px 24px 24px;
}
.msv-dialog__subject {
  margin: 0 0 12px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.msv-dialog__subject:empty {
  display: none;
}
.msv-dialog__foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 24px 24px;
}
.msv-dialog .btn {
  min-width: 0;
}
.msv-dialog input[type=checkbox], .msv-dialog input[type=radio] {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin: 0;
}
.msv-dialog--drawer {
  width: min(640px, 100vw - 32px);
  margin-right: 0;
  height: 100vh;
  max-height: 100vh;
  border-radius: 14px 0 0 14px;
}

@media (max-width: 1100px) {
  .msv-tiles--six {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .msv-tiles--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .msv-tiles--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.msv-changes {
  margin: 0 0 16px;
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #e9eef7;
}
.msv-changes__title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
}
.msv-changes__when {
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: #3d4a5c;
}
.msv-changes__line {
  margin: 0;
}
.msv-changes__figures {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.msv-changes__figure {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #fff;
  text-decoration: none;
}
.msv-changes__figure strong {
  font-variant-numeric: tabular-nums;
}
.msv-changes__figure:hover {
  text-decoration: underline;
}
.msv-changes .msv-hint {
  color: #3d4a5c;
}

.msv-filters__new {
  align-self: flex-end;
  min-height: 38px;
}

.msv-mark {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #1c3f75;
  white-space: nowrap;
}

.msv-select-col {
  width: 40px;
  text-align: center;
  vertical-align: top;
}

.msv-findings .msv-select-col .mkt-select, .msv-cc .msv-select-col .mkt-select {
  width: 24px;
  height: 24px;
}

.msv-reason-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 4px 8px;
  margin-top: 8px;
  white-space: normal;
}
.msv-reason-form .msv-label {
  flex: 1 0 100%;
  margin: 0;
}
.msv-reason-form input[type=text] {
  flex: 1 1 140px;
  min-width: 0;
}

.msv-empty__form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.msv-empty__form .msv-error {
  flex: 1 0 100%;
}

@media (max-width: 860px) {
  .msv-grid2, .msv-cards, .msv-vitals {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 1199px) {
  .msv-findings {
    display: block;
  }
  .msv-findings caption, .msv-findings tbody {
    display: block;
  }
  .msv-findings thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .msv-findings tbody tr {
    display: block;
    padding: 12px 0;
    border-top: 1px solid #dfe4ea;
  }
  .msv-findings tbody th, .msv-findings tbody td {
    display: block;
    width: auto;
    min-width: 0;
    padding: 4px 0;
    border: 0;
  }
  .msv-findings .msv-actions--stack {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    white-space: normal;
  }
  .msv-findings .msv-actions--stack .btn {
    display: inline-block;
    width: auto;
    margin: 0;
  }
  .msv-findings .msv-select-col {
    width: auto;
    text-align: left;
  }
}
@media (max-width: 560px) {
  .msv-tiles--four, .msv-tiles--three, .msv-tiles--two {
    grid-template-columns: minmax(0, 1fr);
  }
  .msv-tiles--six {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .msv-panel {
    padding: 12px 16px 16px;
  }
  .msv-picker select {
    min-width: 0;
    width: 100%;
  }
  .msv-picker, .msv-picker__row {
    width: 100%;
  }
}
.mad-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.mad-page h1, .mad-page h2, .mad-page h3, .mad-page h4 {
  text-shadow: none;
  color: #1c2531;
}
.mad-page .btn {
  min-width: 0;
}
.mad-page a {
  color: #1c3f75;
}
.mad-page a:focus-visible, .mad-page button:focus-visible, .mad-page summary:focus-visible, .mad-page input:focus-visible, .mad-page select:focus-visible,
.mad-page textarea:focus-visible, .mad-page [tabindex]:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.mad-page .card, .mad-page .panel {
  height: auto;
  margin-bottom: 0;
}
.mad-page input[type=checkbox], .mad-page input[type=radio] {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin: 0;
  vertical-align: middle;
  accent-color: #1c3f75;
}
.mad-page code {
  color: #3d4a5c;
  background: #f6f8fb;
  border-radius: 4px;
  padding: 0 4px;
  font-size: var(--edc-fs-secondary);
  overflow-wrap: anywhere;
}

.mad-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.mad-head__text {
  min-width: 0;
  flex: 1 1 440px;
}
.mad-head__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.mad-head__sub {
  margin: 0;
  color: #4f5b6b;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  max-width: 72ch;
}
.mad-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 8px;
}

.mad-picker {
  margin: 0;
}
.mad-picker__row {
  display: flex;
  gap: 8px;
}
.mad-picker select {
  min-width: 200px;
}

.mad-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
.mad-subnav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #3d4a5c;
  text-decoration: none;
}
.mad-subnav a:hover {
  background: #eef1f5;
}
.mad-subnav a[aria-current=page] {
  background: #e9eef7;
  color: #1c3f75;
}
.mad-subnav--tabs {
  margin-bottom: 16px;
}

.mad-count {
  display: inline-block;
  min-width: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #dfe4ea;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.mad-label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
}

.mad-optional {
  font-weight: 400;
  color: #4f5b6b;
}

.mad-hint {
  display: block;
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mad-muted {
  color: #4f5b6b;
}

.mad-small {
  font-size: var(--edc-fs-secondary);
}

.mad-nowrap {
  white-space: nowrap;
}

.mad-break {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.mad-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.mad-error {
  color: #a3241a;
  font-weight: 600;
}
.mad-error:empty {
  display: none;
}

.mad-alert:empty {
  display: none;
}

.mad-alert {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #fcecea;
  color: #a3241a;
  font-weight: 600;
}

.mad-section-title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}

.mad-subtitle {
  margin: 16px 0 8px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
}

.mad-link-btn {
  padding: 0;
  border: 0;
  background: none;
  color: #1c3f75;
  font-weight: 600;
  text-decoration: underline;
  min-height: 24px;
}

.mad-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #3d4a5c;
}
.mad-icon-btn:hover {
  background: #eef1f5;
}

.mad-pill {
  display: inline-block;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  vertical-align: middle;
}
.mad-pill--quiet {
  background: #eef1f5;
  color: #3d4a5c;
}
.mad-pill--good {
  background: #e6f4ee;
  color: #0a6b4a;
}

.mad-change {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
}
.mad-change--good {
  color: #0a6b4a;
}
.mad-change--bad {
  color: #a3241a;
}

.mad-note {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin: 12px 0 0;
  color: #4f5b6b;
  font-size: var(--edc-fs-secondary);
}
.mad-note--sample {
  color: #8a4106;
  font-weight: 600;
}

.mad-banner {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  max-width: 96ch;
}
.mad-banner--info {
  background: #e9eef7;
  color: #1c3f75;
}
.mad-banner--bad {
  background: #fcecea;
  color: #a3241a;
}

.mad-honesty {
  margin: 16px 0 0;
  max-width: 80ch;
  color: #3d4a5c;
  font-weight: 600;
}
.mad-honesty--lead {
  margin: 0;
  flex: 1 1 480px;
}

.mad-panel {
  margin: 0 0 24px;
  padding: 16px 24px 24px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}
.mad-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.mad-panel__title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.mad-panel__head .mad-panel__title {
  margin: 0;
}

.mad-subsection {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
}
.mad-subsection p {
  max-width: 80ch;
}

.mad-grid2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.mad-grid2 > .mad-panel {
  margin-bottom: 24px;
}

.mad-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin: 0 0 24px;
}
.mad-tiles--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mad-tiles--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mad-tiles--five {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
.mad-tiles--six {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mad-tile {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}
.mad-tile dt {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.mad-tile dd {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mad-tile__value {
  font-size: var(--edc-fs-display);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.mad-tile__note {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.mad-tile__empty {
  font-weight: 600;
  color: #3d4a5c;
}
.mad-tile__door {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.mad-empty {
  margin: 0 0 24px;
  padding: 32px 24px;
  border: 1px dashed #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
  text-align: center;
}
.mad-empty h2 {
  margin: 8px 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.mad-empty p {
  max-width: 64ch;
  margin: 0 auto 16px;
  color: #4f5b6b;
}
.mad-empty__icon {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  color: #1c3f75;
}

.mad-table-wrap {
  overflow-x: auto;
  max-width: 100%;
}

.mad-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
}
.mad-table caption {
  caption-side: top;
  padding: 0 0 8px;
  color: #3d4a5c;
  font-weight: 600;
  text-align: left;
}
.mad-table th, .mad-table td {
  padding: 8px 12px;
  border-top: 1px solid #dfe4ea;
  vertical-align: top;
  text-align: left;
}
.mad-table thead th {
  border-top: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.mad-table tbody th {
  font-weight: 600;
}
.mad-table .mad-num {
  text-align: right;
}
.mad-table--compact th, .mad-table--compact td {
  padding: 4px 8px;
}

.mad-actions {
  white-space: nowrap;
}
.mad-actions .btn {
  margin: 0 4px 4px 0;
}

.mad-pager {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

.mad-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0 0 16px;
}
.mad-filters .mad-field {
  margin: 0;
  min-width: 160px;
}
.mad-filters select {
  max-width: 280px;
}
.mad-filters--inline {
  margin: 0;
  align-items: center;
}
.mad-filters--inline .mad-label {
  margin: 0;
}

.mad-form {
  margin: 0;
}
.mad-form__actions {
  margin-top: 16px;
}

.mad-field {
  margin: 0 0 16px;
}
.mad-field--grow {
  flex: 1 1 280px;
}
.mad-field--check {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mad-inline-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 16px;
}
.mad-inline-form .mad-field {
  margin: 0;
}
.mad-inline-form .mad-error, .mad-inline-form .mad-hint {
  flex: 1 0 100%;
  margin: 0;
}

.mad-check, .mad-radio {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  margin: 0;
  font-weight: 400;
}

.mad-choice {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
}

.mad-facts {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 8px 24px;
  margin: 0;
}
.mad-facts dt {
  font-weight: 700;
  color: #3d4a5c;
}
.mad-facts dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.mad-listbox {
  position: absolute;
  z-index: 20;
  margin: 4px 0 0;
  padding: 4px;
  min-width: 280px;
  list-style: none;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 27, 45, 0.12);
}
.mad-listbox__option {
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  min-height: 24px;
}
.mad-listbox__option[aria-selected=true], .mad-listbox__option:hover {
  background: #e9eef7;
  color: #1c3f75;
}

.mad-settings .mad-field {
  position: relative;
}

.mad-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.mad-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}
.mad-card__name {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mad-card__text {
  margin: 0;
  color: #4f5b6b;
  font-size: var(--edc-fs-secondary);
}
.mad-card__status {
  margin: 0;
}
.mad-card__error {
  margin: 0;
  color: #a3241a;
  font-size: var(--edc-fs-secondary);
}
.mad-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.mad-status {
  font-weight: 600;
}
.mad-status--good {
  color: #0a6b4a;
}
.mad-status--bad {
  color: #a3241a;
}
.mad-status--quiet {
  color: #3d4a5c;
}

.mad-chart {
  margin: 0 0 8px;
}
.mad-chart__svg {
  display: block;
  width: 100%;
  height: 200px;
}
.mad-chart__axis {
  stroke: #dfe4ea;
  stroke-width: 1;
}
.mad-chart__bar {
  fill: #7d9bc9;
}
.mad-chart__line {
  stroke: #1c2531;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}
.mad-chart__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 8px;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}

.mad-swatch {
  display: inline-block;
  width: 16px;
  height: 10px;
  margin-right: 8px;
  vertical-align: middle;
  border-radius: 2px;
}
.mad-swatch--bar {
  background: #7d9bc9;
}
.mad-swatch--line {
  height: 2px;
  background: #1c2531;
}

.mad-bars {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mad-bars__row {
  display: grid;
  grid-template-columns: 96px minmax(80px, 1fr);
  gap: 4px 12px;
  align-items: center;
  padding: 4px 0;
}
.mad-bars__label {
  font-weight: 600;
}
.mad-bars__track {
  height: 10px;
  border-radius: 999px;
  background: #eef1f5;
  overflow: hidden;
}
.mad-bars__fill {
  display: block;
  height: 100%;
  background: #7d9bc9;
}
.mad-bars__figure {
  grid-column: 2;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mad-dialog {
  width: min(560px, 100vw - 32px);
  max-height: calc(100vh - 32px);
  padding: 0;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(17, 27, 45, 0.28);
  color: #1c2531;
}
.mad-dialog::backdrop {
  background: rgba(17, 27, 45, 0.45);
}
.mad-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 24px 0;
}
.mad-dialog__head h2 {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  text-shadow: none;
  overflow-wrap: anywhere;
}
.mad-dialog__body {
  padding: 16px 24px 24px;
}
.mad-dialog__subject {
  margin: 0 0 12px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.mad-dialog__subject:empty {
  display: none;
}
.mad-dialog__foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 24px 24px;
}
.mad-dialog .btn {
  min-width: 0;
}
.mad-dialog input[type=checkbox], .mad-dialog input[type=radio] {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin: 0;
}
.mad-dialog--drawer {
  width: min(640px, 100vw - 32px);
  margin-right: 0;
  height: 100vh;
  max-height: 100vh;
  border-radius: 14px 0 0 14px;
}

.mad-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  white-space: nowrap;
}
.mad-status-pill--planned {
  background: #eef1f5;
  color: #3d4a5c;
}
.mad-status-pill--booked {
  background: #e9eef7;
  color: #1c3f75;
}
.mad-status-pill--live {
  background: #e6f4ee;
  color: #0a6b4a;
}
.mad-status-pill--ended {
  background: #e9ecf1;
  color: #2f3a49;
}
.mad-status-pill--cancelled {
  background: #fcecea;
  color: #a3241a;
}

.mad-platform-note {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #8a4106;
  font-weight: 600;
}

.mad-flag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #8a4106;
}
.mad-flag i {
  font-size: var(--edc-fs-label);
}

.mad-money {
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 200px;
}
.mad-money__row {
  display: grid;
  grid-template-columns: 56px minmax(32px, 1fr) max-content;
  align-items: center;
  gap: 8px;
  min-height: 20px;
}
.mad-money__word {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
}
.mad-money__track {
  height: 6px;
  border-radius: 999px;
  background: #eef1f5;
  overflow: hidden;
}
.mad-money__fill {
  display: block;
  height: 100%;
  border-radius: 999px;
}
.mad-money__fill--planned {
  background: #8796ab;
}
.mad-money__fill--booked {
  background: #3d5f96;
}
.mad-money__fill--billed {
  background: #1c3f75;
}
.mad-money__figure {
  font-size: var(--edc-fs-secondary);
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.mad-money__reported {
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mad-results {
  font-size: var(--edc-fs-secondary);
}

.mad-ledger th[scope=row] {
  min-width: 220px;
  max-width: 320px;
}
.mad-ledger td {
  min-width: 0;
}
.mad-ledger td:nth-last-child(3) {
  min-width: 200px;
}
.mad-ledger td:nth-last-child(2) {
  min-width: 150px;
}
.mad-ledger__name {
  display: block;
  font-weight: 600;
}
.mad-ledger__meta {
  display: block;
  margin-top: 4px;
  font-weight: 400;
  color: #4f5b6b;
}

.mad-filters .form-control, .mad-filters .form-select {
  min-height: 38px;
}

.mad-select-col {
  width: 40px;
}

.mad-campaign-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  border-radius: 999px;
  background: #e9eef7;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.mad-campaign-chip:hover {
  text-decoration: underline;
}

.mad-placement-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 24px;
}
.mad-placement-head__text {
  flex: 1 1 480px;
  min-width: 0;
}
.mad-placement-head__title {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.mad-placement-head__line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin: 0;
  color: #3d4a5c;
}
.mad-placement-head__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mad-figures {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.mad-figure {
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}
.mad-figure dt {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.mad-figure dd {
  margin: 0;
}
.mad-figure__value {
  display: block;
  font-size: var(--edc-fs-display);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}
.mad-figure__empty {
  display: block;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #3d4a5c;
  line-height: 1.6;
}
.mad-figure__note {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.mad-figure__edit {
  margin-top: 8px;
}
.mad-figure__edit summary {
  cursor: pointer;
  color: #1c3f75;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
  min-height: 24px;
}
.mad-figure__form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-end;
  margin-top: 8px;
}
.mad-figure__form input {
  max-width: 160px;
}

.mad-landing {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: flex-start;
}
.mad-landing__url {
  flex: 1 1 320px;
  min-width: 0;
}
.mad-landing__url code {
  display: block;
  padding: 8px 12px;
}
.mad-landing img {
  width: 128px;
  height: 128px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
}

.mad-files {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
.mad-files__item {
  display: flex;
  gap: 12px;
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}
.mad-files__thumb {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  background: #f6f8fb;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3d4a5c;
}
.mad-files__text {
  min-width: 0;
  flex: 1 1 auto;
}
.mad-files__text p {
  margin: 0 0 4px;
  overflow-wrap: anywhere;
}
.mad-files__alt {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mad-history {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mad-history li {
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
  font-size: var(--edc-fs-secondary);
}
.mad-history li:first-child {
  border-top: 0;
}

.mad-notes {
  white-space: pre-wrap;
  max-width: 80ch;
  margin: 0;
}

.mad-kinds {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}
.mad-kinds legend {
  grid-column: 1/-1;
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
}

.mad-kind {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  min-height: 48px;
  margin: 0;
}
.mad-kind:has(input:checked) {
  border-color: #1c3f75;
  background: #e9eef7;
}
.mad-kind:has(input:focus-visible) {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.mad-kind input {
  margin-top: 2px !important;
}
.mad-kind__label {
  display: block;
  font-weight: 700;
}
.mad-kind__text {
  display: block;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mad-step {
  display: none;
}
.mad-step.is-current {
  display: block;
}

.mad-step-count {
  margin: 0 0 12px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #4f5b6b;
}

.mad-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
}
.mad-fields .mad-field--wide {
  grid-column: 1/-1;
}

.mad-campaign-list {
  margin: 0;
  padding: 4px;
  list-style: none;
  max-height: 280px;
  overflow-y: auto;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}
.mad-campaign-list[aria-busy=true] {
  opacity: 0.7;
}

.mad-campaign-option {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  min-height: 40px;
  align-items: center;
}
.mad-campaign-option[aria-selected=true] {
  background: #e9eef7;
  color: #1c3f75;
  font-weight: 600;
}
.mad-campaign-option:hover:not([aria-disabled=true]) {
  background: #f6f8fb;
}
.mad-campaign-option[aria-disabled=true] {
  color: #4f5b6b;
  cursor: not-allowed;
}
.mad-campaign-option__meta {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
  white-space: nowrap;
}

.mad-dialog--wide {
  width: min(720px, 100vw - 32px);
}

.mad-pace {
  margin: 0 0 8px;
}
.mad-pace__sentence {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
}
.mad-pace__track {
  position: relative;
  height: 12px;
  border-radius: 999px;
  background: #eef1f5;
  overflow: visible;
}
.mad-pace__fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #1c3f75;
  max-width: 100%;
}
.mad-pace__fill--over {
  background: #a3241a;
}
.mad-pace__mark {
  position: absolute;
  top: -4px;
  width: 2px;
  height: 20px;
  background: #1c2531;
}
.mad-pace__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-top: 8px;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}

.mad-months {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mad-months > li {
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.mad-months > li:first-child {
  border-top: 0;
  padding-top: 0;
}
.mad-months h3 {
  margin: 0 0 8px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
}
.mad-months ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mad-months li li {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  padding: 4px 0;
}

.mad-dci {
  margin: 0 0 24px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #f6f8fb;
  color: #3d4a5c;
  max-width: 96ch;
}

@media (max-width: 1100px) {
  .mad-figures {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 860px) {
  .mad-grid2, .mad-cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 560px) {
  .mad-figures, .mad-kinds, .mad-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .mad-panel {
    padding: 12px 16px 16px;
  }
  .mad-tiles--four, .mad-tiles--two {
    grid-template-columns: minmax(0, 1fr);
  }
  .mad-placement-head__actions {
    width: 100%;
  }
}
.mad-doors {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.mad-banner--warn {
  background: #fdf1e3;
  color: #8a4106;
}

.mad-page .btn-outline-danger {
  color: #a3241a;
  border-color: #a3241a;
  background: #fff;
}
.mad-page .btn-outline-danger:hover, .mad-page .btn-outline-danger:focus-visible {
  color: #fff;
  background: #a3241a;
  border-color: #a3241a;
}

.mad-campaign-option.is-active {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}

.mad-campaign-list:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.mad-problems {
  flex: 1 0 100%;
  margin: 8px 0 0;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fdf1e3;
  color: #8a4106;
  font-size: var(--edc-fs-secondary);
}
.mad-problems__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mad-problems__list li {
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.mad-problems__list li + li {
  margin-top: 4px;
}

.mad-ledger .mad-select-col .mkt-select {
  width: 24px;
  height: 24px;
}

.mad-figures--compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mad-figures--compact .mad-figure__value {
  font-size: var(--edc-fs-title);
}

.mad-dialog .btn-danger {
  color: #fff;
  background: #a3241a;
  border-color: #a3241a;
}

.mmr-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.mmr-page h1, .mmr-page h2, .mmr-page h3, .mmr-page h4 {
  text-shadow: none;
  color: #1c2531;
}
.mmr-page .btn {
  min-width: 0;
}
.mmr-page a {
  color: #1c3f75;
}
.mmr-page a:focus-visible, .mmr-page button:focus-visible, .mmr-page summary:focus-visible, .mmr-page input:focus-visible, .mmr-page select:focus-visible,
.mmr-page textarea:focus-visible, .mmr-page [tabindex]:focus-visible, .mmr-page [contenteditable]:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.mmr-page .card, .mmr-page .panel {
  height: auto;
  margin-bottom: 0;
}
.mmr-page input[type=checkbox], .mmr-page input[type=radio] {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin: 0;
  vertical-align: middle;
  accent-color: #1c3f75;
}
.mmr-page--narrow {
  max-width: 820px;
}
.mmr-page--editor {
  max-width: 900px;
}

.mmr-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.mmr-head__text {
  min-width: 0;
  flex: 1 1 420px;
}
.mmr-head__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.mmr-head__title--record {
  font-size: var(--edc-fs-display);
}
.mmr-head__sub {
  margin: 0;
  color: #4f5b6b;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  max-width: 72ch;
}
.mmr-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.mmr-eyebrow {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.mmr-eyebrow a {
  color: #4f5b6b;
  text-decoration: none;
}
.mmr-eyebrow a:hover {
  text-decoration: underline;
}

.mmr-figures {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 24px;
}

.mmr-figure {
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.mmr-figure dt {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.mmr-figure dd {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
}
.mmr-figure__value {
  font-size: var(--edc-fs-display);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.mmr-figure__note {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mmr-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
.mmr-subnav a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #3d4a5c;
  text-decoration: none;
}
.mmr-subnav a:hover {
  background: #eef1f5;
}
.mmr-subnav a[aria-current=page] {
  background: #e9eef7;
  color: #1c3f75;
}

.mmr-label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
}

.mmr-optional {
  font-weight: 400;
  color: #4f5b6b;
}

.mmr-hint {
  display: block;
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mmr-muted {
  color: #4f5b6b;
}

.mmr-nowrap {
  white-space: nowrap;
}

.mmr-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.mmr-error {
  display: block;
  margin: 12px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #a3241a;
  font-weight: 600;
}
.mmr-error:empty {
  display: none;
}

.mmr-ok {
  margin: 0;
  color: #0a7a54;
  font-weight: 600;
}

.mmr-saved {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.mmr-saved:empty {
  display: none;
}

.mmr-danger {
  color: #a3241a !important;
}

.mmr-alert:empty {
  display: none;
}
.mmr-alert {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #fcecea;
  color: #a3241a;
  font-weight: 600;
}

.mmr-note {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #e9eef7;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
}
.mmr-note i {
  margin-top: 3px;
  color: #1c3f75;
}
.mmr-note ul {
  margin: 4px 0 0;
  padding-left: 20px;
}
.mmr-note--warn {
  background: #fdf1e3;
}
.mmr-note--warn i {
  color: #8a4106;
}

.mmr-cite {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.mmr-out {
  font-size: 0.8em;
  margin-left: 2px;
}

.mmr-status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  white-space: nowrap;
}
.mmr-status--quiet {
  background: #eef1f5;
  color: #3d4a5c;
}
.mmr-status--warn {
  background: #fdf1e3;
  color: #8a4106;
}
.mmr-status--good {
  background: #e6f4ee;
  color: #0a7a54;
}
.mmr-status--accent {
  background: #e9eef7;
  color: #1c3f75;
}

.mmr-dnp {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 999px;
  background: #fcecea;
  color: #a3241a;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  white-space: nowrap;
  vertical-align: middle;
}

.mmr-campaign {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}

.mmr-swatch {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  display: inline-block;
}

.mmr-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0 0 16px;
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}

.mmr-filters .form-control, .mmr-filters .form-select, .mmr-dialog .form-control, .mmr-dialog .form-select, .mmr-form .form-control, .mmr-form .form-select, .mmr-editor .form-control, .mmr-editor .form-select {
  min-height: 40px;
  font-size: var(--edc-fs-body);
}
.mmr-filters .form-control-sm, .mmr-filters .form-select-sm, .mmr-dialog .form-control-sm, .mmr-dialog .form-select-sm, .mmr-form .form-control-sm, .mmr-form .form-select-sm, .mmr-editor .form-control-sm, .mmr-editor .form-select-sm {
  min-height: 32px;
  font-size: var(--edc-fs-secondary);
}
.mmr-filters textarea.form-control, .mmr-dialog textarea.form-control, .mmr-form textarea.form-control, .mmr-editor textarea.form-control {
  min-height: 0;
}

.mmr-filter {
  flex: 0 1 180px;
  min-width: 0;
}
.mmr-filter--grow {
  flex: 1 1 240px;
}
.mmr-filter--checks {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding-bottom: 6px;
}
.mmr-filter--acts {
  flex: 0 0 auto;
}

.mmr-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-body);
  cursor: pointer;
}
.mmr-check--off {
  cursor: default;
  color: #4f5b6b;
}

.mmr-tab-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px;
}
.mmr-tab-head p {
  margin: 0;
}

.mmr-table-wrap {
  overflow-x: auto;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}

.mmr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
}
.mmr-table th, .mmr-table td {
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #dfe4ea;
}
.mmr-table thead th {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
  background: #f6f8fb;
  white-space: nowrap;
}
.mmr-table tbody tr:last-child th, .mmr-table tbody tr:last-child td {
  border-bottom: 0;
}
.mmr-table tbody th {
  font-weight: 600;
  min-width: 160px;
}
.mmr-table__name a {
  font-weight: 700;
}
.mmr-table__sub {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: #4f5b6b;
}
.mmr-table__acts {
  text-align: right;
  white-space: nowrap;
}

.mmr-pager {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 24px 0 0;
}

.mmr-empty {
  padding: 32px 24px;
  border: 1px dashed #dfe4ea;
  border-radius: 12px;
  background: #fff;
  text-align: center;
}
.mmr-empty p {
  margin: 0 auto;
  max-width: 60ch;
}
.mmr-empty__acts {
  margin-top: 16px;
}

.mmr-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mmr-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.mmr-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.mmr-card__date {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.mmr-card__title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.mmr-card__title a {
  text-decoration: none;
}
.mmr-card__title a:hover {
  text-decoration: underline;
}
.mmr-card__sub {
  margin: 0;
  color: #4f5b6b;
}
.mmr-card__facts {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}
.mmr-card__facts i {
  width: 16px;
  color: #4f5b6b;
}

.mmr-month {
  margin: 0 0 24px;
}
.mmr-month__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.mmr-stories {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mmr-story {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.mmr-story__pick {
  margin-top: 2px !important;
}
.mmr-story__main {
  flex: 1 1 auto;
  min-width: 0;
}
.mmr-story__headline {
  margin: 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.mmr-story__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.mmr-story__meta > span + span::before {
  content: "·";
  margin-right: 8px;
  color: #4f5b6b;
}
.mmr-story__reach {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}
.mmr-story__acts {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

.mmr-bulk {
  position: sticky;
  top: 8px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 16px;
  padding: 8px 16px;
  border-radius: 12px;
  background: #e9eef7;
}
.mmr-bulk .mmr-label {
  margin: 0;
}
.mmr-bulk .form-select {
  width: auto;
}
.mmr-bulk__count {
  margin: 0;
  font-weight: 700;
}
.mmr-bulk[hidden] {
  display: none;
}

.mmr-split {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 24px;
  align-items: start;
}
.mmr-split--release {
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}
.mmr-split__left, .mmr-split__right {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.mmr-panel {
  padding: 16px 24px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.mmr-panel > p:last-child, .mmr-panel > ul:last-child {
  margin-bottom: 0;
}
.mmr-panel__title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.mmr-facts {
  margin: 0;
}
.mmr-facts > div {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #dfe4ea;
}
.mmr-facts > div:last-child {
  border-bottom: 0;
}
.mmr-facts dt {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
}
.mmr-facts dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.mmr-form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.mmr-field {
  margin: 0 0 16px;
  min-width: 0;
}
.mmr-field:last-child {
  margin-bottom: 0;
}
.mmr-field--check {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mmr-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
}
.mmr-grid-2 .mmr-field:last-child {
  margin-bottom: 16px;
}

.mmr-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 16px;
}
.mmr-grid-3 .mmr-field:last-child {
  margin-bottom: 16px;
}

.mmr-rows {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}
.mmr-rows li {
  padding: 8px 0;
  border-bottom: 1px solid #dfe4ea;
}
.mmr-rows li:last-child {
  border-bottom: 0;
}

.mmr-timeline {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mmr-timeline li {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #dfe4ea;
}
.mmr-timeline li:last-child {
  border-bottom: 0;
}
.mmr-timeline__day {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
  font-variant-numeric: tabular-nums;
}

.mmr-messages {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mmr-message {
  padding: 12px 16px;
  border-radius: 8px;
  background: #f6f8fb;
}
.mmr-message__title {
  margin: 0 0 4px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
}
.mmr-message__text {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-body) * 16 / 14);
  line-height: 1.5;
  white-space: pre-line;
}

.mmr-band {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin: 0 0 24px;
  padding: 12px 16px;
  border-radius: 12px;
  background: #f6f8fb;
  border: 1px solid #dfe4ea;
}
.mmr-band__status {
  margin: 0;
}
.mmr-band__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}
.mmr-band__facts > li + li::before {
  content: "·";
  margin-right: 8px;
  color: #4f5b6b;
}
.mmr-band__why {
  flex: 1 1 100%;
  font-size: var(--edc-fs-secondary);
  color: #8a4106;
}

.mmr-paper {
  padding: 32px 40px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(var(--edc-fs-body) * 16 / 14);
  line-height: 1.6;
}
.mmr-paper h1, .mmr-paper h2.pr-title {
  margin: 8px 0 8px;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  line-height: 1.25;
  font-weight: 700;
}
.mmr-paper h2 {
  margin: 24px 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}
.mmr-paper h3 {
  margin: 16px 0 8px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
}
.mmr-paper .pr-embargo {
  margin: 0;
  font-family: inherit;
  color: #a3241a;
  font-size: var(--edc-fs-secondary);
}
.mmr-paper .pr-for-release {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #4f5b6b;
  font-family: system-ui, sans-serif;
}
.mmr-paper .pr-subtitle {
  margin: 0 0 16px;
  font-style: italic;
  color: #3d4a5c;
}
.mmr-paper .pr-quote {
  margin: 16px 24px;
  font-style: italic;
}
.mmr-paper .pr-quote cite {
  display: block;
  margin-top: 4px;
  font-style: normal;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}
.mmr-paper .pr-figure img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.mmr-paper .pr-end {
  text-align: center;
  margin: 32px 0 0;
  letter-spacing: 0.3em;
}

.mmr-wire {
  margin: 8px 0 0;
}

.mmr-editor {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mmr-editor__fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.mmr-editor__body {
  min-height: 240px;
}
.mmr-editor__bar {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 -4px 16px rgba(17, 27, 45, 0.08);
}

.mmr-input--lg {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.mmr-subfields {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.mmr-subfields legend {
  float: none;
}

.mmr-quotes {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mmr-quote {
  padding: 16px;
  border-radius: 8px;
  background: #f6f8fb;
  border: 1px solid #dfe4ea;
}
.mmr-quote__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.mmr-quote__state {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
}
.mmr-quote__state--pending {
  color: #8a4106;
}
.mmr-quote__state--approved {
  color: #0a7a54;
}
.mmr-quote__state--declined {
  color: #a3241a;
}
.mmr-quote__approve summary {
  cursor: pointer;
  color: #1c3f75;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
}
.mmr-quote__approve .mmr-row {
  margin-top: 8px;
}
.mmr-quote__approve .mmr-row .mmr-label {
  margin: 0;
}
.mmr-quote__approve .mmr-row .form-select {
  width: auto;
}

.mmr-problems ul {
  margin: 0;
  padding-left: 20px;
}

.mmr-preview {
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.mmr-preview > summary {
  padding: 12px 16px;
  cursor: pointer;
  font-weight: 700;
}
.mmr-preview__frame {
  display: block;
  width: 100%;
  height: 720px;
  border: 0;
  border-top: 1px solid #dfe4ea;
  border-radius: 0 0 12px 12px;
  background: #fff;
}
.mmr-preview > p {
  margin: 0;
  padding: 0 16px 16px;
}

.mmr-more {
  margin: 8px 0 0;
}
.mmr-more > summary {
  cursor: pointer;
  font-weight: 600;
  color: #1c3f75;
  margin-bottom: 8px;
}

.mmr-dialog {
  width: min(560px, 100vw - 32px);
  max-height: calc(100vh - 32px);
  padding: 0;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(17, 27, 45, 0.28);
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.mmr-dialog--wide {
  width: min(880px, 100vw - 32px);
}
.mmr-dialog::backdrop {
  background: rgba(17, 27, 45, 0.45);
}
.mmr-dialog__form {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 32px);
}
.mmr-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 24px 0;
}
.mmr-dialog__title {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  text-shadow: none;
  color: #1c2531;
  overflow-wrap: anywhere;
}
.mmr-dialog__body {
  padding: 16px 24px 24px;
  overflow-y: auto;
}
.mmr-dialog__foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 24px 24px;
  border-top: 1px solid #dfe4ea;
}
.mmr-dialog .btn {
  min-width: 0;
}
.mmr-dialog input[type=checkbox], .mmr-dialog input[type=radio] {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin: 0;
  accent-color: #1c3f75;
}
.mmr-dialog .bootstrap-select {
  width: 100% !important;
}
.mmr-dialog .bootstrap-select .dropdown-menu {
  max-width: 100%;
}

.mmr-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #3d4a5c;
}
.mmr-icon-btn:hover {
  background: #eef1f5;
}

.mmr-to {
  margin: 0 0 16px;
}
.mmr-to .mmr-label {
  display: inline;
  margin-right: 8px;
}

.mmr-done {
  margin: 0 0 16px;
  font-weight: 600;
}

.mmr-copyline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.mmr-copyline code {
  padding: 4px 8px;
  border-radius: 6px;
  background: #f6f8fb;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  overflow-wrap: anywhere;
}

.mmr-copybox {
  max-height: 200px;
  overflow: auto;
  margin: 0 0 8px;
  padding: 12px;
  border-radius: 8px;
  background: #f6f8fb;
  white-space: pre-wrap;
  font-family: inherit;
  font-size: var(--edc-fs-secondary);
}

.mmr-ranked {
  margin: 0 0 16px;
  padding: 16px 16px 0;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
}
.mmr-ranked legend {
  float: none;
  width: auto;
  padding: 0 4px;
}
.mmr-ranked[hidden] {
  display: none;
}

.mmr-choices {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
}

.mmr-dist-part {
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  min-width: 0;
}
.mmr-dist-part:last-of-type {
  margin-bottom: 0;
}

.mmr-dist-part > .mmr-hint {
  margin: 0 0 12px;
}

.mmr-dist-part__title {
  float: none;
  width: auto;
  margin: 0 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.mmr-dist-tools {
  margin: 12px 0 8px;
}
.mmr-dist-tools .form-control {
  flex: 1 1 200px;
  width: auto;
}
.mmr-dist-tools .mmr-label {
  margin: 0;
}

.mmr-checklist {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.mmr-checklist ul {
  max-height: 280px;
  overflow-y: auto;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
}
.mmr-checklist li {
  padding: 8px 12px;
  border-bottom: 1px solid #dfe4ea;
}
.mmr-checklist li:last-child {
  border-bottom: 0;
}
.mmr-checklist li[hidden] {
  display: none;
}
.mmr-checklist .mmr-check {
  width: 100%;
  align-items: flex-start;
}

.mmr-dist-why {
  margin-left: auto;
  padding-left: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #a3241a;
  white-space: nowrap;
}

.mmr-dist-why--recent {
  color: #8a4106;
}

.mmr-dist-recent {
  display: flex;
  gap: 8px;
  align-items: baseline;
  color: #8a4106;
  font-weight: 600;
}
.mmr-dist-recent i {
  color: #8a4106;
}

.mmr-warnings {
  margin-top: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #fdf1e3;
  color: #8a4106;
}
.mmr-warnings__title {
  margin: 0 0 4px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #8a4106;
  text-shadow: none;
}
.mmr-warnings ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mmr-warnings li {
  display: flex;
  gap: 8px;
  align-items: baseline;
  font-size: var(--edc-fs-secondary);
  overflow-wrap: anywhere;
}
.mmr-warnings li + li {
  margin-top: 4px;
}

.mmr-start-from {
  margin: 0 0 16px;
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #fff;
}
.mmr-start-from .mmr-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.mmr-start-from select {
  flex: 1 1 280px;
  min-width: 0;
}

.mmr-removed-door {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
}
.mmr-removed-door a {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 24px;
}

.mmr-note--gone {
  flex-wrap: wrap;
}
.mmr-note--gone a {
  font-weight: 600;
}

.mmr-count {
  margin: 8px 0 0;
  font-weight: 600;
}

@media (max-width: 992px) {
  .mmr-split, .mmr-split--release {
    grid-template-columns: minmax(0, 1fr);
  }
  .mmr-paper {
    padding: 24px;
  }
  .mmr-preview__frame {
    height: 560px;
  }
}
@media (max-width: 640px) {
  .mmr-figures {
    grid-template-columns: minmax(0, 1fr);
  }
  .mmr-grid-2, .mmr-grid-3 {
    grid-template-columns: minmax(0, 1fr);
  }
  .mmr-head__actions {
    justify-content: flex-start;
  }
  .mmr-filter {
    flex: 1 1 100%;
  }
  .mmr-cards {
    grid-template-columns: minmax(0, 1fr);
  }
  .mmr-story {
    flex-wrap: wrap;
  }
  .mmr-story__acts {
    flex: 1 1 100%;
    justify-content: flex-start;
  }
  .mmr-panel {
    padding: 16px;
  }
  .mmr-paper {
    padding: 16px;
  }
  .mmr-timeline li {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .mmr-dist-why {
    white-space: normal;
  }
  .mmr-table-wrap {
    border-radius: 8px;
    overflow-x: visible;
  }
  .mmr-table--stack thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }
  .mmr-table--stack tr {
    display: block;
    padding: 12px 16px;
    border-bottom: 1px solid #dfe4ea;
  }
  .mmr-table--stack tbody tr:last-child {
    border-bottom: 0;
  }
  .mmr-table--stack th, .mmr-table--stack td {
    display: block;
    padding: 2px 0;
    border: 0;
    min-width: 0;
    text-align: left;
  }
  .mmr-table--stack td[data-label]::before {
    content: attr(data-label) ": ";
    font-weight: 700;
    color: #3d4a5c;
  }
  .mmr-table--stack .mmr-table__acts {
    text-align: left;
    padding-top: 8px;
  }
  .mmr-table--stack .mmr-nowrap {
    white-space: normal;
  }
  .mmr-subnav {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0 16px 4px;
  }
  .mmr-subnav a {
    white-space: nowrap;
  }
  .mmr-figures {
    gap: 8px;
  }
  .mmr-figure {
    padding: 8px 12px;
  }
}
.aml-page {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.aml-page h1, .aml-page h2, .aml-page h3, .aml-page h4 {
  text-shadow: none;
  color: #1c2531;
}
.aml-page .btn {
  min-width: 0;
}
.aml-page a {
  color: #1c3f75;
}
.aml-page a:focus-visible, .aml-page button:focus-visible, .aml-page summary:focus-visible, .aml-page input:focus-visible, .aml-page select:focus-visible,
.aml-page textarea:focus-visible, .aml-page [tabindex]:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.aml-page .card, .aml-page .panel {
  height: auto;
  margin-bottom: 0;
}
.aml-page input[type=checkbox], .aml-page input[type=radio] {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin: 0;
  vertical-align: middle;
  accent-color: #1c3f75;
}

.aml-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.aml-head__text {
  min-width: 0;
  flex: 1 1 440px;
}
.aml-head__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.aml-head__sub {
  margin: 0;
  color: #4f5b6b;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  max-width: 72ch;
}
.aml-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 8px;
}

.aml-subnav, .aml-tabs, .aml-filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
.aml-subnav a, .aml-tabs a, .aml-filter-pills a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #3d4a5c;
  text-decoration: none;
}
.aml-subnav a:hover, .aml-tabs a:hover, .aml-filter-pills a:hover {
  background: #eef1f5;
}
.aml-subnav a[aria-current=page], .aml-tabs a[aria-current=page], .aml-filter-pills a[aria-current=page] {
  background: #e9eef7;
  color: #1c3f75;
}

.aml-tabs {
  margin-bottom: 16px;
}

.aml-filter-pills {
  align-items: center;
  margin-bottom: 16px;
}
.aml-filter-pills__year {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  font-size: var(--edc-fs-secondary);
}

.aml-readonly {
  margin: -8px 0 16px;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
}

.aml-perm-note {
  margin: 0 0 12px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #eef1f5;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
  max-width: 96ch;
}

.aml-hint + .aml-perm-note {
  margin-top: 12px;
}

.aml-label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
}

.aml-optional {
  font-weight: 400;
  color: #4f5b6b;
}

.aml-hint {
  display: block;
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.aml-muted {
  color: #4f5b6b;
}

.aml-nowrap {
  white-space: nowrap;
}

.aml-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

.aml-code {
  display: inline-block;
  margin-left: 4px;
  padding: 0 6px;
  border-radius: 4px;
  background: #f6f8fb;
  color: #3d4a5c;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.aml-est {
  font-size: var(--edc-fs-label);
  color: #4f5b6b;
  font-weight: 600;
}

.aml-sample {
  display: inline-block;
  padding: 0 8px;
  border-radius: 999px;
  background: #fdf1e3;
  color: #8a4106;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.aml-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 999px;
  background: #e9eef7;
  color: #1c3f75;
  font-size: var(--edc-fs-label);
  font-weight: 600;
}

.aml-error {
  color: #a3241a;
  font-weight: 600;
  margin: 8px 0 0;
}
.aml-error:empty {
  display: none;
}

.aml-alert:empty {
  display: none;
}

.aml-alert {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #fcecea;
  color: #a3241a;
  font-weight: 600;
}

.aml-flash {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  font-weight: 600;
  max-width: 96ch;
}
.aml-flash--ok {
  background: #e6f4ee;
  color: #0a6b4a;
}
.aml-flash--bad {
  background: #fcecea;
  color: #a3241a;
}

.aml-state {
  margin: 8px 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #f6f8fb;
  color: #3d4a5c;
  max-width: 80ch;
}
.aml-state i {
  margin-right: 4px;
  color: #1c3f75;
}

.aml-method {
  margin: 0 0 12px;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
}

.aml-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #3d4a5c;
  text-decoration: none;
}
.aml-icon-btn:hover {
  background: #eef1f5;
}

.aml-link-danger {
  color: #a3241a !important;
  padding: 0;
  min-height: 32px;
  font-weight: 600;
}

.aml-danger-row {
  margin: 24px 0 0;
}

.aml-page .btn-outline-danger, .aml-dialog .btn-outline-danger {
  color: #a3241a;
  border-color: #a3241a;
}
.aml-page .btn-outline-danger:hover, .aml-page .btn-outline-danger:focus-visible, .aml-dialog .btn-outline-danger:hover, .aml-dialog .btn-outline-danger:focus-visible {
  color: #fff;
  background: #a3241a;
  border-color: #a3241a;
}

.aml-empty-line {
  margin: 0;
  color: #3d4a5c;
}

.aml-plain {
  margin: 0;
  padding: 0;
  list-style: none;
}
.aml-plain > li {
  padding: 4px 0;
}

.aml-sub {
  margin: 24px 0 8px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
}

.aml-details {
  margin: 12px 0 0;
}
.aml-details summary {
  cursor: pointer;
  min-height: 32px;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #3d4a5c;
}

.aml-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  white-space: nowrap;
  line-height: 1.8;
}
.aml-pill--planned {
  background: #eef1f5;
  color: #3d4a5c;
}
.aml-pill--confirmed {
  background: #e9eef7;
  color: #1c3f75;
}
.aml-pill--live {
  background: #e6f4ee;
  color: #0a6b4a;
}
.aml-pill--done {
  background: #e9ecf1;
  color: #2f3a49;
}
.aml-pill--cancelled {
  background: #fcecea;
  color: #a3241a;
}
.aml-pill--lead-new {
  background: #fdf1e3;
  color: #8a4106;
}
.aml-pill--lead-matched, .aml-pill--lead-created {
  background: #e6f4ee;
  color: #0a6b4a;
}
.aml-pill--lead-merged, .aml-pill--lead-dismissed {
  background: #eef1f5;
  color: #3d4a5c;
}

.aml-panel {
  margin: 0 0 24px;
  padding: 16px 24px 24px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}
.aml-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.aml-panel__title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.aml-panel__head .aml-panel__title {
  margin: 0;
}

.aml-split {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 24px;
  align-items: start;
}
.aml-split > .aml-panel {
  margin-bottom: 0;
}
.aml-split--wide-left {
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}

.aml-empty {
  margin: 0 0 24px;
  padding: 32px 24px;
  border: 1px dashed #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
  text-align: center;
}
.aml-empty h2 {
  margin: 8px 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
}
.aml-empty p {
  max-width: 64ch;
  margin: 0 auto 16px;
  color: #4f5b6b;
}
.aml-empty__icon {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  color: #1c3f75;
}

.aml-statusline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
  margin: 0 0 16px;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
}
.aml-statusline .btn-link {
  padding: 0;
  min-height: 24px;
}

.aml-facts {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 8px 24px;
  margin: 0;
}
.aml-facts > div {
  display: contents;
}
.aml-facts dt {
  font-weight: 700;
  color: #3d4a5c;
}
.aml-facts dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.aml-table-wrap {
  overflow-x: auto;
  max-width: 100%;
  position: relative;
}

.aml-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
}
.aml-table th, .aml-table td {
  padding: 8px 12px;
  border-top: 1px solid #dfe4ea;
  vertical-align: middle;
  text-align: left;
}
.aml-table thead th {
  border-top: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #3d4a5c;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.aml-table tbody th {
  font-weight: 600;
  min-width: 14ch;
}
.aml-table tfoot th, .aml-table tfoot td {
  border-top: 2px solid #dfe4ea;
}
.aml-table .aml-num {
  text-align: right;
}
.aml-table .form-select-sm {
  min-width: 140px;
}

.aml-cell-note {
  display: block;
  margin-top: 2px;
  font-weight: 400;
  color: #4f5b6b;
}

.aml-notes {
  min-width: 22ch;
  max-width: 36ch;
  overflow-wrap: break-word;
}

.aml-table--outreach {
  min-width: 980px;
}

.aml-table--fit thead th {
  white-space: normal;
}

.aml-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0 0 16px;
}
.aml-filters .aml-field {
  margin: 0;
  min-width: 180px;
}
.aml-filters select {
  max-width: 280px;
}

.aml-field {
  margin: 0 0 16px;
  min-width: 0;
}

fieldset.aml-field {
  border: 0;
  padding: 0;
}
fieldset.aml-field legend {
  float: none;
  width: auto;
}

.aml-check {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  margin: 0;
  font-weight: 400;
}

.aml-inline-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 16px;
}
.aml-inline-form .aml-label {
  flex: 1 0 100%;
  margin: 0;
}
.aml-inline-form select, .aml-inline-form input[type=file] {
  max-width: 360px;
}
.aml-inline-form .aml-error {
  flex: 1 0 100%;
  margin: 0;
}

.aml-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
}

.aml-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 16px;
}

.aml-money {
  display: flex;
  align-items: center;
  gap: 4px;
}
.aml-money span {
  color: #4f5b6b;
  font-weight: 600;
}

.aml-team-pick {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 0 12px;
  max-height: 180px;
  overflow-y: auto;
  padding: 4px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
}

.aml-share {
  margin: 0 0 16px;
}
.aml-share__row {
  display: flex;
  gap: 8px;
}
.aml-share__row input {
  max-width: 120px;
}

.aml-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px;
}

.aml-view-switch {
  display: inline-flex;
  gap: 4px;
}

.aml-funnel {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.aml-funnel__step {
  padding: 4px 12px;
  border-radius: 999px;
  background: #f6f8fb;
  border: 1px solid #dfe4ea;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}
.aml-funnel__step strong {
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}

.aml-targets, .aml-stops {
  margin: 0;
  padding: 0;
  list-style: none;
}

.aml-target, .aml-stop {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.aml-target:first-child, .aml-stop:first-child {
  border-top: 0;
  padding-top: 0;
}
.aml-target[draggable=true], .aml-stop[draggable=true] {
  cursor: grab;
}
.aml-target.is-dragging, .aml-stop.is-dragging {
  opacity: 0.5;
}
.aml-target.is-drop-target, .aml-stop.is-drop-target {
  box-shadow: inset 0 2px 0 #1c3f75;
}

.aml-target {
  flex-direction: column;
  gap: 8px;
}
.aml-target__main {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.aml-target__label {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
}
.aml-target__why {
  margin: 0 0 4px;
  color: #3d4a5c;
}
.aml-target__source {
  margin: 0;
  font-size: var(--edc-fs-secondary);
}
.aml-target__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}
.aml-target--off .aml-target__label {
  color: #4f5b6b;
}

.aml-grip {
  color: #4f5b6b;
}

.aml-evidence {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
  max-width: 72ch;
}

.aml-peers {
  margin: 0;
  padding: 0;
  list-style: none;
}
.aml-peers > li {
  padding: 4px 0;
}

.aml-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.aml-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.aml-card__title {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.aml-card__meta, .aml-card__targets {
  margin: 0;
  color: #4f5b6b;
  font-size: var(--edc-fs-secondary);
}
.aml-card__funnel {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
  font-weight: 600;
}
.aml-card .btn {
  margin-top: auto;
}

.aml-board {
  min-width: 0;
  overflow-x: auto;
}
.aml-board #kanban_container {
  min-height: 360px;
}

.aml-show-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.aml-show {
  padding: 12px 0;
  border-top: 1px solid #dfe4ea;
}
.aml-show:first-child {
  border-top: 0;
  padding-top: 0;
}
.aml-show__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.aml-show__name {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.aml-show__meta, .aml-show__team {
  margin: 4px 0 0;
  color: #4f5b6b;
  font-size: var(--edc-fs-secondary);
}
.aml-show__figures {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}

.aml-month {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: var(--edc-fs-label);
}
.aml-month th {
  padding: 4px;
  color: #4f5b6b;
  font-weight: 700;
  text-align: center;
}
.aml-month th abbr {
  text-decoration: none;
}
.aml-month td {
  height: 56px;
  padding: 4px;
  border: 1px solid #dfe4ea;
  vertical-align: top;
  overflow: hidden;
}
.aml-month__day {
  display: block;
  color: #3d4a5c;
  font-weight: 600;
}
.aml-month__show {
  display: block;
  margin-top: 2px;
  padding: 0 4px;
  border-radius: 4px;
  background: #e9eef7;
  color: #1c3f75;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aml-month__today .aml-month__day {
  color: #1c3f75;
  text-decoration: underline;
}

.aml-cal-list {
  margin-top: 12px;
  font-size: var(--edc-fs-secondary);
}

.aml-costs-words {
  margin: 0 0 12px;
  font-weight: 700;
}
.aml-costs-words--over {
  color: #a3241a;
}

.aml-funnel-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
.aml-funnel-steps li {
  padding: 8px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #f6f8fb;
  font-size: var(--edc-fs-secondary);
}
.aml-funnel-steps li strong {
  display: block;
  font-size: var(--edc-fs-title);
  font-variant-numeric: tabular-nums;
}

.aml-debrief {
  min-height: 240px;
}

.aml-prose {
  max-width: 80ch;
}

.aml-lead-rows {
  margin: 0;
  padding: 0;
  list-style: none;
}
.aml-lead-rows li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.aml-lead-rows li:first-child {
  border-top: 0;
}

.aml-files > li, .aml-tasks > li, .aml-partners > li {
  padding: 6px 0;
}

.aml-queue {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.aml-lead {
  padding: 16px 24px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.aml-lead__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.aml-lead__name {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.aml-lead__body {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-top: 8px;
}
.aml-lead__facts {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 4px 16px;
  margin: 0;
}
.aml-lead__facts > div {
  display: contents;
}
.aml-lead__facts dt {
  font-weight: 700;
  color: #3d4a5c;
  font-size: var(--edc-fs-secondary);
}
.aml-lead__facts dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.aml-lead__photo img {
  width: 120px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dfe4ea;
}
.aml-lead__when {
  margin: 8px 0 0;
  color: #4f5b6b;
  font-size: var(--edc-fs-secondary);
}
.aml-lead__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.aml-how {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  border-radius: 999px;
  background: #eef1f5;
  color: #3d4a5c;
  font-size: var(--edc-fs-label);
  font-weight: 700;
}

.aml-engine {
  margin: 8px 0 0;
  padding: 8px 12px;
  border-radius: 8px;
  background: #e9eef7;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  max-width: 96ch;
}
.aml-engine--projects {
  background: #f6f8fb;
  color: #3d4a5c;
}

.aml-dup {
  margin: 8px 0 0;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fdf1e3;
  color: #8a4106;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.aml-made {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
}

.aml-bulk {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #e9eef7;
  color: #1c3f75;
  font-weight: 600;
}
.aml-bulk[hidden] {
  display: none;
}

.aml-stop__num {
  flex: 0 0 32px;
  height: 32px;
  border-radius: 50%;
  background: #1c3f75;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.aml-stop__main {
  flex: 1 1 0;
  min-width: 0;
}
.aml-stop__name {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.aml-stop__kind {
  font-weight: 400;
  font-size: var(--edc-fs-secondary);
}
.aml-stop__when, .aml-stop__hosts, .aml-stop__nomap, .aml-stop__notes {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #3d4a5c;
}
.aml-stop {
  flex-wrap: wrap;
}
.aml-stop__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  flex: 1 0 100%;
  padding-left: 44px;
}

.aml-copies {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
.aml-copies li {
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}
.aml-copies h3 {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
}
.aml-copies p {
  margin: 0 0 12px;
  color: #3d4a5c;
}

.aml-dialog {
  width: min(560px, 100vw - 32px);
  max-height: calc(100vh - 32px);
  padding: 0;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(17, 27, 45, 0.28);
  color: #1c2531;
}
.aml-dialog::backdrop {
  background: rgba(17, 27, 45, 0.45);
}
.aml-dialog--wide {
  width: min(720px, 100vw - 32px);
}
.aml-dialog__form {
  margin: 0;
}
.aml-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 24px 0;
}
.aml-dialog__title {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  text-shadow: none;
  overflow-wrap: anywhere;
}
.aml-dialog__body {
  padding: 16px 24px 8px;
}
.aml-dialog__foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 8px 24px 24px;
}
.aml-dialog .btn {
  min-width: 0;
}
.aml-dialog .bootstrap-select {
  width: 100% !important;
}
.aml-dialog input[type=checkbox], .aml-dialog input[type=radio] {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin: 0;
  accent-color: #1c3f75;
}

.aml-head__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 8px;
}

.aml-warnings {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}
.aml-warnings .mkt-warn {
  margin: 0;
  max-width: 96ch;
}

.aml-cell-warn {
  display: inline-flex;
  margin-top: 4px;
  white-space: normal;
}

.aml-planned {
  color: #8a4106;
}

.aml-queue-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0 0 8px;
}
.aml-queue-head .aml-hint {
  margin: 0;
}

.aml-select-all {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.aml-menu {
  position: relative;
  display: inline-block;
}
.aml-menu > summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  cursor: pointer;
}
.aml-menu > summary::-webkit-details-marker {
  display: none;
}
.aml-menu > summary i {
  font-size: var(--edc-fs-secondary);
}
.aml-menu__list {
  position: absolute;
  z-index: 6;
  top: calc(100% + 4px);
  left: 0;
  display: flex;
  flex-direction: column;
  min-width: 180px;
  padding: 4px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(17, 27, 45, 0.18);
}
.aml-menu__item {
  min-height: 36px;
  padding: 6px 12px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: #1c2531;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.aml-menu__item:hover, .aml-menu__item:focus-visible {
  background: #e9eef7;
  color: #1c3f75;
}

.aml-dup-what {
  margin: 0 0 8px;
  overflow-wrap: anywhere;
}

.aml-dup-list {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.aml-dup-list li {
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.aml-dup-list .fa-check {
  color: #0a6b4a;
}
.aml-dup-list .fa-xmark {
  color: #4f5b6b;
}

@media (max-width: 1199px) {
  .aml-split, .aml-split--wide-left {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 600px) {
  .aml-grid-2, .aml-grid-3, .aml-copies {
    grid-template-columns: minmax(0, 1fr);
  }
  .aml-panel, .aml-lead {
    padding: 12px 16px 16px;
  }
  .aml-target, .aml-stop {
    flex-wrap: wrap;
  }
  .aml-target__acts, .aml-stop__acts {
    max-width: none;
    width: 100%;
    justify-content: flex-start;
  }
  .aml-lead__body {
    flex-direction: column;
  }
  .aml-filter-pills__year {
    margin-left: 0;
  }
  .aml-head__actions, .aml-head__acts {
    width: 100%;
    justify-content: flex-start;
  }
  .aml-menu__list {
    left: auto;
    right: 0;
  }
  .aml-month td {
    height: 40px;
  }
  .aml-month__show {
    display: none;
  }
}
.au-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 24px 48px;
  color: #1c2531;
}
.au-page h1, .au-page h2, .au-page h3 {
  text-shadow: none;
}

.au-page--narrow {
  max-width: 820px;
}

.au-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
}
.au-head--plain {
  grid-template-columns: minmax(0, 1fr) auto;
}

.au-head__lead {
  min-width: 0;
}

.au-head__actions {
  justify-self: end;
  display: flex;
  gap: 8px;
  align-items: center;
}
.au-head__actions .btn {
  min-width: 0;
}

.au-kicker {
  margin: 0 0 2px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}
.au-kicker a {
  color: inherit;
}

.au-title {
  margin: 0;
  font-size: var(--edc-fs-display);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.au-sub {
  margin: 4px 0 0;
  font-size: var(--edc-fs-body);
  color: #556070;
  max-width: 52ch;
}

.au-modes {
  justify-self: center;
}
.au-modes .vgr-switch__link {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  padding: 7px 14px;
}

.au-modes__n {
  margin-left: 6px;
  padding: 0 6px;
  border-radius: 999px;
  background: #fff7ed;
  color: #a34d09;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  line-height: 18px;
}

@media (max-width: 1100px) {
  .au-head {
    grid-template-columns: minmax(0, 1fr) auto;
    row-gap: 12px;
  }
  .au-modes {
    grid-column: 1/-1;
    grid-row: 2;
    justify-self: center;
  }
  .au-head__actions {
    grid-column: 2;
    grid-row: 1;
  }
}
.au-panel {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 18px 22px 22px;
  margin-bottom: 18px;
}

.au-panel__titlerow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.au-panel__title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
}

.au-panel__count {
  margin-left: 6px;
  padding: 1px 8px;
  border-radius: 999px;
  background: #f1f5fb;
  color: #1c3f75;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  vertical-align: middle;
}

.au-panel__sub {
  margin: 0 0 14px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.au-panel__sub code {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  background: #f1f5fb;
  padding: 1px 5px;
  border-radius: 4px;
  color: #1c2531;
}

.au-filter {
  margin: 0;
}

.au-select {
  padding: 6px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  background: #fff;
  color: #1c2531;
}

.au-empty {
  margin: 8px 0 0;
  font-size: var(--edc-fs-body);
  color: #556070;
}

.au-inline {
  display: inline;
  margin: 0;
}

.au-rules {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}

.au-rule {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 18px;
  align-items: start;
  padding: 14px 0;
  border-top: 1px solid #dfe4ea;
}
.au-rule:first-child {
  border-top: 0;
}
.au-rule.is-off .au-rule__sentence {
  color: #556070;
}

.au-rule__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
}
.au-rule__name:hover {
  color: #1c3f75;
}

.au-rule__sentence, .au-sentence {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  line-height: 1.5;
  color: #1c2531;
}

.au-sentence {
  padding: 12px 14px;
  background: #f1f5fb;
  border-radius: 10px;
  margin-bottom: 16px;
}

.au-head--plain {
  align-items: end;
  margin-bottom: 14px;
}
.au-head--plain .au-head__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.au-sentence--rule {
  margin: 0 0 18px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.au-rule__meta {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  align-items: center;
}

.au-chip {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 999px;
  background: #f1f5fb;
  color: #1c3f75;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.au-chip--ask {
  background: #fff7ed;
  color: #a34d09;
}

.au-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 4px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #fff;
  color: #556070;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  cursor: pointer;
  min-width: 0;
}
.au-switch .au-switch__knob {
  width: 30px;
  height: 18px;
  border-radius: 999px;
  background: #c9d2dd;
  position: relative;
  transition: background 150ms ease;
}
.au-switch .au-switch__knob::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  transition: left 150ms ease;
}
.au-switch.is-on {
  color: #0a7a54;
  border-color: #b7e4cf;
}
.au-switch.is-on .au-switch__knob {
  background: #0a7a54;
}
.au-switch.is-on .au-switch__knob::after {
  left: 14px;
}
.au-switch:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.au-gallery__module {
  margin: 16px 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}

.au-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
@media (max-width: 1000px) {
  .au-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .au-gallery {
    grid-template-columns: minmax(0, 1fr);
  }
}

.au-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  color: #1c2531;
  text-decoration: none;
  min-height: 120px;
}
.au-card:hover {
  border-color: #1c3f75;
  text-decoration: none;
  color: #1c2531;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
}
.au-card:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.au-card--built {
  background: #f1f5fb;
}

.au-card__name {
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  font-weight: 700;
}

.au-card__blurb {
  font-size: var(--edc-fs-secondary);
  color: #556070;
  line-height: 1.45;
  flex: 1;
}

.au-card__go {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  color: #1c3f75;
}
.au-card__go .fa {
  margin-left: 4px;
  font-size: var(--edc-fs-eyebrow);
}

.au-form {
  margin: 0;
}

.au-field {
  margin: 0 0 14px;
}
.au-field label {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  margin-bottom: 4px;
}
.au-field input[type=text], .au-field input[type=number], .au-field select, .au-field textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  background: #fff;
}
.au-field--short input[type=number] {
  width: 140px;
}

.au-field__note {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.au-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-body);
  margin: 4px 0 18px;
}
.au-check input {
  width: auto;
}

.au-form__foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.au-approvals {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}

.au-approval {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 18px;
  align-items: start;
  padding: 14px 0;
  border-top: 1px solid #dfe4ea;
}
.au-approval:first-child {
  border-top: 0;
}

.au-approval__what {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
}

.au-approval__why {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.au-approval__actions {
  display: flex;
  gap: 8px;
}

.au-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.au-table th {
  text-align: left;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  padding: 8px 10px;
  border-bottom: 1px solid #dfe4ea;
}
.au-table td {
  padding: 10px;
  border-bottom: 1px solid #dfe4ea;
  vertical-align: top;
}

.au-nowrap {
  white-space: nowrap;
}

.au-status {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  background: #f1f5fb;
  color: #1c3f75;
}
.au-status--done {
  background: #e6f6ef;
  color: #0a7a54;
}
.au-status--failed {
  background: #fef3f2;
  color: #b42318;
}
.au-status--proposed, .au-status--waiting {
  background: #fff7ed;
  color: #a34d09;
}
.au-status--skipped, .au-status--dismissed {
  background: #f1f4f8;
  color: #475569;
}

.au-approval-group {
  margin: 16px 0 0;
  padding-top: 12px;
  border-top: 1px solid #dfe4ea;
}
.au-approval-group:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.au-approval-group__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.au-approval-group__title {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
  text-shadow: none;
}

.au-approval-group__acts {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.au-approval-group__acts .btn {
  min-width: 0;
}

.au-approval.is-gone .au-approval__what {
  color: #556070;
}

.au-more {
  margin: 12px 0 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.au-filter {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.au-log {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: var(--edc-fs-secondary);
}
.au-log li {
  margin: 0 0 3px;
}

.au-messages {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}

.au-reenroll {
  margin: -4px 0 16px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.au-reenroll .fa {
  margin-right: 6px;
}
.au-reenroll a {
  font-weight: 600;
}

.au-message__test {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #dfe4ea;
}
.au-message__test .au-field__note {
  margin: 0;
}

.au-message {
  border-top: 1px solid #dfe4ea;
  padding: 10px 0;
}
.au-message:first-child {
  border-top: 0;
}
.au-message summary {
  cursor: pointer;
  display: flex;
  gap: 12px;
  align-items: baseline;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
}
.au-message details[open] summary {
  margin-bottom: 12px;
}

.au-message__name {
  font-weight: 700;
}

.au-message__subject {
  color: #556070;
  font-size: var(--edc-fs-secondary);
}

.au-page--sheet {
  max-width: none;
  padding: 18px 24px 28px;
}

#au-work.is-refreshing {
  opacity: 0.6;
  transition: opacity 120ms ease;
}

.au-legacy {
  margin: 0 0 12px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #f1f5fb;
  color: #1c2531;
}
.au-legacy .fa {
  color: #1c3f75;
  margin-right: 4px;
}

.au-door {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.au-door .fa {
  font-size: var(--edc-fs-label);
}

.au-field.au-purpose {
  border: 0;
  padding: 0;
}
.au-field.au-purpose legend {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  margin-bottom: 6px;
  float: none;
  width: auto;
}
.au-field.au-purpose .au-purpose__option {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 8px 10px;
  margin-bottom: 6px;
  border: 1px solid #d8dee6;
  border-radius: 8px;
  font-weight: 400;
  font-size: var(--edc-fs-body);
  line-height: 1.45;
  color: #1c2531;
  cursor: pointer;
}
.au-field.au-purpose .au-purpose__option input {
  margin-top: 3px;
  flex: none;
}
.au-field.au-purpose .au-purpose__option strong {
  font-weight: 700;
}
.au-field.au-purpose .au-purpose__option:has(input:checked) {
  border-color: #3b5bdb;
  background: #f4f6ff;
}

.au-chip--use {
  margin-left: 6px;
  background: #e6f6ef;
  color: #0a7a54;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  vertical-align: 2px;
}

.au-message__edit {
  margin-left: auto;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
}

details[open] > summary .au-message__edit {
  display: none;
}

.au-page--editor {
  max-width: 980px;
}

.ae {
  color: #1c2531;
}

.ae-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: end;
  margin-bottom: 14px;
}
@media (max-width: 760px) {
  .ae-top {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ae-name label {
  display: block;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  margin-bottom: 4px;
}
.ae-name input {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #1c2531;
  background: #fff;
}
.ae-name input:focus {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
  border-color: #1c3f75;
}

.ae-views {
  display: inline-flex;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  padding: 3px;
  background: #fff;
}

.ae-views__btn {
  border: 0;
  background: transparent;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #556070;
  cursor: pointer;
}
.ae-views__btn.is-on {
  background: #1c2531;
  color: #fff;
}
.ae-views__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ae-views__btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.ae-state {
  align-self: end;
}

.ae-switch {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background: #eef1f5;
  color: #556070;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
}
.ae-switch.is-on {
  background: #e6f6ef;
  color: #0a7a54;
}

.ae-draft {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px dashed #c9d2dd;
  border-radius: 12px;
  background: #fff;
}
.ae-draft label {
  display: block;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  margin-bottom: 6px;
}

.ae-draft__row {
  display: flex;
  gap: 8px;
}
.ae-draft__row input {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  font-size: var(--edc-fs-body);
}

.ae-draft__note {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.ae-sentence {
  margin: 0 0 16px;
  padding: 12px 14px;
  background: #f1f5fb;
  border-radius: 10px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  line-height: 1.5;
}

.ae-word {
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  color: #1c2531;
}

.ae-part {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 7px;
  line-height: 1.6;
}
.ae-part--asks .ae-chip:first-child {
  border-color: #fed7aa;
}

.ae-chipwrap {
  position: relative;
  display: inline-block;
}

.ae-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #fff;
  color: #1c3f75;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  cursor: pointer;
  line-height: 1.4;
  max-width: 100%;
}
.ae-chip:hover {
  border-color: #1c3f75;
  background: #f1f5fb;
}
.ae-chip:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.ae-chip.is-empty {
  color: #a34d09;
  border-style: dashed;
}
.ae-chip--asks {
  color: #a34d09;
}
.ae-chip--input {
  padding: 0;
  border-style: solid;
}
.ae-chip--input input {
  border: 0;
  background: transparent;
  padding: 4px 10px;
  font: inherit;
  font-weight: 600;
  color: #1c2531;
  width: 9em;
  max-width: 100%;
}
.ae-chip--input input:focus {
  outline: none;
}
.ae-chip--input:focus-within {
  border-color: #1c3f75;
  box-shadow: 0 0 0 2px rgba(28, 63, 117, 0.15);
}

.ae-chip__caret {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  opacity: 0.7;
}

.ae-menu {
  position: absolute;
  z-index: 30;
  top: calc(100% + 4px);
  left: 0;
  min-width: 200px;
  max-width: 320px;
  max-height: 300px;
  overflow: auto;
  margin: 0;
  padding: 4px;
  list-style: none;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(16, 24, 40, 0.14);
}
.ae-menu li {
  margin: 0;
}

.ae-menu__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 7px 10px;
  border: 0;
  background: transparent;
  border-radius: 7px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  text-align: left;
  color: #1c2531;
  cursor: pointer;
}
.ae-menu__item small {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  color: #556070;
}
.ae-menu__item:hover, .ae-menu__item:focus-visible {
  background: #f1f5fb;
  outline: none;
}
.ae-menu__item.is-on {
  font-weight: 700;
  color: #1c3f75;
}

.ae-menu__empty {
  padding: 8px 10px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.ae-x {
  border: 0;
  background: transparent;
  color: #556070;
  font-size: var(--edc-fs-heading);
  line-height: 1;
  padding: 2px 6px;
  border-radius: 6px;
  cursor: pointer;
}
.ae-x:hover {
  background: #fef3f2;
  color: #b42318;
}
.ae-x:focus-visible {
  outline: 2px solid #1c3f75;
}

.ae-add {
  border: 1px dashed #c9d2dd;
  background: transparent;
  color: #1c3f75;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 999px;
  cursor: pointer;
}
.ae-add:hover {
  background: #f1f5fb;
  border-style: solid;
}
.ae-add--inline {
  margin-left: 2px;
}

.ae-asks {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  color: #a34d09;
  padding: 1px 8px;
  border-radius: 999px;
  background: #fff7ed;
}

.ae-muted {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.ae-spine {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

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

.ae-list__empty {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  text-align: center;
}

.ae-card {
  position: relative;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.04);
}
.ae-card--trigger .ae-card__icon {
  background: #1c3f75;
}
.ae-card--cond .ae-card__icon {
  background: #b54708;
}
.ae-card--action .ae-card__icon {
  background: #0a7a54;
}
.ae-card--asks .ae-card__icon {
  background: #a34d09;
}
.ae-card--wait .ae-card__icon {
  background: #556070;
}
.ae-card--branch .ae-card__icon {
  background: #6941c6;
}

.ae-card__icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.ae-card__body {
  min-width: 0;
  padding-top: 6px;
}

.ae-card__label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
  margin-bottom: 4px;
}

.ae-card__numbers {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  font-variant-numeric: tabular-nums;
}

.ae-card__x {
  align-self: start;
}

.ae-conds {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ae-insert {
  position: relative;
  display: grid;
  place-items: center;
  height: 34px;
}

.ae-insert__line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #dfe4ea;
}

.ae-insert__plus {
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #dfe4ea;
  background: #fff;
  color: #556070;
  font-size: var(--edc-fs-heading);
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.ae-insert__plus:hover, .ae-insert__plus[aria-expanded=true] {
  border-color: #1c3f75;
  color: #1c3f75;
  background: #f1f5fb;
}
.ae-insert__plus:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.ae-insert__menu {
  position: absolute;
  z-index: 30;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 4px;
  padding: 4px;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(16, 24, 40, 0.14);
}
.ae-insert__menu button {
  border: 0;
  background: transparent;
  padding: 6px 10px;
  border-radius: 7px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #1c2531;
  cursor: pointer;
  white-space: nowrap;
}
.ae-insert__menu button:hover {
  background: #f1f5fb;
  color: #1c3f75;
}

.ae-insert--plain {
  height: 22px;
}

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

.ae-branch__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 8px;
  position: relative;
}
.ae-branch__cols::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 25%;
  right: 25%;
  height: 2px;
  background: #dfe4ea;
}
@media (max-width: 760px) {
  .ae-branch__cols {
    grid-template-columns: minmax(0, 1fr);
  }
  .ae-branch__cols::before {
    display: none;
  }
}

.ae-branch__col {
  padding: 10px;
  border-radius: 12px;
  background: #f7f9fc;
  border: 1px solid #dfe4ea;
  min-width: 0;
}
.ae-branch__col .ae-card {
  box-shadow: none;
}

.ae-branch__tag {
  display: inline-block;
  margin: 0 0 6px;
  padding: 1px 10px;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.ae-branch__tag--yes {
  background: #e6f6ef;
  color: #0a7a54;
}
.ae-branch__tag--no {
  background: #fef3f2;
  color: #b42318;
}

.ae-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 8px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  line-height: 1.7;
}

.ae-line__more {
  display: inline-flex;
  gap: 6px;
  margin-left: auto;
}

.ae-notice {
  margin: 14px 0 0;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
}
.ae-notice--ok {
  background: #ecfdf3;
  color: #067647;
  border: 1px solid #abefc6;
}
.ae-notice--alert {
  background: #fef3f2;
  color: #b42318;
  border: 1px solid #fecdca;
}

.ae-reenroll {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 16px 0 0;
  padding: 12px 14px;
  border: 1px solid #dde3ea;
  border-radius: 10px;
  background: #fff;
}
.ae-reenroll input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  flex: none;
  accent-color: #1c3f75;
}
.ae-reenroll input:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.ae-reenroll label {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1c2531;
  cursor: pointer;
}

.ae-reenroll__help {
  margin: 2px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.ae-preview {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: #f1f5fb;
  border: 1px solid #c7d6ee;
}

.ae-preview__summary {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.ae-preview__warn {
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #a34d09;
}

.ae-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  flex-wrap: wrap;
}

.ae-foot__right {
  display: flex;
  gap: 8px;
}

.ae-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid #c9d2dd;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}
.ae-btn:hover {
  background: #f1f5fb;
  text-decoration: none;
  color: #1c2531;
}
.ae-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.ae-btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.ae-btn--primary {
  background: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}
.ae-btn--primary:hover {
  background: #163262;
  color: #fff;
}
.ae-btn--good {
  background: #0a7a54;
  border-color: #0a7a54;
  color: #fff;
}
.ae-btn--good:hover {
  background: #086646;
  color: #fff;
}
.ae-btn--ghost {
  border-color: transparent;
  color: #556070;
}

.rb-page {
  padding: 18px 24px 40px;
  color: #1c2531;
}

.rb-head {
  margin-bottom: 8px;
}

.rb-kicker {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.rb-kicker a {
  color: #1c3f75;
  font-weight: 600;
  text-decoration: none;
}
.rb-kicker a:hover {
  text-decoration: underline;
}

.rb-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  gap: 14px;
  align-items: end;
  margin-bottom: 10px;
}
@media (max-width: 1100px) {
  .rb-top {
    grid-template-columns: minmax(0, 1fr) 1fr 1fr;
  }
  .rb-top .rb-top__actions {
    grid-column: 1/-1;
    justify-content: flex-end;
  }
}
@media (max-width: 760px) {
  .rb-top {
    grid-template-columns: minmax(0, 1fr);
  }
}

.rb-name label {
  display: block;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  margin-bottom: 4px;
}
.rb-name input {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #1c2531;
  background: #fff;
}
.rb-name input:focus {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
  border-color: #1c3f75;
}

.rb-top__field {
  display: grid;
  gap: 4px;
  margin: 0;
}
.rb-top__field > span {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}
.rb-top__field select {
  height: 42px;
  min-width: 200px;
  padding: 6px 30px 6px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}

.rb-top__actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.rb-btn {
  height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid #c9d2dd;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.rb-btn:hover {
  background: #f1f5fb;
}
.rb-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.rb-btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.rb-btn--primary {
  background: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}
.rb-btn--primary:hover {
  background: #163258;
}

.rb-promise {
  display: grid;
  gap: 4px;
  margin: 0 0 8px;
}
.rb-promise > span {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}
.rb-promise input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  background: #fff;
}
.rb-promise input:focus {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
  border-color: #1c3f75;
}

.rb-started {
  margin: 0 0 6px;
}

.rb-notice {
  min-height: 20px;
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.rb-notice--ok {
  color: #0a7a54;
  font-weight: 600;
}
.rb-notice--alert {
  color: #b42318;
  font-weight: 600;
}

.rb-muted {
  font-size: var(--edc-fs-secondary);
  color: #556070;
  margin: 6px 0 0;
}

.rb-body {
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr);
  gap: 20px;
  align-items: start;
}
@media (max-width: 1100px) {
  .rb-body {
    grid-template-columns: minmax(0, 1fr);
  }
}

.rb-cards {
  min-width: 0;
}

.rb-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.rb-card {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.04);
}
.rb-card.is-selected {
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.12);
}
.rb-card--page_break {
  background: repeating-linear-gradient(90deg, #fff 0 8px, #f1f5fb 8px 16px);
}
.rb-card__head {
  display: grid;
  grid-template-columns: 18px 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
}
.rb-card__grip {
  color: #b7c1cd;
  cursor: grab;
  text-align: center;
}
.rb-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #1c3f75;
  color: #fff;
  font-size: var(--edc-fs-body);
}
.rb-card--written .rb-card__icon {
  background: #0a7a54;
}
.rb-card--chart .rb-card__icon {
  background: #6941c6;
}
.rb-card--records .rb-card__icon {
  background: #0e7490;
}
.rb-card--heading .rb-card__icon, .rb-card--page_break .rb-card__icon {
  background: #556070;
}
.rb-card--cover .rb-card__icon {
  background: #1c2531;
}
.rb-card__title {
  display: grid;
  gap: 1px;
  text-align: left;
  min-width: 0;
  border: 0;
  background: transparent;
  padding: 4px 6px;
  border-radius: 8px;
  cursor: pointer;
  color: #1c2531;
}
.rb-card__title:hover {
  background: #f1f5fb;
}
.rb-card__title:focus-visible {
  outline: 2px solid #1c3f75;
}
.rb-card__kind {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}
.rb-card__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rb-card__tools {
  display: inline-flex;
  gap: 4px;
}
.rb-card__body {
  border-top: 1px solid #dfe4ea;
  padding: 12px 14px 14px;
}

.rb-tool {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  color: #556070;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.rb-tool:hover {
  background: #f1f5fb;
  color: #1c3f75;
  border-color: #dfe4ea;
}
.rb-tool:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.rb-tool:focus-visible {
  outline: 2px solid #1c3f75;
}
.rb-tool--x:hover {
  color: #b42318;
  background: #fef3f2;
}

.rb-editor {
  display: grid;
  gap: 12px;
}

.rb-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  align-items: end;
}

.rb-field {
  display: grid;
  gap: 4px;
  margin: 0;
  min-width: 0;
}
.rb-field--wide {
  grid-column: 1/-1;
}
.rb-field input, .rb-field select, .rb-field textarea {
  width: 100%;
  padding: 7px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  background: #fff;
  box-sizing: border-box;
}
.rb-field input:focus, .rb-field select:focus, .rb-field textarea:focus {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
  border-color: #1c3f75;
}
.rb-field select {
  height: 36px;
}

.rb-field__label {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}

.rb-field__hint {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.rb-fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.rb-fieldset legend {
  padding: 0;
  margin-bottom: 2px;
}

.rb-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
}

.rb-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-body);
  margin: 0;
}
.rb-check input {
  margin: 0;
}

.rb-filter {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(120px, auto) minmax(140px, 1fr) 32px;
  gap: 8px;
  align-items: center;
}
.rb-filter select, .rb-filter input {
  height: 36px;
  padding: 6px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  background: #fff;
  color: #1c2531;
  min-width: 0;
}
.rb-filter select[multiple] {
  height: auto;
  min-height: 64px;
}
@media (max-width: 760px) {
  .rb-filter {
    grid-template-columns: 1fr 32px;
  }
}

.rb-x {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  color: #556070;
  font-size: var(--edc-fs-title);
  cursor: pointer;
}
.rb-x:hover {
  color: #b42318;
  background: #fef3f2;
}

.rb-add {
  justify-self: start;
  border: 1px dashed #c9d2dd;
  background: transparent;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 999px;
  cursor: pointer;
}
.rb-add:hover {
  background: #f1f5fb;
  border-style: solid;
}

.rb-chips {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.rb-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 4px 3px 10px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #fff;
  color: #1c3f75;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 700;
}

.rb-chip__x {
  border: 0;
  background: transparent;
  color: #556070;
  font-size: var(--edc-fs-heading);
  line-height: 1;
  padding: 0 6px;
  border-radius: 999px;
  cursor: pointer;
}
.rb-chip__x:hover {
  color: #b42318;
}

.rb-picker {
  max-height: 320px;
  overflow: auto;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  padding: 8px 10px;
  display: grid;
  gap: 10px;
  background: #fff;
}

.rb-picker__cat {
  margin: 0 0 4px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}

.rb-pick {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 2px 8px;
  align-items: start;
  padding: 5px 6px;
  border-radius: 8px;
  margin: 0;
  cursor: pointer;
}
.rb-pick:hover {
  background: #f1f5fb;
}
.rb-pick input {
  margin: 4px 0 0;
}

.rb-pick__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}

.rb-pick__shape {
  margin-left: 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  color: #556070;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.rb-pick__desc {
  grid-column: 2;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.rb-palette {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px dashed #c9d2dd;
  border-radius: 12px;
  background: #fff;
}

.rb-palette__label {
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}

.rb-palette__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rb-palette__btn {
  border: 1px solid #dfe4ea;
  background: #fff;
  color: #1c2531;
  padding: 8px 12px;
  border-radius: 10px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.rb-palette__btn i {
  color: #1c3f75;
}
.rb-palette__btn:hover {
  border-color: #1c3f75;
  background: #f1f5fb;
}
.rb-palette__btn:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.rb-preview {
  position: sticky;
  top: 16px;
  min-width: 0;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 150px);
  min-height: 520px;
}
@media (max-width: 1100px) {
  .rb-preview {
    position: static;
    height: 720px;
  }
}

.rb-preview__bar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 14px;
  border-bottom: 1px solid #dfe4ea;
  background: #f1f5fb;
}

.rb-preview__title {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}

.rb-preview__year {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.rb-preview__year select {
  height: 32px;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 4px 26px 4px 8px;
  background: #fff;
  color: #1c2531;
}

.rb-preview__state {
  margin-left: auto;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  color: #556070;
}
.rb-preview__state--ok {
  color: #0a7a54;
}
.rb-preview__state--error {
  color: #b42318;
}

.rb-preview__errors {
  margin: 0;
  padding: 8px 14px;
  list-style: none;
  background: #fff7ed;
  color: #a34d09;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  border-bottom: 1px solid #fed7aa;
}

.rb-preview__sheet {
  flex: 1;
  min-height: 0;
  background: #e9edf2;
  padding: 14px;
  overflow: hidden;
}

.rb-preview__frame {
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
  box-shadow: 0 4px 24px rgba(16, 24, 40, 0.14);
  border-radius: 3px;
}

.rb-preview__empty {
  margin: 40px auto;
  max-width: 30ch;
  text-align: center;
  color: #556070;
  font-size: var(--edc-fs-body);
}

.rpf-page {
  padding: 16px 32px 48px;
}

.rpf {
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.rpf h1, .rpf h2, .rpf h3 {
  text-shadow: none;
  margin: 0;
}
.rpf .btn {
  min-width: 0;
}
.rpf .rpf-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.rpf.is-loading .rpf-body {
  opacity: 0.55;
  transition: opacity 0.15s;
}

.rpf-label {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475569;
  margin-bottom: 4px;
}

.rpf-line {
  margin: 0;
  line-height: 1.55;
}

.rpf-line--done {
  color: #166534;
  font-weight: 600;
}
.rpf-line--done .fa {
  margin-right: 4px;
}

.rpf-note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}

.rpf-note--error {
  color: #b42318;
  font-weight: 600;
  margin: 12px 0;
}

.rpf-btn {
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  padding: 8px 16px;
  line-height: 1.3;
}

.rpf-btn--quiet {
  padding: 4px 12px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
}

.rpf .btn-primary {
  background: #1c3f75;
  border-color: #1c3f75;
}
.rpf .btn-primary:hover, .rpf .btn-primary:focus {
  background: #163258;
  border-color: #163258;
}

.rpf .btn-outline-secondary {
  color: #1c2531;
  border-color: #c9d2dd;
  background: #fff;
}
.rpf .btn-outline-secondary:hover {
  background: #f5f7fa;
  color: #1c2531;
}

.rpf-field {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.rpf-head {
  margin-bottom: 24px;
}

.rpf-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
  text-decoration: none;
  margin-bottom: 12px;
}
.rpf-back:hover {
  text-decoration: underline;
}

.rpf-head__row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.rpf-kicker {
  margin: 0 0 4px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475569;
}

.rpf-title {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1c2531;
}

.rpf-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.rpf-gear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  color: #475569;
  font-size: var(--edc-fs-heading);
}
.rpf-gear:hover {
  background: #f5f7fa;
  border-color: #dfe4ea;
  color: #1c2531;
}
.rpf-gear:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.rpf-gear[aria-expanded=true] {
  background: #f5f7fa;
  border-color: #c9d2dd;
  color: #1c3f75;
}

.rpf-settings-line {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.rpf-settings-line .fa-solid {
  margin-right: 4px;
}

.rpf-make {
  padding: 12px 24px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.rpf-head__why {
  margin-top: 8px;
  text-align: right;
}

.rpf-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px 32px;
  margin-top: 24px;
  padding: 16px 24px;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
}

.rpf-about, .rpf-window, .rpf-ready, .rpf-opt {
  position: relative;
  min-width: 0;
}

.rpf-opt__refused {
  display: block;
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
}

.rpf-opt__select {
  height: 36px;
  min-width: 180px;
  max-width: 240px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  border-radius: 8px;
  border-color: #c9d2dd;
}

.rpf-head__acts {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  flex-wrap: wrap;
}

.rpf-about__static, .rpf-window__static {
  display: block;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  line-height: 36px;
}

.rpf-about__button, .rpf-window__current {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1c2531;
}
.rpf-about__button:hover:not(:disabled), .rpf-window__current:hover:not(:disabled) {
  background: #f5f7fa;
}
.rpf-about__button:disabled, .rpf-window__current:disabled {
  opacity: 1;
  cursor: default;
}
.rpf-about__button.is-empty, .rpf-window__current.is-empty {
  color: #1c3f75;
  border-style: dashed;
}

.rpf-about__text {
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rpf-about__count {
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: #475569;
}

.rpf-window__caret {
  font-size: var(--edc-fs-eyebrow);
  color: #475569;
}

.rpf-window__row {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.rpf-window__span {
  font-weight: 400;
  color: #475569;
  white-space: nowrap;
}

.rpf-window__label {
  white-space: nowrap;
}

.rpf-window__step {
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  background: #fff;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  color: #1c2531;
}
.rpf-window__step:hover:not(:disabled) {
  background: #f5f7fa;
}
.rpf-window__step:disabled {
  color: #94a3b8;
  border-color: #dfe4ea;
  cursor: not-allowed;
}

.rpf-pop {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 40;
  width: 320px;
  max-width: calc(100vw - 32px);
  padding: 16px;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.rpf-window__list, .rpf-about__list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 280px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rpf-window__choice {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  text-align: left;
}
.rpf-window__choice:hover {
  background: #f5f7fa;
}
.rpf-window__choice.is-current {
  background: #eaf0f8;
  font-weight: 600;
}

.rpf-window__tick {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c3f75;
  white-space: nowrap;
}

.rpf-window__custom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.rpf-window__custom .rpf-btn {
  grid-column: 1/-1;
}

.rpf-about__own {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  font-weight: 400;
}

.rpf-about__n {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  font-variant-numeric: tabular-nums;
}

.rpf-seg {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.rpf-seg__row, .rpf-seg[role=radiogroup] {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  background: #f5f7fa;
  border-radius: 10px;
}

.rpf-seg__opt {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 6px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  white-space: nowrap;
}
.rpf-seg__opt input {
  position: absolute;
  opacity: 0;
  inset: 0;
  margin: 0;
  cursor: pointer;
}
.rpf-seg__opt:focus-within, .rpf-seg__opt:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}
.rpf-seg__opt.is-on {
  background: #fff;
  color: #1c2531;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
}

.rpf-seg--small .rpf-seg__opt {
  padding: 4px 12px;
}

.rpf-ready__row {
  display: flex;
  align-items: center;
  gap: 16px;
}

.rpf-ready__words {
  display: grid;
  grid-template-columns: auto;
  row-gap: 4px;
}

.rpf-ready__count {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.rpf-ready__open {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  white-space: nowrap;
}

.rpf-ready__meter {
  display: block;
  width: 160px;
  height: 6px;
  border-radius: 3px;
  background: #e2e8f0;
  overflow: hidden;
}
.rpf-ready__meter > span {
  display: block;
  height: 100%;
  background: #1c3f75;
  border-radius: 3px;
}

.rpf-toggle {
  height: 36px;
  padding: 0 16px;
  border-radius: 18px;
  border: 1px solid #c9d2dd;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
}
.rpf-toggle:hover:not(:disabled) {
  background: #f5f7fa;
}
.rpf-toggle.is-on, .rpf-toggle.is-on:hover:not(:disabled) {
  background: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}
.rpf-toggle:disabled {
  color: #475569;
  cursor: default;
}

.rpf-made {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 24px;
  padding: 12px 16px;
  background: #f0f7f2;
  border: 1px solid #b7dcc3;
  border-radius: 12px;
}
.rpf-made > .fa {
  color: #166534;
  font-size: var(--edc-fs-title);
}
.rpf-made > span {
  flex: 1 1 280px;
}

.rpf-made__dl {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
}

.rpf-panes {
  display: none;
}

.rpf-body {
  display: grid;
  grid-template-columns: minmax(420px, 5fr) minmax(0, 6fr);
  gap: 24px;
  align-items: start;
}

.rpf-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.rpf-side {
  position: sticky;
  top: 16px;
  min-width: 0;
}

.rpf-choose {
  padding: 16px 20px;
  background: #eef3fa;
  border: 1px solid #c9d7ea;
  border-radius: 12px;
}

.rpf-sections {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.rpf-sec {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 16px 20px;
  transition: box-shadow 0.3s;
}
.rpf-sec.is-flash {
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.35);
}
.rpf-sec.is-quiet {
  padding-block: 12px;
}

.rpf-sec__head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.rpf-sec__n {
  flex: 0 0 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f5f7fa;
  color: #1c3f75;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.rpf-sec__title {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  line-height: 1.3;
  outline: none;
}
.rpf-sec__title:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.rpf-sec__show {
  margin-left: auto;
  padding: 4px 8px;
  border: 0;
  background: transparent;
  border-radius: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
  white-space: nowrap;
}
.rpf-sec__show:hover {
  background: #f5f7fa;
}

.rpf-sec__body {
  margin-top: 12px;
  padding-left: 36px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.rpf-sec__desc {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  line-height: 1.5;
}

.rpf-sec__quiet {
  margin: 4px 0 0 36px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.rpf-figures {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 8px;
  margin: 0;
}

.rpf-figure {
  margin: 0;
  padding: 12px;
  background: #f5f7fa;
  border-radius: 8px;
}
.rpf-figure dt {
  margin-bottom: 4px;
}
.rpf-figure.is-unmeasured .rpf-figure__value {
  color: #475569;
}

.rpf-figure__value {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.rpf-figure__why {
  margin: 4px 0 0;
  font-size: var(--edc-fs-label);
  color: #475569;
  line-height: 1.4;
}

.rpf-reading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rpf-callout {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0;
  padding: 12px 16px;
  background: #fff8ec;
  border: 1px solid #f0d9ae;
  border-radius: 10px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
}
.rpf-callout > .fa {
  color: #8a4b00;
}
.rpf-callout > span {
  flex: 1 1 220px;
}

.rpf-prompt {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.rpf-prompt + .rpf-prompt {
  margin-top: 12px;
}

.rpf-prompt__q {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1.45;
  margin: 0;
}

.rpf-prompt__help {
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.rpf-prompt__box {
  font-size: var(--edc-fs-body);
  line-height: 1.55;
  border-radius: 8px;
  border-color: #c9d2dd;
  padding: 12px;
  resize: vertical;
}
.rpf-prompt__box:focus {
  border-color: #1c3f75;
  box-shadow: 0 0 0 3px rgba(28, 63, 117, 0.18);
}

.rpf-prompt__foot {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  min-height: 20px;
}

.rpf-save {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.rpf-save .fa {
  margin-right: 4px;
}

.rpf-save--saved {
  color: #166534;
  font-weight: 600;
}

.rpf-save--error {
  color: #b42318;
  font-weight: 600;
}

.rpf-prompt__ai {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.rpf-prompt__ai .fa {
  margin-right: 4px;
}

.rpf-prompt__prev {
  font-size: var(--edc-fs-secondary);
}
.rpf-prompt__prev summary {
  color: #1c3f75;
  font-weight: 600;
  cursor: pointer;
}
.rpf-prompt__prev[open] {
  flex-basis: 100%;
}

.rpf-prompt__quote {
  margin: 8px 0;
  padding: 12px 16px;
  background: #f5f7fa;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.55;
  white-space: pre-wrap;
}

.rpf-records {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.rpf-records__h {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  outline: none;
}

.rpf-group {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 16px 0 8px;
}

.rpf-group__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 0 20px 12px;
}

.rpf-group__title {
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.rpf-group__fill {
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: #475569;
  font-variant-numeric: tabular-nums;
}

.rpf-group > .rpf-note, .rpf-group > .rpf-line {
  padding: 0 20px 12px;
}

.rpf-recs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rpf-rec {
  border-top: 1px solid #dfe4ea;
}

.rpf-rec__toggle {
  width: 100%;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 2px;
  align-items: baseline;
  padding: 12px 20px;
  border: 0;
  background: transparent;
  text-align: left;
  color: #1c2531;
}
.rpf-rec__toggle:hover {
  background: #f5f7fa;
}
.rpf-rec__toggle:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}

.rpf-rec__chev {
  font-size: var(--edc-fs-eyebrow);
  color: #475569;
  grid-row: 1;
}

.rpf-rec__title {
  font-weight: 600;
  font-size: var(--edc-fs-body);
  grid-row: 1;
  grid-column: 2;
  overflow-wrap: anywhere;
}

.rpf-rec__why {
  grid-row: 2;
  grid-column: 2;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.rpf-rec__empties {
  color: #8a4b00;
}

.rpf-rec__hint {
  display: block;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
  font-style: italic;
}

.rpf-rec__state {
  grid-row: 1;
  grid-column: 3;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.rpf-rec__state.is-missing {
  color: #8a4b00;
}
.rpf-rec__state.is-done {
  color: #166534;
}
.rpf-rec__state.is-done .fa {
  margin-right: 4px;
}

.rpf-rec__panel {
  padding: 4px 20px 16px 48px;
}

.rpf-rec__fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.rpf-rec__foot {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 4px 0 0;
}

.rpf-rec__open {
  margin-left: auto;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
  white-space: nowrap;
}

.rpf-unplaced {
  margin-top: 8px;
  padding: 16px 20px 4px;
  border-top: 1px solid #dfe4ea;
  background: #fcfcfd;
  border-radius: 0 0 12px 12px;
}

.rpf-unplaced__h {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  margin-bottom: 4px;
  outline: none;
}

.rpf-unplaced__list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}

.rpf-unplaced__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 200px;
  gap: 16px;
  align-items: start;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.rpf-unplaced__row .wb-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.rpf-unplaced__row .wb-field {
  margin: 0;
}
.rpf-unplaced__row .wb-field__status:empty {
  display: none;
}

.rpf-unplaced__more {
  margin: 8px 0 12px;
}

.rpf-unplaced__name {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.rpf-unplaced__name a {
  font-weight: 600;
  color: #1c2531;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.rpf-unplaced__name a:hover {
  color: #1c3f75;
  text-decoration: underline;
}

.rpf .wb-field {
  margin-bottom: 12px;
}

.rpf .wb-field__label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
  margin-bottom: 4px;
}

.rpf .wb-field .form-control, .rpf .wb-field .form-select {
  font-size: var(--edc-fs-body);
  min-height: 36px;
}

.rpf .wb-field__status {
  font-size: var(--edc-fs-secondary);
}

.rpf-doc {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 32px);
  background: #e9edf2;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  overflow: hidden;
}

.rpf-doc__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: #fff;
  border-bottom: 1px solid #dfe4ea;
}

.rpf-doc__h {
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.rpf-doc__state {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.rpf-doc__state--error {
  color: #b42318;
  font-weight: 600;
}

.rpf-doc__sent {
  margin: 0;
  padding: 12px 16px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  background: #fff;
  border-bottom: 1px solid #dfe4ea;
}
.rpf-doc__sent a {
  font-weight: 600;
  color: #1c3f75;
}

.rpf-doc__scroll {
  flex: 1 1 auto;
  overflow: auto;
  padding: 16px;
}
.rpf-doc__scroll:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}

.rpf-doc__sheet {
  max-width: 816px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12), 0 8px 24px rgba(15, 23, 42, 0.08);
}

.rpf-doc__fit {
  overflow: hidden;
}

.rpf-doc__frame {
  display: block;
  border: 0;
  transform-origin: 0 0;
  background: #fff;
}

.rpf-doc__empty {
  margin: 0;
  padding: 48px 32px;
  color: #475569;
  text-align: center;
}

.rpf-dialog {
  width: min(520px, 100vw - 32px);
  padding: 24px;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28);
  color: #1c2531;
}
.rpf-dialog::backdrop {
  background: rgba(15, 23, 42, 0.45);
}
.rpf-dialog {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.rpf-dialog:not([open]) {
  display: none;
}
.rpf-dialog .btn {
  min-width: 0;
}

.rpf-dialog__h {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  margin: 0;
  text-shadow: none;
}

.rpf-dialog__left {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rpf-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

@media (max-width: 1099.98px) {
  .rpf-page {
    padding: 16px 24px 48px;
  }
  .rpf-body {
    grid-template-columns: minmax(0, 1fr);
  }
  .rpf-panes {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    margin-bottom: 16px;
    background: #f5f7fa;
    border-radius: 10px;
  }
  .rpf-panes__tab {
    padding: 8px 16px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    font-size: var(--edc-fs-body);
    font-weight: 600;
    color: #475569;
  }
  .rpf-panes__tab.is-on {
    background: #fff;
    color: #1c2531;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
  }
  .rpf-form:not(.is-on), .rpf-side:not(.is-on) {
    display: none;
  }
  .rpf-side {
    position: static;
  }
  .rpf-doc {
    height: auto;
    min-height: 70vh;
  }
}
@media (max-width: 599.98px) {
  .rpf-page {
    padding: 12px 16px 32px;
  }
  .rpf-title {
    font-size: var(--edc-fs-display);
  }
  .rpf-bar {
    padding: 16px;
    gap: 16px;
  }
  .rpf-head__row {
    align-items: stretch;
    flex-direction: column;
  }
  .rpf-head__acts {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .rpf-make {
    width: 100%;
  }
  .rpf-sec {
    padding: 16px;
  }
  .rpf-sec__body, .rpf-sec__quiet {
    padding-left: 0;
    margin-left: 0;
  }
  .rpf-sec__head {
    flex-wrap: wrap;
    row-gap: 4px;
  }
  .rpf-sec__title {
    flex: 1 1 0;
    min-width: 0;
  }
  .rpf-sec__show {
    flex-basis: 100%;
    margin-left: 28px;
    text-align: left;
    padding-left: 8px;
  }
  .rpf-rec__panel {
    padding-left: 20px;
  }
  .rpf-unplaced__row {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .rpf-ready__row {
    flex-wrap: wrap;
  }
  .rpf-doc__scroll {
    padding: 12px;
  }
}
.wb-panel__views {
  display: flex;
  gap: 4px;
  padding: 8px 16px;
}

.wb-panel__view {
  padding: 6px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
}
.wb-panel__view:hover {
  background: #f5f7fa;
  color: #1c2531;
}
.wb-panel__view.is-on {
  background: #eaf0f8;
  color: #1c2531;
}
.wb-panel__view:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.rpf-panel {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rpf-panel__note {
  margin: 16px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}

.rpf-panel__item {
  border-bottom: 1px solid #dfe4ea;
}

.rpf-panel__toggle {
  width: 100%;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 2px;
  align-items: baseline;
  padding: 12px 16px;
  border: 0;
  background: transparent;
  text-align: left;
  color: #1c2531;
}
.rpf-panel__toggle:hover {
  background: #f5f7fa;
}
.rpf-panel__toggle:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}
.rpf-panel__toggle .rpf-rec__chev {
  font-size: var(--edc-fs-eyebrow);
  color: #475569;
}
.rpf-panel__toggle .rpf-rec__state {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
}
.rpf-panel__toggle .rpf-rec__state.is-missing {
  color: #8a4b00;
}
.rpf-panel__toggle .rpf-rec__state.is-done {
  color: #166534;
}
.rpf-panel__toggle .rpf-rec__state.is-done .fa {
  margin-right: 4px;
}
.rpf-panel__toggle .rpf-rec__state.is-outside {
  color: #475569;
  font-weight: 400;
}

.rpf-panel__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.rpf-panel__standing {
  grid-column: 2/-1;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.rpf-panel__body {
  padding: 4px 16px 16px 40px;
}

.rpf-panel__fill {
  margin: 0 0 12px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.rpf-panel__body .wb-field {
  margin-bottom: 12px;
}

.rpf-panel__body .wb-field__status:empty {
  display: none;
}

.rpf-panel__open {
  display: inline-block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
}

.rpf-fill {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}

.rpf-fill__nav {
  position: sticky;
  top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.rpf-fill__h {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
}

.rpf-fill__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rpf-fill__choice {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #1c2531;
}
.rpf-fill__choice:hover {
  background: #fff;
  border-color: #dfe4ea;
}
.rpf-fill__choice.is-on {
  background: #fff;
  border-color: #c9d2dd;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
.rpf-fill__choice:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 1px;
}

.rpf-fill__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.rpf-fill__why {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.rpf-fill__main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  max-width: 760px;
}

.rpf-fill__head {
  display: flex;
  align-items: flex-end;
  gap: 16px 24px;
  flex-wrap: wrap;
}

.rpf-fill__head > div:first-child {
  margin-right: auto;
}

.rpf-fill__report {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  outline: none;
}

.rpf-fill__whole {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c3f75;
  white-space: nowrap;
  padding-bottom: 8px;
}

.rpf-fill__progress {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 16px;
  align-items: baseline;
}
.rpf-fill__progress .rpf-ready__meter {
  grid-column: 1/-1;
  width: 100%;
}

.rpf-fill__where {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
}

.rpf-fill__left {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  text-align: right;
}

.rpf-fill__card {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 24px;
}

.rpf-fill__step-h {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  margin: 0 0 4px;
}
.rpf-fill__step-h a {
  color: #1c2531;
  text-decoration: none;
}
.rpf-fill__step-h a:hover, .rpf-fill__step-h a:focus-visible {
  color: #1c3f75;
  text-decoration: underline;
}

.rpf-fill__record .rpf-rec__fields {
  margin-top: 16px;
}

.rpf-fill__words {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.rpf-fill__done {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

.rpf-fill__nav-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

@media (max-width: 899.98px) {
  .rpf-fill {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .rpf-fill__nav {
    position: static;
  }
  .rpf-fill__list {
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .rpf-fill__list li {
    flex: 0 0 auto;
  }
  .rpf-fill__choice {
    width: auto;
  }
  .rpf-fill__card {
    padding: 16px;
  }
}
.rpf-collection {
  align-items: center;
}

.rpf-collection__who, .rpf-collection__period {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.rpf-collection__line {
  font-size: var(--edc-fs-body);
  line-height: 1.4;
  color: #1c2531;
}

.rpf-collection__period .rpf-collection__line {
  color: #475569;
  max-width: 340px;
}

.rpf-collection__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}

.rpf-collection__rename {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.rpf-collection__input {
  width: 260px;
  max-width: 100%;
  height: 38px;
  font-size: var(--edc-fs-body);
  border-radius: 8px;
  border-color: #c9d2dd;
}

.rpf-kept {
  flex-basis: 100%;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
}

.rpf-kept__heading {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  line-height: 1.4;
  color: #1c2531;
  text-shadow: none;
}

.rpf-kept__words {
  margin: 0 0 12px;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #475569;
  max-width: 640px;
}

.rpf-kept__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
}

.rpf-kept__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  padding: 10px 16px;
  border-top: 1px solid #dfe4ea;
}
.rpf-kept__row:first-child {
  border-top: 0;
}
.rpf-kept__row .rpf-btn {
  margin-left: auto;
}

.rpf-kept__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
  min-width: 0;
  overflow-wrap: anywhere;
}

.rpf-kept__date {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.rpf-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

.rpf-items__list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  background: #fff;
}

.rpf-item {
  display: grid;
  grid-template-columns: 20px 18px minmax(0, 1fr) auto;
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: center;
  padding: 10px 16px;
  border-top: 1px solid #dfe4ea;
}
.rpf-item:first-child {
  border-top: 0;
}
.rpf-item.is-locked .rpf-item__title {
  color: #475569;
  font-weight: 600;
}

.rpf-item__n {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.rpf-item__glyph {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  text-align: center;
}

.rpf-item__words {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.rpf-item__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
a.rpf-item__title {
  text-decoration: none;
}
a.rpf-item__title:hover, a.rpf-item__title:focus-visible {
  color: #1c3f75;
  text-decoration: underline;
}

.rpf-item__meta {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rpf-follow {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475569;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rpf-follow .fa-solid {
  margin-right: 4px;
  font-size: var(--edc-fs-eyebrow);
}

.rpf-follow--follows {
  color: #1c3f75;
}

.rpf-collection__follow {
  color: #475569;
}

.rpf-item__state {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
}
.rpf-item__state.is-frozen {
  color: #1c3f75;
}
.rpf-item__state.is-frozen .fa {
  margin-right: 4px;
}

.rpf-items__panel .fa {
  margin-right: 6px;
}

@media (max-width: 599.98px) {
  .rpf-collection__acts {
    margin-left: 0;
  }
  .rpf-item {
    grid-template-columns: 18px minmax(0, 1fr);
    row-gap: 2px;
  }
  .rpf-item__glyph {
    display: none;
  }
  .rpf-item__state {
    grid-column: 2;
  }
}
.rpf-sched {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.rpf-schedule .fa {
  margin-right: 6px;
}

.rpf-copy {
  position: relative;
  display: inline-block;
}

.rpf-copy__chev {
  font-size: var(--edc-fs-eyebrow);
  margin-left: 4px;
}

.rpf-copy__menu {
  right: 0;
  left: auto;
  min-width: 300px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rpf-copy__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  text-align: left;
  color: #1c2531;
}
.rpf-copy__item strong {
  font-size: var(--edc-fs-body);
  font-weight: 600;
}
.rpf-copy__item span {
  font-size: var(--edc-fs-secondary);
  color: #475569;
  line-height: 1.4;
}
.rpf-copy__item:hover, .rpf-copy__item:focus-visible {
  background: #f5f7fa;
}
.rpf-copy__item:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: -2px;
}

.rpf-start {
  max-width: 640px;
}

.rpf-start__lede {
  margin: 8px 0 24px;
  color: #475569;
}

.rpf-start__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
}

.rpf-start__actions {
  margin-top: 16px;
}

.rpf-item--heading {
  grid-template-columns: 1fr;
  background: #f5f7fa;
}

.rpf-item__heading {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
}

.rpf-item--page_break {
  grid-template-columns: 1fr;
  padding-top: 8px;
  padding-bottom: 8px;
}

.rpf-item__break {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475569;
}
.rpf-item__break .fa {
  margin-right: 4px;
}

.rpf-layers {
  margin: 0 0 24px;
}

.rpf-layers__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}

.rpf-layers__step {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  min-width: 0;
}
.rpf-layers__step + .rpf-layers__step {
  border-left: 1px solid #dfe4ea;
}

.rpf-layers__glyph {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #f5f7fa;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
}

.rpf-layers__words {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.rpf-layers__label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475569;
}

.rpf-layers__value {
  font-size: var(--edc-fs-body);
  line-height: 1.4;
  color: #1c2531;
  overflow-wrap: anywhere;
}

a.rpf-layers__value {
  color: #1c3f75;
  font-weight: 600;
  text-decoration: none;
}
a.rpf-layers__value:hover {
  text-decoration: underline;
}
a.rpf-layers__value:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
  border-radius: 2px;
}

@media (max-width: 1100px) {
  .rpf-layers__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rpf-layers__step:nth-child(3) {
    border-left: 0;
  }
  .rpf-layers__step:nth-child(n+3) {
    border-top: 1px solid #dfe4ea;
  }
}
.pe-body {
  margin: 0;
  background: #f6f7f9;
  color: #1c2531;
  font-family: -apple-system, "Helvetica Neue", Arial, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.pe-topbar {
  background: #fff;
  border-bottom: 1px solid #e3e8ef;
}
.pe-topbar__inner {
  max-width: 720px;
  margin: 0 auto;
  padding: 14px 24px;
}
.pe-topbar__org {
  font-weight: 750;
  font-size: var(--edc-fs-body);
  letter-spacing: -0.01em;
}

.pe-flash {
  max-width: 720px;
  margin: 14px auto 0;
  padding: 10px 16px;
  border-radius: 9px;
  background: #eaf6f0;
  border: 1px solid #cde9db;
  color: #14532d;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.pe-flash--alert {
  background: #fdf1ef;
  border-color: #f0c8c2;
  color: #8f1c13;
}

.pe-main {
  flex: 1;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 30px 24px 48px;
}

.pe-footer {
  border-top: 1px solid #e3e8ef;
  background: #fff;
  color: #556070;
  text-align: center;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  padding: 14px;
}

.pe-hero {
  margin-bottom: 22px;
}
.pe-hero__kicker {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--face-primary, #1c3f75);
  margin: 0 0 6px;
}
.pe-hero__title {
  font-size: calc(var(--edc-fs-display) * 26.6 / 24);
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 8px;
  line-height: 1.15;
}
.pe-hero__meta {
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.pe-hero__meta .fa {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  margin-right: 3px;
}
.pe-hero__sep {
  margin: 0 8px;
}
.pe-hero__canceled {
  margin: 12px 0 0;
  display: inline-block;
  background: #fdf1ef;
  border: 1px solid #f0c8c2;
  color: #8f1c13;
  font-weight: 700;
  border-radius: 9px;
  padding: 7px 14px;
}

.pe-card {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  padding: 20px 22px;
  margin-bottom: 18px;
}
.pe-card__title {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 750;
  margin: 0 0 14px;
}

.pe-desc {
  font-size: calc(var(--edc-fs-body) * 13.58 / 14);
  line-height: 1.65;
  color: #2c3446;
}
.pe-desc p {
  margin: 0 0 10px;
}

.pe-closed {
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}

.pe-waitnote {
  margin: 0 0 14px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #8a6410;
  background: #fdf6e6;
  border: 1px solid #eeddb0;
  border-radius: 9px;
  padding: 8px 12px;
}

.pe-hp {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.pe-form__row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.pe-form__field {
  flex: 1 1 240px;
  margin-bottom: 12px;
}
.pe-form__field--narrow {
  flex: 0 1 160px;
}
.pe-form__field label {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 700;
  margin-bottom: 5px;
}
.pe-form__field input, .pe-form__field select {
  width: 100%;
  border: 1px solid #c9d2dd;
  border-radius: 9px;
  padding: 9px 12px;
  font-size: var(--edc-fs-body);
  font-family: inherit;
}
.pe-form__field input:focus-visible, .pe-form__field select:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 1px;
}
.pe-form__hint {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
  margin: -4px 0 12px;
}
.pe-form__submit {
  border: 0;
  background: var(--face-primary, #1c3f75);
  color: #fff;
  border-radius: 10px;
  font-size: calc(var(--edc-fs-body) * 14.28 / 14);
  font-weight: 700;
  padding: 11px 28px;
  cursor: pointer;
  margin-top: 6px;
}
.pe-form__submit:hover {
  background: #163258;
}
.pe-form__submit:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 2px;
}

.pe-tickets {
  border: 0;
  padding: 0;
  margin: 0 0 8px;
}
.pe-tickets legend {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 700;
  margin-bottom: 8px;
}

.pe-ticket {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #e3e8ef;
  border-radius: 11px;
  padding: 12px 14px;
  margin: 0 0 8px;
  cursor: pointer;
  transition: border-color 0.12s ease;
}
.pe-ticket:hover {
  border-color: rgba(var(--face-primary, #1c3f75), 0.5);
}
.pe-ticket:has(input:checked) {
  border-color: var(--face-primary, #1c3f75);
  box-shadow: inset 0 0 0 1px var(--face-primary, #1c3f75);
}
.pe-ticket.is-soldout {
  opacity: 0.55;
  cursor: not-allowed;
}
.pe-ticket input {
  margin: 0;
  flex: none;
}
.pe-ticket__body {
  flex: 1;
  min-width: 0;
}
.pe-ticket__name {
  display: block;
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 13.72 / 14);
}
.pe-ticket__desc {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
  margin-top: 1px;
}
.pe-ticket__price {
  flex: none;
  text-align: right;
  font-weight: 700;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.pe-ticket__member {
  display: block;
  color: #116e4c;
}
.pe-ticket__nonmember {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
  font-weight: 600;
}
.pe-ticket__soldout {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  color: #8f1c13;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pe-confirm__grid {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.pe-confirm__details {
  flex: 1 1 280px;
}
.pe-confirm__facts {
  margin: 0 0 14px;
}
.pe-confirm__facts div {
  display: flex;
  gap: 12px;
  margin-bottom: 6px;
}
.pe-confirm__facts dt {
  font-weight: 700;
  min-width: 70px;
  margin: 0;
}
.pe-confirm__facts dd {
  margin: 0;
  color: #2c3446;
}
.pe-confirm__note {
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: #556070;
  margin: 0 0 8px;
  line-height: 1.5;
}
.pe-confirm__qr {
  flex: none;
  margin: 0;
  text-align: center;
}
.pe-confirm__qr svg {
  width: 148px;
  height: 148px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 8px;
  background: #fff;
}
.pe-confirm__qr figcaption {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #556070;
  margin-top: 6px;
}

@media (max-width: 560px) {
  .pe-hero__title {
    font-size: calc(var(--edc-fs-title) * 21 / 18);
  }
  .pe-main {
    padding: 20px 16px 40px;
  }
}
.pe-body {
  font-family: var(--face-body-font, inherit);
}

.pe-body h1, .pe-body h2 {
  font-family: var(--face-heading-font, inherit);
}

.pe-identity {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}

.pe-identity__logo {
  height: 32px;
  width: auto;
  max-width: 150px;
}

.pe-hero__image {
  margin: 0 0 18px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e3e8ef;
  background: #fff;
  aspect-ratio: 16/7;
}
.pe-hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.pe-hero__actions {
  margin: 14px 0 0;
}

.pe-chip {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #2c3446;
  background: #eef2f7;
  border: 1px solid #dfe4ea;
}
.pe-chip--members {
  color: #116e4c;
  background: #eaf6f0;
  border-color: #cde9db;
}

.pe-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  font-weight: 700;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  padding: 10px 18px;
  text-decoration: none;
  background: var(--face-primary, #1c3f75);
  color: #fff;
  border: 1px solid transparent;
  cursor: pointer;
}
.pe-button:hover {
  background: #163258;
  color: #fff;
  text-decoration: none;
}
.pe-button:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 2px;
}
.pe-button--ghost {
  background: #fff;
  color: #1c2531;
  border-color: #c9d2dd;
}
.pe-button--ghost:hover {
  background: #f5f7fa;
  color: #1c2531;
}
.pe-button--sm {
  padding: 7px 13px;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
}

.pe-membersnote {
  margin: 0 0 14px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #116e4c;
  background: #eaf6f0;
  border: 1px solid #cde9db;
  border-radius: 9px;
  padding: 8px 12px;
}

.pe-ticket__window {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #556070;
  margin-top: 2px;
}
.pe-ticket__window--live {
  color: #8a6410;
}

.pe-confirm__online {
  word-break: break-all;
}

.pe-confirm__actions {
  margin: 6px 0 0;
}

.pe-list__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.pe-list__head .pe-hero__title {
  margin-bottom: 0;
}

.pe-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pe-list__item {
  margin: 0 0 12px;
}
.pe-list__link {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  padding: 16px 20px;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}
.pe-list__link:hover {
  border-color: rgba(var(--face-primary, #1c3f75), 0.5);
  box-shadow: 0 6px 18px rgba(28, 37, 49, 0.06);
  color: inherit;
  text-decoration: none;
}
.pe-list__link:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 2px;
}
.pe-list__date {
  flex: none;
  width: 58px;
  text-align: center;
  border-radius: 10px;
  background: #f1f4f8;
  padding: 8px 0 6px;
}
.pe-list__month {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--face-primary, #1c3f75);
}
.pe-list__day {
  display: block;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 800;
  line-height: 1;
  color: #1c2531;
  margin-top: 2px;
}
.pe-list__body {
  flex: 1;
  min-width: 0;
}
.pe-list__name {
  display: block;
  font-weight: 750;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  letter-spacing: -0.01em;
}
.pe-list__meta {
  display: block;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin-top: 2px;
}
.pe-list__chips {
  display: block;
  margin-top: 6px;
}
.pe-list__chips .pe-chip {
  margin: 0 6px 0 0;
}
.pe-list__cta {
  flex: none;
  text-align: right;
}
.pe-list__price {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 600;
  color: #556070;
}
.pe-list__go {
  display: inline-block;
  margin-top: 4px;
  font-weight: 800;
  color: var(--face-primary, #1c3f75);
}

@media (max-width: 560px) {
  .pe-list__link {
    gap: 12px;
    padding: 14px;
  }
  .pe-list__cta {
    display: none;
  }
}
.pe-form__opt {
  font-weight: 500;
  color: #556070;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
}

.pe-form__field textarea {
  width: 100%;
  border: 1px solid #c9d2dd;
  border-radius: 9px;
  padding: 9px 12px;
  font-size: var(--edc-fs-body);
  font-family: inherit;
}
.pe-form__field textarea:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 1px;
}

.pe-party {
  margin: 4px 0 12px;
  padding: 14px 16px 6px;
  border: 1px dashed #c9d2dd;
  border-radius: 11px;
  background: #fafbfc;
}
.pe-party__lede {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #556070;
}
.pe-party__row {
  margin-bottom: 0;
}

.pe-questions {
  margin: 4px 0 8px;
}

.pe-question {
  margin-bottom: 14px;
}

.pe-choices {
  border: 0;
  padding: 0;
  margin: 0 0 14px;
}
.pe-choices legend {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 700;
  margin-bottom: 6px;
  padding: 0;
}

.pe-choice {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 0;
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 13.58 / 14);
  cursor: pointer;
}

.pe-form__field .pe-choice input {
  width: auto;
  flex: none;
  margin: 0;
  padding: 0;
}

.pe-question .pe-form__hint {
  margin: 6px 0 0;
}

.pe-ticket__seats {
  font-weight: 600;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  margin-left: 6px;
}

.pe-tickets-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
}

.pe-ticket-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 14px 12px 12px;
  background: #fff;
}
.pe-ticket-card__qr {
  margin: 0;
  text-align: center;
}
.pe-ticket-card__qr svg {
  width: 132px;
  height: 132px;
  display: block;
}
.pe-ticket-card__qr figcaption {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #556070;
  margin-top: 4px;
}
.pe-ticket-card__who {
  text-align: center;
  min-width: 0;
  width: 100%;
}
.pe-ticket-card__name {
  display: block;
  font-weight: 750;
  font-size: calc(var(--edc-fs-body) * 13.72 / 14);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pe-ticket-card__name.is-unnamed {
  color: #556070;
  font-weight: 600;
  font-style: italic;
}
.pe-ticket-card__seat {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  margin-top: 1px;
}

.pe-party-code {
  margin-top: 14px;
}
.pe-party-code summary {
  cursor: pointer;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
  color: var(--face-primary, #1c3f75);
}
.pe-party-code .pe-confirm__qr {
  margin-top: 10px;
}

.pe-manage__form {
  margin: 0;
}
.pe-manage__actions {
  margin: 2px 0 6px;
}
.pe-manage__cancel {
  margin: 8px 0 0;
  padding-top: 12px;
  border-top: 1px solid #e3e8ef;
}

.pe-link-danger {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 700;
  color: #8f1c13;
  text-decoration: underline;
}
.pe-link-danger:focus-visible {
  outline: 2px solid #8f1c13;
  outline-offset: 2px;
}

.pe-pay {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 4px 0 12px;
}
.pe-pay__note {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #556070;
}
.pe-pay__paid {
  margin: 0 0 12px;
  font-weight: 700;
  color: #116e4c;
}
.pe-pay__paid .fa {
  margin-right: 4px;
}

.pe-arrived__line {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-heading) * 16.1 / 16);
  font-weight: 800;
  color: #116e4c;
}
.pe-arrived__line .fa {
  margin-right: 6px;
}
.pe-arrived__list {
  margin: 0 0 12px;
  padding-left: 20px;
  font-size: var(--edc-fs-body);
}
.pe-arrived__list li {
  margin: 2px 0;
}

.pe-sponsors__level {
  margin: 14px 0 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-eyebrow) * 10.92 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}
.pe-sponsors__level:first-of-type {
  margin-top: 0;
}
.pe-sponsors__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.pe-sponsors__sponsor {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
  color: #1c2531;
  font-weight: 700;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  text-decoration: none;
}
.pe-sponsors__sponsor:hover {
  border-color: rgba(var(--face-primary, #1c3f75), 0.5);
  color: #1c2531;
  text-decoration: none;
}
.pe-sponsors__sponsor--logo {
  padding: 10px 14px;
}
.pe-sponsors__sponsor--logo img {
  height: 40px;
  width: auto;
  max-width: 160px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.pe-body--wide .pe-topbar__inner, .pe-body--wide .pe-flash {
  max-width: 1120px;
}

.pe-main--event {
  max-width: 1120px;
}

.pe-event {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "hero" "desc" "aside" "rest";
  gap: 0;
}
.pe-event__hero {
  grid-area: hero;
  min-width: 0;
}
.pe-event__desc {
  grid-area: desc;
}
.pe-event__aside {
  grid-area: aside;
  min-width: 0;
}
.pe-event__rest {
  grid-area: rest;
  min-width: 0;
}
@media (min-width: 992px) {
  .pe-event {
    grid-template-columns: minmax(0, 1fr) 400px;
    grid-template-areas: "hero aside" "desc aside" "rest aside";
    grid-template-rows: auto auto 1fr;
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .pe-event__aside {
    position: sticky;
    top: 24px;
    align-self: start;
  }
}

.pe-share__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pe-share__status {
  margin: 8px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
  min-height: 1em;
}

.pe-where__place {
  margin: 0 0 6px;
  font-weight: 600;
}
.pe-where__link {
  font-weight: 600;
  color: var(--face-primary, #1c3f75);
}
.pe-where__host {
  margin: 12px 0 0;
  color: #556070;
  line-height: 1.6;
}
.pe-where__host strong {
  color: #1c2531;
}
.pe-where__host a {
  color: var(--face-primary, #1c3f75);
}

.pe-more__list {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}
.pe-more__item {
  display: flex;
  gap: 14px;
  align-items: baseline;
  padding: 10px 0;
  border-top: 1px solid #e3e8ef;
  color: #1c2531;
  text-decoration: none;
}
.pe-more__item:hover .pe-more__name {
  text-decoration: underline;
}
.pe-more li:first-child .pe-more__item {
  border-top: 0;
}
.pe-more__date {
  flex: 0 0 64px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 700;
  color: var(--face-primary, #1c3f75);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pe-more__name {
  font-weight: 600;
}

.mt-card {
  background: #fff;
  border: 1px solid #dfe5ec;
  border-radius: 12px;
  padding: 28px;
}
.mt-card--done {
  text-align: center;
  padding: 40px 28px;
}

.mt-host {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 24px;
}

.mt-avatar {
  width: 52px;
  height: 52px;
  flex: none;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #e8eef8;
  color: #1c3f75;
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
}

.mt-host__name {
  margin: 0 0 2px;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}

.mt-title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #1c2531;
  text-shadow: none;
}

.mt-facts {
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
}

.mt-card--done .mt-facts {
  justify-content: center;
}

.mt-empty {
  margin: 0;
  padding: 16px;
  background: #f6f7f9;
  border-radius: 9px;
  color: #1c2531;
}

.mt-step {
  margin: 24px 0 12px;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  color: #1c2531;
  text-shadow: none;
}

.mt-step:first-of-type {
  margin-top: 0;
}

.mt-days {
  display: grid;
  gap: 18px;
}

.mt-day {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.mt-day__label {
  padding: 0;
  margin-bottom: 8px;
  font-weight: 650;
  color: #1c2531;
  font-size: calc(var(--edc-fs-body) * 13.72 / 14);
}
.mt-day__label span {
  color: #1c2531;
}

.mt-dayrow {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  gap: 8px;
  margin-bottom: 18px;
}
.mt-dayrow[hidden] {
  display: none;
}

.mt-daychip {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: 10px 12px;
  border-radius: 9px;
  border: 1px solid #b9c4d2;
  background: #fff;
  font: inherit;
  color: #1c2531;
  cursor: pointer;
  text-align: left;
  min-width: 0;
}
.mt-daychip__dow {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 600;
  color: #556070;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.mt-daychip__date {
  font-size: calc(var(--edc-fs-body) * 14.28 / 14);
  font-weight: 700;
}
.mt-daychip__count {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
}
.mt-daychip:hover {
  border-color: var(--face-primary, #1c3f75);
}
.mt-daychip:focus-visible {
  outline: 3px solid rgba(28, 63, 117, 0.35);
  outline-offset: 2px;
}
.mt-daychip[aria-pressed=true] {
  background: var(--face-primary, #1c3f75);
  border-color: var(--face-primary, #1c3f75);
  color: #fff;
}
.mt-daychip[aria-pressed=true] .mt-daychip__dow, .mt-daychip[aria-pressed=true] .mt-daychip__count {
  color: rgba(255, 255, 255, 0.85);
}

.mt-days--one .mt-day[hidden] {
  display: none;
}

.mt-days--one .mt-day__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.mt-chosen {
  margin: 12px 0 0;
  min-height: 1.4em;
  color: #1c2531;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}

.mt-chosen:empty {
  margin: 0;
  min-height: 0;
}

.mt-times {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 8px;
}

.mt-time {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.mt-time input {
  position: absolute;
  opacity: 0;
  inset: 0;
  margin: 0;
  cursor: pointer;
}
.mt-time span {
  display: block;
  text-align: center;
  padding: 10px 6px;
  border-radius: 8px;
  border: 1px solid #b9c4d2;
  color: #1c2531;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  background: #fff;
}
.mt-time:hover span {
  border-color: var(--face-primary, #1c3f75);
}
.mt-time input:focus-visible + span {
  outline: 3px solid rgba(28, 63, 117, 0.35);
  outline-offset: 2px;
}
.mt-time input:checked + span {
  background: var(--face-primary, #1c3f75);
  border-color: var(--face-primary, #1c3f75);
  color: #fff;
}

.mt-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.mt-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.mt-field--wide {
  grid-column: 1/-1;
}
.mt-field label {
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: #1c2531;
}
.mt-field label span {
  font-weight: 400;
  color: #556070;
}
.mt-field small {
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}
.mt-field input, .mt-field textarea {
  font: inherit;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  padding: 10px 12px;
  border: 1px solid #b9c4d2;
  border-radius: 8px;
  background: #fff;
}
.mt-field input:focus, .mt-field textarea:focus {
  outline: 3px solid rgba(28, 63, 117, 0.3);
  border-color: var(--face-primary, #1c3f75);
}

.mt-book {
  margin-top: 22px;
  width: 100%;
  padding: 13px 18px;
  border: 0;
  border-radius: 9px;
  background: var(--face-primary, #1c3f75);
  color: #fff;
  font: inherit;
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 14.28 / 14);
  cursor: pointer;
}
.mt-book:hover {
  filter: brightness(1.08);
}
.mt-book:focus-visible {
  outline: 3px solid rgba(28, 63, 117, 0.4);
  outline-offset: 2px;
}

.mt-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.mt-check {
  display: inline-grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #e6f4ec;
  color: #16653a;
  margin-bottom: 14px;
}

.mt-when {
  margin: 0 0 12px;
  color: #1c2531;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  line-height: 1.6;
}

@media (max-width: 560px) {
  .mt-dayrow {
    grid-auto-flow: column;
    grid-template-columns: none;
    grid-auto-columns: 96px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 6px;
    margin-inline: -4px;
    padding-inline: 4px;
  }
  .mt-daychip {
    scroll-snap-align: start;
  }
  .mt-times {
    grid-template-columns: repeat(3, 1fr);
  }
  .mt-card {
    padding: 20px;
  }
  .mt-fields {
    grid-template-columns: 1fr;
  }
  .mt-host {
    flex-direction: column;
    gap: 10px;
  }
}
.mp-body {
  margin: 0;
  background: #f5f6f8;
  color: #1c2531;
  font-family: var(--face-body-font, -apple-system, "Helvetica Neue", Arial, sans-serif);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.mp-header {
  background: var(--face-primary, #1c3f75);
  color: #fff;
}
.mp-header__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 16px 24px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.mp-header__org {
  font-weight: 800;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  letter-spacing: -0.01em;
}
.mp-header__who {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mp-header__name {
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  opacity: 0.92;
}
.mp-header__signout {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: #fff;
  border-radius: 7px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  padding: 4px 12px;
  cursor: pointer;
}
.mp-header__signout:hover {
  background: rgba(255, 255, 255, 0.12);
}
.mp-header__signout:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.mp-nav {
  background: var(--face-primary, #1c3f75);
}
.mp-nav__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  gap: 2px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.mp-nav__link {
  flex: none;
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 650;
  padding: 10px 12px 12px;
  border-radius: 9px 9px 0 0;
  white-space: nowrap;
}
.mp-nav__link:hover {
  color: #fff;
  text-decoration: none;
}
.mp-nav__link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -2px;
}
.mp-nav__link.is-active {
  background: #f5f6f8;
  color: var(--face-primary-strong, #163258);
}

.mp-subnav {
  background: #f5f6f8;
  border-bottom: 1px solid #e3e8ef;
}
.mp-subnav__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  gap: 4px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.mp-subnav__link {
  flex: none;
  padding: 10px 12px;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  font-weight: 600;
  color: #475467;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
}
.mp-subnav__link:hover {
  color: var(--face-primary-strong, #163258);
  text-decoration: none;
}
.mp-subnav__link:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: -2px;
}
.mp-subnav__link.is-active {
  color: var(--face-primary-strong, #163258);
  border-bottom-color: var(--face-primary, #1c3f75);
}

.mp-flash {
  max-width: 960px;
  margin: 16px auto 0;
  padding: 10px 16px;
  border-radius: 9px;
  background: #eaf6f0;
  border: 1px solid #cde9db;
  color: #14532d;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.mp-flash--alert {
  background: #fdf6e6;
  border-color: #eeddb0;
  color: #8a6410;
}

.mp-main {
  flex: 1;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 26px 24px 54px;
}

.mp-footer {
  border-top: 1px solid #e3e8ef;
  background: #fff;
  color: #556070;
  text-align: center;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  padding: 14px;
}

.mp-hero {
  margin-bottom: 20px;
}
.mp-hero__title {
  font-size: calc(var(--edc-fs-display) * 21.7 / 24);
  font-weight: 800;
  letter-spacing: -0.015em;
  margin: 0 0 4px;
}
.mp-hero__sub {
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 13.16 / 13);
}

.mp-card {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  padding: 18px 20px;
  margin-bottom: 16px;
}

.mp-section__title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
  margin: 0 0 12px;
}

.mp-membership__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 22px 34px;
}

.mp-fact__label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}
.mp-fact__value {
  display: block;
  font-size: calc(var(--edc-fs-heading) * 15.12 / 16);
  font-weight: 750;
  margin-top: 2px;
}

.mp-pledge {
  margin-top: 16px;
}
.mp-pledge__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  font-weight: 650;
  margin-bottom: 6px;
}
.mp-pledge__label {
  color: #556070;
  font-weight: 600;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
}
.mp-pledge__bar {
  height: 9px;
  border-radius: 999px;
  background: #e8ecf2;
  overflow: hidden;
}
.mp-pledge__fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--face-primary, #1c3f75), #3e6db3);
}

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

.mp-moment {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
.mp-moment__title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #556070;
  margin: 0 0 8px;
}
.mp-moment__title .fa {
  color: var(--face-primary, #1c3f75);
  margin-right: 4px;
}
.mp-moment__big {
  font-size: calc(var(--edc-fs-heading) * 16.8 / 16);
  font-weight: 750;
  margin: 0 0 2px;
}
.mp-moment__big--small {
  font-size: var(--edc-fs-body);
}
.mp-moment__meta {
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
  margin: 0;
}
.mp-moment__quote {
  line-height: 1.5;
}
.mp-moment__link {
  margin-top: auto;
  padding-top: 10px;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  font-weight: 700;
  color: var(--face-primary, #1c3f75);
  text-decoration: none;
}
.mp-moment__link:hover {
  text-decoration: underline;
}

.mp-form__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.mp-field {
  flex: 1 1 240px;
  min-width: 0;
}
.mp-field--wide {
  flex-basis: 100%;
}
.mp-field--narrow {
  flex: 0 1 120px;
}
.mp-field label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 700;
  margin-bottom: 5px;
}
.mp-field input, .mp-field select, .mp-field textarea {
  width: 100%;
  border: 1px solid #c9d2dd;
  border-radius: 9px;
  padding: 9px 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-family: inherit;
}
.mp-field input:focus-visible, .mp-field select:focus-visible, .mp-field textarea:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 1px;
}

.mp-form__actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
}

.mp-form__hint {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
  color: #556070;
}

.mp-btn {
  white-space: nowrap;
  border: 0;
  background: var(--face-primary, #1c3f75);
  color: #fff;
  border-radius: 9px;
  font-size: calc(var(--edc-fs-secondary) * 13.16 / 13);
  font-weight: 700;
  padding: 10px 22px;
  cursor: pointer;
}
.mp-btn:hover {
  background: var(--face-primary-strong, #163258);
}
.mp-btn:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 2px;
}
.mp-btn--ghost {
  background: transparent;
  border: 1px solid #c3ccd8;
  color: var(--face-primary, #1c3f75);
  padding: 7px 16px;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  text-decoration: none;
}
.mp-btn--ghost:hover {
  background: #eef2fb;
  text-decoration: none;
  color: var(--face-primary-strong, #163258);
}

.mp-aside {
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
  margin: 10px 2px 0;
}
.mp-aside a {
  color: var(--face-primary, #1c3f75);
  font-weight: 650;
}

.mp-empty {
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  margin: 0;
}

.mp-pill {
  display: inline-block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #556070;
}
.mp-pill--pending {
  background: #fdf6e6;
  color: #8a6410;
}
.mp-pill--applied {
  background: #eaf6f0;
  color: #116e4c;
}
.mp-pill--dismissed {
  background: #eef2f7;
  color: #556070;
}

.mp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.mp-table th {
  text-align: left;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  padding: 6px 10px;
  border-bottom: 1px solid #e3e8ef;
}
.mp-table td {
  padding: 10px;
  border-bottom: 1px solid #eef1f5;
}
.mp-table__num {
  text-align: right;
}
.mp-table__name {
  font-weight: 650;
}

.mp-pending {
  border-color: #eeddb0;
  background: #fffdf6;
}
.mp-pending__title {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 750;
  margin: 0 0 4px;
}
.mp-pending__title .fa {
  color: #8a6410;
}
.mp-pending__meta {
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
  margin: 0 0 12px;
}

.mp-diff-table {
  width: 100%;
  border-collapse: collapse;
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.mp-diff-table th, .mp-diff-table td {
  text-align: left;
  padding: 8px 10px;
  border-top: 1px solid #e3e8ef;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.mp-diff-table thead th {
  border-top: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #556070;
}
.mp-diff-table tbody th {
  font-weight: 600;
  width: 32%;
}
.mp-diff-table tr.is-changed td:last-child {
  font-weight: 700;
  color: #1f2d3d;
  background: #fff7e6;
}
.mp-diff-table tr:not(.is-changed) td:nth-child(2) {
  color: #35404d;
}

.mp-history {
  margin-top: 4px;
}

.mp-history__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mp-history__row {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 9px 14px;
  margin-bottom: 8px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}

.mp-history__date {
  margin-left: auto;
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
}

.mp-regs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mp-regs__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 2px;
  border-bottom: 1px solid #eef1f5;
}
.mp-regs__row:last-child {
  border-bottom: 0;
}

.mp-regs__meta {
  display: block;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
  color: #556070;
  margin-top: 1px;
}

.mp-regs__side {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: none;
}

.mp-events {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.mp-event {
  margin-bottom: 0;
}
.mp-event__head {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 8px;
}
.mp-event__date {
  flex: none;
  width: 52px;
  text-align: center;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 5px 0;
  background: #fbfcfe;
}
.mp-event__month {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #b42318;
}
.mp-event__day {
  display: block;
  font-size: calc(var(--edc-fs-title) * 17.5 / 18);
  font-weight: 800;
  line-height: 1.1;
}
.mp-event__name {
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 750;
  margin: 0;
}
.mp-event__meta {
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
  margin: 1px 0 0;
}
.mp-event__desc {
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: #2c3446;
  line-height: 1.55;
  margin: 0 0 12px;
}
.mp-event__done {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #116e4c;
  font-weight: 650;
  margin: 0;
}
.mp-event__done .fa {
  margin-right: 4px;
}
.mp-event__form {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  border-top: 1px solid #eef1f5;
  padding-top: 12px;
}
.mp-event__form .mp-field {
  flex: 1 1 260px;
}
.mp-event__form .mp-field--narrow {
  flex: 0 1 110px;
}
.mp-event__form .mp-btn {
  margin-bottom: 1px;
}

.mp-docs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mp-docs__row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 2px;
  border-bottom: 1px solid #eef1f5;
}
.mp-docs__row:last-child {
  border-bottom: 0;
}

.mp-docs__icon {
  color: var(--face-primary, #1c3f75);
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  flex: none;
}

.mp-docs__what {
  flex: 1;
  min-width: 0;
}

.mp-upload {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  border: 1px dashed #c3ccd8;
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 12px;
}
.mp-upload input[type=file] {
  flex: 1 1 240px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}

.mp-thread {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mp-msg {
  max-width: 82%;
  border-radius: 13px;
  padding: 10px 14px;
}
.mp-msg--mine {
  align-self: flex-end;
  background: var(--face-primary, #1c3f75);
  color: #fff;
}
.mp-msg--mine .mp-msg__meta {
  color: rgba(255, 255, 255, 0.75);
}
.mp-msg--staff {
  align-self: flex-start;
  background: #eef1f6;
}
.mp-msg__body {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-secondary) * 13.16 / 13);
  line-height: 1.5;
  white-space: pre-line;
}
.mp-msg__meta {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  color: #556070;
}

.mp-composer {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  flex-wrap: wrap;
}
.mp-composer textarea {
  flex: 1 1 320px;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-family: inherit;
}
.mp-composer textarea:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 1px;
}

@media (max-width: 620px) {
  .mp-main {
    padding: 20px 14px 44px;
  }
  .mp-hero__title {
    font-size: calc(var(--edc-fs-title) * 18.2 / 18);
  }
  .mp-msg {
    max-width: 94%;
  }
  .mp-header__inner {
    padding: 14px 14px 8px;
  }
}
.mpa-page {
  max-width: 1040px;
  margin: 0 auto;
  padding: 24px 20px 60px;
  color: #1c2531;
}

.mpa-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.mpa-head__kicker {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
  margin: 0 0 4px;
}
.mpa-head__title {
  font-size: calc(var(--edc-fs-title) * 20.3 / 18);
  font-weight: 800;
  letter-spacing: -0.01em;
  margin: 0 0 4px;
}
.mpa-head__sub {
  margin: 0;
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.mpa-head__back {
  flex: none;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 600;
  color: var(--face-primary, #1c3f75);
  text-decoration: none;
  white-space: nowrap;
}
.mpa-head__back:hover {
  text-decoration: underline;
}

.mpa-panel {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 16px;
}
.mpa-panel__title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  margin: 0 0 12px;
}
.mpa-panel__title .fa {
  color: var(--face-primary, #1c3f75);
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.mpa-subtitle {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #556070;
  margin: 16px 0 8px;
}

.mpa-empty {
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin: 0;
}

.mpa-hint {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 500;
  color: #556070;
}

.mpa-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin-bottom: 14px;
}
.mpa-table th {
  text-align: left;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
  padding: 6px 10px;
  border-bottom: 1px solid #e3e8ef;
}
.mpa-table td {
  padding: 9px 10px;
  border-bottom: 1px solid #eef1f5;
  vertical-align: top;
}
.mpa-table__name {
  display: block;
  font-weight: 650;
}
.mpa-table__sub {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.mpa-table__actions {
  text-align: right;
  white-space: nowrap;
}

.mpa-pill {
  display: inline-block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 999px;
  background: #eef2f7;
  color: #556070;
}
.mpa-pill--ok {
  background: #eaf6f0;
  color: #116e4c;
}
.mpa-pill--warn {
  background: #fdf6e6;
  color: #8a6410;
}
.mpa-pill--off {
  background: #fdf1ef;
  color: #8f1c13;
}

.mpa-mini {
  border: 1px solid #e3e8ef;
  background: #fff;
  color: #556070;
  border-radius: 7px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  padding: 3px 10px;
  cursor: pointer;
}
.mpa-mini:hover {
  color: #1c2531;
  border-color: #c3ccd8;
}
.mpa-mini--danger:hover {
  color: #8f1c13;
  border-color: #f0c8c2;
}

.mpa-invite {
  border-top: 1px solid #eef1f5;
  padding-top: 14px;
}
.mpa-invite__title {
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  font-weight: 750;
  margin: 0 0 10px;
}
.mpa-invite__grid {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.mpa-field {
  flex: 1 1 220px;
}
.mpa-field label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  margin-bottom: 4px;
}
.mpa-field input, .mpa-field select {
  width: 100%;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 7px 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  font-family: inherit;
}
.mpa-field input:focus-visible, .mpa-field select:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 1px;
}
.mpa-field--indent {
  margin: 6px 0 10px 26px;
  max-width: 380px;
}

.mpa-decision {
  border: 1px dashed #d5dce5;
  border-radius: 9px;
  padding: 10px 14px;
  margin: 0 0 12px;
}
.mpa-decision legend {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 700;
  padding: 0 6px;
}

.mpa-radio {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  margin: 6px 0;
  cursor: pointer;
}
.mpa-radio input {
  margin: 0;
}

.mpa-send-email {
  margin-bottom: 12px;
}

.mpa-invite-url {
  border-color: #b7cbea;
  background: #f6f9ff;
}
.mpa-invite-url__row {
  display: flex;
  gap: 8px;
}
.mpa-invite-url__row input {
  flex: 1;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 7px 10px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.mpa-changes {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mpa-change {
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 12px 15px;
}
.mpa-change__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.mpa-change__actions {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  align-items: center;
}

.mpa-diff {
  margin: 0;
}
.mpa-diff__row {
  display: flex;
  gap: 12px;
  padding: 4px 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.mpa-diff__row dt {
  font-weight: 700;
  min-width: 120px;
  margin: 0;
}
.mpa-diff__row dd {
  margin: 0;
  display: flex;
  gap: 8px;
  align-items: baseline;
  flex-wrap: wrap;
}
.mpa-diff__old {
  color: #556070;
  text-decoration: line-through;
  text-decoration-color: rgba(85, 96, 112, 0.5);
}
.mpa-diff__new {
  font-weight: 650;
  color: #116e4c;
}
.mpa-diff .fa {
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  color: #556070;
}

.mpa-shares {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
}

.mpa-shares__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 2px;
  border-bottom: 1px solid #eef1f5;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.mpa-shares__row:last-child {
  border-bottom: 0;
}
.mpa-shares__row form {
  margin-left: auto;
}

.mpa-share-form {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.mpa-share-form select {
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  max-width: 420px;
}

.mp-body h1, .mp-body h2, .mp-body h3 {
  font-family: var(--face-heading-font, inherit);
}

.mp-identity {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
}

.mp-identity__name {
  white-space: nowrap;
}

.mp-header__org {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 18px;
  flex-shrink: 0;
}

.mp-header__name {
  white-space: nowrap;
}

.mp-identity__logo {
  height: 34px;
  width: auto;
  max-width: 160px;
  border-radius: 6px;
  background: #fff;
  padding: 3px;
}

.mp-sitelinks {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-right: auto;
  padding-left: 18px;
}

.mp-sitelinks__link {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
}
.mp-sitelinks__link:hover {
  color: #fff;
  text-decoration: underline;
}

.mp-body[data-personality=editorial] .mp-btn, .mp-body[data-personality=editorial] .mp-card, .mp-body[data-personality=editorial] .mp-nav__link {
  border-radius: 2px;
}

.mp-body[data-personality=minimal] .mp-header {
  box-shadow: none;
}

.mp-page {
  max-width: 960px;
  margin: 0 auto;
  padding: 24px 16px;
  display: grid;
  gap: 14px;
}

.mp-kicker {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}

.mp-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
  margin: 0 0 14px;
}
.mp-facts dt {
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #556070;
}
.mp-facts dd {
  margin: 0;
  font-weight: 700;
}

.mp-listing {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 14px;
  align-items: start;
  min-width: 0;
}
@media (max-width: 900px) {
  .mp-listing {
    grid-template-columns: minmax(0, 1fr);
  }
}

.mp-listing > * {
  min-width: 0;
}

.mp-listing .mp-form__actions {
  flex-wrap: wrap;
}

.mp-listing .mp-card {
  min-width: 0;
}

.mp-listing .mp-card p, .mp-listing .mp-card a {
  overflow-wrap: break-word;
}

.mp-toggle {
  white-space: nowrap;
}

.mp-listing__side {
  position: sticky;
  top: 12px;
}

.mp-listing__card {
  background: #f7f8fb;
  border-radius: 10px;
  padding: 12px;
}

.mp-card__title {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
}

.mp-complete {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 8px;
}

.mp-complete__bar {
  flex: 1;
  height: 8px;
  border-radius: 999px;
  background: #eef1f5;
  overflow: hidden;
}

.mp-complete__fill {
  height: 100%;
  background: #116e4c;
  border-radius: 999px;
}

.mp-complete__pct {
  font-weight: 800;
  min-width: 3.5ch;
  text-align: right;
}

.mp-field textarea {
  width: 100%;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 8px 10px;
  font: inherit;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  min-height: 120px;
}

.mp-hours {
  display: grid;
  gap: 6px;
}

.mp-hours__row {
  display: grid;
  grid-template-columns: 100px 1fr auto 1fr auto;
  gap: 8px;
  align-items: center;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.mp-hours__row input[type=time] {
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 6px 8px;
  font: inherit;
}
@media (max-width: 640px) {
  .mp-hours__row {
    grid-template-columns: 90px 1fr 1fr;
  }
}

.mp-hours__day {
  font-weight: 600;
}

.mp-hours__dash {
  color: #556070;
}

.mp-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.mp-toggle input {
  width: 16px;
  height: 16px;
  accent-color: var(--face-primary, #1c3f75);
}

.mp-toggles {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 10px 0 6px;
}

.mp-photos {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 8px;
}

.mp-photo {
  position: relative;
  aspect-ratio: 4/3;
  border-radius: 8px;
  overflow: hidden;
  background: #eef1f5;
}
.mp-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.mp-photo__remove {
  position: absolute;
  top: 6px;
  right: 6px;
  border: 0;
  background: rgba(15, 23, 42, 0.75);
  color: #fff;
  border-radius: 6px;
  font-size: var(--edc-fs-eyebrow);
  padding: 3px 7px;
  cursor: pointer;
}

.mp-cats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 6px 18px;
}

.mp-cats__root {
  font-weight: 700;
  margin: 8px 0 2px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}

.mp-cats label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  padding: 3px 0;
}
.mp-cats label input {
  accent-color: var(--face-primary, #1c3f75);
}

.mp-cats__sub {
  padding-left: 22px;
}

.mp-pending__title {
  margin: 0 0 4px;
  font-weight: 700;
}

@media (max-width: 640px) {
  .mp-header__inner {
    flex-wrap: wrap;
    padding: 12px 14px 8px;
  }
  .mp-header__org {
    width: 100%;
  }
  .mp-identity__name {
    white-space: normal;
  }
  .mp-sitelinks {
    width: 100%;
    padding-left: 0;
    gap: 8px 14px;
    margin: 0;
  }
  .mp-header__who {
    width: 100%;
    justify-content: space-between;
  }
  .mp-hours__row {
    grid-template-columns: 1fr auto 1fr auto;
  }
  .mp-hours__day {
    grid-column: 1/-1;
    margin-top: 4px;
  }
}
.mp-people {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.mp-person {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
}

.mp-person__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #eef2fb;
  color: var(--face-primary, #1c3f75);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}

.mp-person__body {
  min-width: 0;
}

.mp-person__name {
  margin: 0;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.mp-person__meta {
  margin: 2px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
}

.mp-person__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 12px;
  margin-top: 8px;
}

.mp-person__acts > form {
  flex: none;
}

.mp-person__change-summary {
  display: inline-block;
  padding-top: 6px;
}

.mp-person__change {
  flex: 1 1 auto;
  min-width: 0;
}

.mp-person__change-summary {
  list-style: none;
  cursor: pointer;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  font-weight: 700;
  color: var(--face-primary, #1c3f75);
  border-radius: 4px;
}
.mp-person__change-summary::-webkit-details-marker {
  display: none;
}
.mp-person__change-summary::after {
  content: " ▾";
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
}
.mp-person__change-summary:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 2px;
}

.mp-person__change[open] .mp-person__change-summary::after {
  content: " ▴";
}

.mp-person__panel {
  margin-top: 8px;
  padding: 12px;
  border-radius: 8px;
  background: #f6f8fb;
}

.mp-person__doors {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  margin-top: 8px;
}
.mp-person__doors:empty {
  display: none;
}

.mp-person__remove {
  margin-left: auto;
}

.mp-person__form {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
}
.mp-person__form select {
  font: inherit;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  padding: 4px 8px;
}

.mp-tag {
  display: inline-flex;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  background: #eef1f5;
  color: #556070;
}

.mp-tag--primary {
  background: var(--face-primary, #1c3f75);
  color: #fff;
}

.mp-tag--ok {
  background: #eaf6f0;
  color: #116e4c;
}

.mp-btn--sm {
  padding: 6px 12px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
}

.mp-btn--danger {
  color: #8f1c13;
  border-color: #e6b5b0;
}

.mp-switch {
  font: inherit;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  padding: 4px 8px;
  margin-right: 10px;
}
.mp-switch option {
  color: #1c2531;
}

.mp-billing__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.mp-billing__head .mp-card__title {
  margin: 0;
}

.mp-fact__note {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
  margin-top: 2px;
}

.mp-benefits {
  margin: 12px 0 0;
  padding-left: 18px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.mp-benefits li + li {
  margin-top: 3px;
}

.mp-payrow {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 12px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
}
.mp-payrow + .mp-payrow {
  margin-top: 8px;
}
.mp-payrow--renewal {
  border-color: var(--face-primary, #1c3f75);
  background: #f5f8fe;
  margin-bottom: 8px;
}

.mp-payrow__body {
  flex: 1 1 200px;
  min-width: 0;
}

.mp-payrow__name {
  margin: 0;
  font-weight: 700;
}

.mp-payrow__meta {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
}

.mp-payrow__amount {
  margin: 0;
  font-weight: 700;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  white-space: nowrap;
}

.mp-howto {
  margin-top: 12px;
  padding: 12px 14px;
  border-left: 4px solid var(--face-primary, #1c3f75);
  background: #f5f8fe;
  border-radius: 6px;
}

.mp-howto__title {
  margin: 0 0 4px;
  font-weight: 700;
}

.mp-howto__body {
  margin: 0;
  white-space: pre-wrap;
}

.mp-autopay {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.mp-autopay__text {
  margin: 0;
  flex: 1 1 240px;
}

.mp-levels {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.mp-level {
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 12px;
}
.mp-level.is-current {
  background: #f6f7f9;
}
.mp-level label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 10px;
  cursor: pointer;
  margin: 0;
}
.mp-level input {
  margin-top: 5px;
}
.mp-level:has(input:checked) {
  border-color: var(--face-primary, #1c3f75);
  box-shadow: 0 0 0 2px rgba(28, 63, 117, 0.12);
}

.mp-level__name {
  font-weight: 700;
}

.mp-level__dues {
  grid-column: 2;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #556070;
}

.mp-level__benefits {
  grid-column: 2;
  margin: 6px 0 0;
  padding-left: 16px;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
}

.mp-table__link {
  color: var(--face-primary, #1c3f75);
  font-weight: 650;
  text-decoration: none;
}
.mp-table__link:hover {
  text-decoration: underline;
}

.mp-tag--warn {
  background: #fdecec;
  color: #8a1f1f;
}

.mp-label {
  margin: 14px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
}

.mp-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 -4px;
  padding: 0 4px;
}

.mp-table-wrap .mp-table th, .mp-table-wrap .mp-table td {
  white-space: nowrap;
}

.mp-posts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.mp-post {
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 12px;
}
.mp-post--muted {
  background: #f6f7f9;
}

.mp-post__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}

.mp-post__head {
  flex: 1 1 260px;
  min-width: 0;
}

.mp-post__title {
  margin: 0;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.mp-post__meta {
  margin: 3px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
  display: flex;
  flex-wrap: wrap;
  gap: 2px 12px;
}
.mp-post__meta span {
  overflow-wrap: anywhere;
}

.mp-post__note {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
}
.mp-post__note a {
  color: var(--face-primary, #1c3f75);
  font-weight: 650;
}

.mp-post__edit {
  margin-top: 8px;
}
.mp-post__edit > summary {
  list-style: none;
  display: inline-flex;
  cursor: pointer;
}
.mp-post__edit > summary::-webkit-details-marker {
  display: none;
}
.mp-post__edit[open] > summary {
  margin-bottom: 10px;
}

.mp-kind {
  border: 0;
  margin: 0 0 14px;
  padding: 0;
  min-width: 0;
}

.mp-kind__legend {
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 700;
  margin-bottom: 6px;
  padding: 0;
}

.mp-kind__option {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  cursor: pointer;
}
.mp-kind__option input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.mp-tag--wait {
  background: #fff4de;
  color: #7a4b00;
}

@media (min-width: 641px) {
  .mp-nav__inner {
    flex-wrap: wrap;
    overflow-x: visible;
  }
}
.mp-hero--split {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.mp-plain {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}

.mp-checks li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.mp-checks li > span:first-child {
  color: #116e4c;
  font-weight: 700;
}

.mp-muted {
  color: #556070;
}

.mp-toggle--block {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}
.mp-toggle--block input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.mp-value__band {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}

.mp-value__stat {
  padding: 12px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
}

.mp-value__num {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 800;
  color: var(--face-primary, #1c3f75);
  line-height: 1.1;
}

.mp-value__label {
  margin: 4px 0 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
  color: #556070;
}

.mp-members__search {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.mp-members__search input[type=search] {
  flex: 1 1 240px;
  min-width: 0;
  border: 1px solid #c9d2dd;
  border-radius: 9px;
  padding: 9px 12px;
  font: inherit;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}
.mp-members__search select {
  flex: 0 1 220px;
  border: 1px solid #c9d2dd;
  border-radius: 9px;
  padding: 9px 12px;
  font: inherit;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}

.mp-members {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
}

.mp-member {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 14px;
}
.mp-member--featured {
  border-color: var(--face-primary, #1c3f75);
}

.mp-member__logo {
  width: 52px;
  height: 52px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e3e8ef;
  flex: none;
}

.mp-member__mark {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background: #eef2fb;
  color: var(--face-primary, #1c3f75);
  font-weight: 800;
  font-size: calc(var(--edc-fs-title) * 18.2 / 18);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}

.mp-member__body {
  min-width: 0;
  flex: 1 1 auto;
}

.mp-member__name {
  margin: 0;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.mp-member__cats {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
}

.mp-member__blurb {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}

.mp-member__facts {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
}
.mp-member__facts a {
  color: var(--face-primary, #1c3f75);
  font-weight: 650;
  text-decoration: none;
}
.mp-member__facts a:hover {
  text-decoration: underline;
}
.mp-member__facts span {
  overflow-wrap: anywhere;
}

.mp-committees {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.mp-committee {
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: flex-start;
}

.mp-committee__body {
  flex: 1 1 260px;
  min-width: 0;
}

.mp-committee__name {
  margin: 0;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.mp-committee__desc {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #556070;
}

.mp-committee__form {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  flex: 1 1 280px;
}
.mp-committee__form input {
  flex: 1 1 180px;
  min-width: 0;
  border: 1px solid #c9d2dd;
  border-radius: 8px;
  padding: 7px 10px;
  font: inherit;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}

.mp-news {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.mp-news__item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.mp-news__image {
  width: 180px;
  max-width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  flex: none;
}

.mp-news__body {
  flex: 1 1 280px;
  min-width: 0;
}

.mp-news__meta {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  color: #556070;
}

.mp-news__title {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 700;
}
.mp-news__title a {
  color: inherit;
  text-decoration: none;
}
.mp-news__title a:hover {
  color: var(--face-primary, #1c3f75);
}

.mp-news__excerpt {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
}

.mp-news__more {
  display: inline-block;
  margin-top: 8px;
  color: var(--face-primary, #1c3f75);
  font-weight: 650;
  text-decoration: none;
}
.mp-news__more:hover {
  text-decoration: underline;
}

@media print {
  .mp-header, .mp-nav, .mp-footer, .mp-hero button {
    display: none !important;
  }
}
.mp-committee__label {
  margin: 8px 0 2px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
}

.mp-committee__docs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 4px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.mp-committee__docs a {
  color: var(--face-primary, #1c3f75);
  font-weight: 650;
  text-decoration: none;
}
.mp-committee__docs a:hover {
  text-decoration: underline;
}

.mp-table__pdf {
  margin-left: 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
  text-decoration: none;
  white-space: nowrap;
}
.mp-table__pdf:hover {
  color: var(--face-primary, #1c3f75);
  text-decoration: underline;
}

a.mp-btn {
  text-decoration: none;
  color: #fff;
}
a.mp-btn:hover, a.mp-btn:focus {
  text-decoration: none;
  color: #fff;
}

a.mp-btn--ghost {
  color: var(--face-primary, #1c3f75);
}
a.mp-btn--ghost:hover, a.mp-btn--ghost:focus {
  color: var(--face-primary-strong, #163258);
}

.mp-header__signout {
  white-space: nowrap;
}

.mp-header__inner {
  flex-wrap: wrap;
}

.mp-nav__inner, .mp-subnav__inner {
  scrollbar-width: none;
}
.mp-nav__inner::-webkit-scrollbar, .mp-subnav__inner::-webkit-scrollbar {
  display: none;
}

.mp-nav__inner.has-more-end, .mp-subnav__inner.has-more-end {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent);
}

.mp-nav__inner.has-more-start, .mp-subnav__inner.has-more-start {
  -webkit-mask-image: linear-gradient(to left, #000 calc(100% - 48px), transparent);
  mask-image: linear-gradient(to left, #000 calc(100% - 48px), transparent);
}

.mp-nav__inner.has-more-start.has-more-end, .mp-subnav__inner.has-more-start.has-more-end {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);
  mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);
}

.mp-body input[type=file], .gp-body input[type=file] {
  font: inherit;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #556070;
  max-width: 100%;
}
.mp-body input[type=file]::file-selector-button, .gp-body input[type=file]::file-selector-button {
  font: inherit;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  font-weight: 650;
  color: var(--face-primary, #1c3f75);
  background: #fff;
  border: 1px solid #c3ccd8;
  border-radius: 9px;
  padding: 7px 14px;
  margin-right: 12px;
  cursor: pointer;
}
.mp-body input[type=file]::file-selector-button:hover, .gp-body input[type=file]::file-selector-button:hover {
  background: #eef2fb;
}
.mp-body input[type=file]:focus-visible, .gp-body input[type=file]:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 2px;
  border-radius: 9px;
}

.mp-gone {
  max-width: 560px;
  margin: 32px auto;
  text-align: center;
  padding: 32px 24px;
}

.mp-gone__icon {
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  color: var(--face-primary, #1c3f75);
  margin-bottom: 12px;
}

.mp-gone__title {
  font-size: calc(var(--edc-fs-title) * 18.2 / 18);
  font-weight: 800;
  margin: 0 0 8px;
}

.mp-gone__body {
  color: #556070;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  margin: 0 0 20px;
  line-height: 1.55;
}

.mp-gone__acts {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.ph-feed__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.ph-count {
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  font-weight: 700;
  color: var(--face-primary, #1c3f75);
}
.ph-count .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 9.8 / 10);
  margin-right: 2px;
}

.ph-list {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}

.ph-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px 0;
  border-top: 1px solid #eef1f5;
}
.ph-item:first-child {
  border-top: 0;
}
.ph-item__icon {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #eef2fb;
  color: var(--face-primary, #1c3f75);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-body);
}
.ph-item__body {
  flex: 1 1 auto;
  min-width: 0;
}
.ph-item__meta {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.76 / 12);
  color: #556070;
}
.ph-item__title {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-body) * 14.28 / 14);
  font-weight: 700;
  color: #1c2531;
  overflow-wrap: anywhere;
}
.ph-item__text {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.16 / 13);
  line-height: 1.55;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.ph-item__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
  margin-top: 12px;
}
.ph-item__acts:empty {
  display: none;
}
.ph-item__note {
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
}
.ph-item.is-new .ph-item__title {
  color: var(--face-primary-strong, #163258);
}

.ph-new {
  color: var(--face-primary, #1c3f75);
  font-weight: 700;
}
.ph-new .fa {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 7 / 10);
  vertical-align: middle;
  margin-right: 2px;
}

.ph-markread {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  font-weight: 700;
  color: var(--face-primary, #1c3f75);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ph-markread:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 2px;
  border-radius: 4px;
}

.mpa-page, .mpa-panel {
  min-width: 0;
}

.mpa-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.mpa-table-wrap:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

@media (max-width: 1007px) {
  .mp-flash {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media (max-width: 620px) {
  .mp-table-wrap:has(.mp-table--stack) {
    overflow: visible;
  }
  .mp-table--stack thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .mp-table--stack tbody tr {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    align-items: baseline;
    padding: 12px 0;
    border-bottom: 1px solid #eef1f5;
  }
  .mp-table--stack tbody td {
    padding: 0;
    border: 0;
    text-align: left;
  }
  .mp-table--stack tbody td:first-child {
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 8px;
  }
  .mp-table--stack tbody td:first-child .mp-table__pdf {
    margin-left: 0;
  }
  .mp-table--stack td[data-label]::before {
    content: attr(data-label);
    display: block;
    font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #556070;
  }
}
.mpa-diff__new, .mpa-diff__old, .mpa-diff dd {
  overflow-wrap: anywhere;
  min-width: 0;
}

.cp-skip {
  position: absolute;
  left: -9999px;
  top: 8px;
  z-index: 10;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fff;
  color: #1c2531;
  font-weight: 700;
}
.cp-skip:focus {
  left: 8px;
}

.cp-allportals {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 12px;
  color: #fff;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  font-weight: 700;
  text-decoration: none;
  opacity: 0.92;
}
.cp-allportals:hover {
  color: #fff;
  text-decoration: underline;
  opacity: 1;
}
.cp-allportals:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.cp-room {
  background: rgba(255, 255, 255, 0.08);
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.cp-room__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 12px 20px;
}
.cp-room__kicker {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
}
.cp-room__name {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-heading) * 16.8 / 16);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #fff;
}

.cp-purpose {
  max-width: 68ch;
  line-height: 1.55;
}

.cp-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  margin: 12px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #1c2531;
}
.cp-facts .fa {
  width: 16px;
  margin-right: 4px;
  color: #556070;
  text-align: center;
}

.cp-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.cp-grid > .mp-card {
  margin-bottom: 0;
}

.cp-next__name {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-heading) * 15.12 / 16);
  font-weight: 750;
}
.cp-next__name a {
  color: #1c2531;
  text-decoration: none;
}
.cp-next__name a:hover {
  text-decoration: underline;
}

.cp-more {
  margin: 12px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.32 / 12);
  font-weight: 700;
}
.cp-more a {
  color: var(--face-primary, #1c3f75);
}

.cp-callout {
  border-color: #f0d9bf;
  background: #fffaf3;
}

.cp-back {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.cp-back a {
  color: var(--face-primary, #1c3f75);
  font-weight: 700;
  text-decoration: none;
}

.cp-sub {
  margin: 20px 0 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
}

.cp-when {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  color: #1c2531;
}
.cp-when .fa {
  margin-right: 4px;
  color: #556070;
}
.cp-when__place {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}
.cp-when__place .fa {
  margin-right: 0;
}
.cp-when__place a {
  color: var(--face-primary, #1c3f75);
  font-weight: 700;
}

.cp-rsvp {
  margin-top: 14px;
}
.cp-rsvp__set {
  margin: 0;
  padding: 0;
  border: 0;
}
.cp-rsvp__legend {
  float: none;
  width: auto;
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
}
.cp-rsvp__choices {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cp-rsvp__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid #c9d2dd;
  border-radius: 999px;
  background: #fff;
  color: #1c2531;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  font-weight: 700;
  cursor: pointer;
}
.cp-rsvp__btn:hover {
  border-color: var(--face-primary, #1c3f75);
}
.cp-rsvp__btn:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 2px;
}
.cp-rsvp__btn.is-chosen.cp-rsvp__btn--yes {
  border-color: #116e4c;
  background: #eaf6f0;
  color: #116e4c;
}
.cp-rsvp__btn.is-chosen.cp-rsvp__btn--no {
  border-color: #9b2216;
  background: #fcecea;
  color: #9b2216;
}
.cp-rsvp__btn.is-chosen.cp-rsvp__btn--maybe {
  border-color: #8a4b06;
  background: #fdf3e6;
  color: #8a4b06;
}

.cp-meetings {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cp-meeting {
  padding: 16px 0;
  border-top: 1px solid #e3e8ef;
}
.cp-meeting:first-child {
  border-top: 0;
  padding-top: 0;
}
.cp-meeting__head {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.cp-meeting__what {
  min-width: 0;
}
.cp-meeting__name {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 750;
}
.cp-meeting__name a {
  color: #1c2531;
  text-decoration: none;
}
.cp-meeting__name a:hover {
  text-decoration: underline;
}

.cp-date {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #e9eef7;
  color: var(--face-primary, #1c3f75);
}
.cp-date__mon {
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
}
.cp-date__day {
  font-size: calc(var(--edc-fs-title) * 18.2 / 18);
  font-weight: 800;
  line-height: 1.1;
}

.cp-agenda {
  margin: 12px 0 0;
  padding-left: 22px;
}
.cp-agenda--compact {
  margin-left: 66px;
  padding-left: 18px;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.cp-agenda--compact li {
  margin-bottom: 4px;
}
.cp-agenda__item {
  margin-bottom: 18px;
  padding-left: 4px;
}
.cp-agenda__item::marker {
  font-weight: 800;
  color: var(--face-primary, #1c3f75);
}
.cp-agenda__title {
  margin: 0;
  font-weight: 750;
  font-size: var(--edc-fs-body);
}
.cp-agenda__meta {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
}
.cp-agenda__meta:empty {
  display: none;
}
.cp-agenda__notes {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  white-space: pre-line;
}
.cp-agenda__discussion {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  line-height: 1.6;
}
.cp-agenda__discussion p {
  margin: 0 0 6px;
}

.cp-agenda-none {
  margin: 10px 0 0 66px;
}

.cp-present {
  margin: 12px 0;
  font-size: calc(var(--edc-fs-secondary) * 13.16 / 13);
}

.cp-decision {
  margin: 8px 0 0;
  padding: 8px 12px;
  border-radius: 10px;
  background: #f5f7fa;
  font-size: calc(var(--edc-fs-secondary) * 13.16 / 13);
}
.cp-decision__outcome {
  display: inline-flex;
  margin-right: 6px;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 800;
  background: #eef1f5;
  color: #556070;
}
.cp-decision__outcome--agreed, .cp-decision__outcome--carried {
  background: #eaf6f0;
  color: #116e4c;
}
.cp-decision__outcome--failed {
  background: #fcecea;
  color: #9b2216;
}
.cp-decision__outcome--tabled {
  background: #fdf3e6;
  color: #8a4b06;
}

.cp-action {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.cp-action .fa {
  color: var(--face-primary, #1c3f75);
  margin-right: 4px;
}

.cp-tasks {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cp-task {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #e3e8ef;
}
.cp-task:first-child {
  border-top: 0;
  padding-top: 0;
}
.cp-task__form {
  margin: 0;
  flex: none;
}
.cp-task__body {
  flex: 1;
  min-width: 0;
}
.cp-task__name {
  display: block;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.cp-task__meta {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
}
.cp-task.is-done .cp-task__name {
  text-decoration: line-through;
  color: #556070;
}
.cp-task__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 2px solid #8a97a8;
  border-radius: 8px;
  background: #fff;
  color: #fff;
  cursor: pointer;
}
.cp-task__check:hover {
  border-color: var(--face-primary, #1c3f75);
}
.cp-task__check:focus-visible {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 2px;
}
.cp-task__check[aria-pressed=true] {
  border-color: #116e4c;
  background: #116e4c;
}

.cp-people {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cp-person {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.cp-person__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #e9eef7;
  color: var(--face-primary, #1c3f75);
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
  font-weight: 800;
}
.cp-person__body {
  min-width: 0;
}
.cp-person__name {
  display: block;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.cp-person__meta {
  display: block;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
}

.cp-poll {
  padding: 16px 0;
  border-top: 1px solid #e3e8ef;
  scroll-margin-top: 16px;
}
.cp-poll:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.cp-poll fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.cp-poll__q {
  float: none;
  width: 100%;
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-body) * 14.28 / 14);
  font-weight: 750;
}
.cp-poll__options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 10px 0 14px;
}
.cp-poll__option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid #c9d2dd;
  border-radius: 10px;
  background: #fff;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  cursor: pointer;
}
.cp-poll__option:hover {
  border-color: var(--face-primary, #1c3f75);
}
.cp-poll__option:has(input:checked) {
  border-color: var(--face-primary, #1c3f75);
  background: #f2f5fb;
  font-weight: 700;
}
.cp-poll__option:has(input:focus-visible) {
  outline: 2px solid var(--face-primary, #1c3f75);
  outline-offset: 2px;
}
.cp-poll__option input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #1c3f75;
}
.cp-poll__mine {
  margin-left: 10px;
}

.cp-tally {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.cp-tally__row {
  display: grid;
  grid-template-columns: minmax(120px, 2fr) 3fr 40px;
  align-items: center;
  gap: 12px;
}
.cp-tally__label {
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
  overflow-wrap: anywhere;
}
.cp-tally__bar {
  height: 10px;
  border-radius: 999px;
  background: #e8ecf2;
  overflow: hidden;
}
.cp-tally__fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--face-primary, #1c3f75);
}
.cp-tally__count {
  text-align: right;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}

.gph-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}

.gph-card {
  padding: 18px 20px;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  background: #fff;
  min-width: 0;
}
.gph-card--wide {
  grid-column: 1/-1;
}
.gph-card__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: var(--edc-fs-body);
  font-weight: 750;
  color: #1c2531;
}
.gph-card__title .fa {
  color: #1c3f75;
}

.gph-empty {
  margin: 0;
  color: #556070;
}

.gph-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gph-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #e3e8ef;
}
.gph-row:first-child {
  border-top: 0;
  padding-top: 0;
}
.gph-row__body {
  flex: 1;
  min-width: 0;
}
.gph-row__name {
  display: block;
  font-weight: 700;
  color: #1c2531;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.gph-row__name:hover {
  text-decoration: underline;
}
.gph-row__name:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.gph-row__meta {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #556070;
}

.gph-date {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #e9eef7;
  color: #1c3f75;
}
.gph-date__mon {
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
}
.gph-date__day {
  font-size: calc(var(--edc-fs-heading) * 15.4 / 16);
  font-weight: 800;
  line-height: 1.1;
}

.gph-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: none;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.06 / 11);
  font-weight: 750;
  background: #eef1f5;
  color: #556070;
  text-decoration: none;
  white-space: nowrap;
}
.gph-tag--yes {
  background: #eaf6f0;
  color: #116e4c;
}
.gph-tag--no {
  background: #fcecea;
  color: #9b2216;
}
.gph-tag--maybe {
  background: #fdf3e6;
  color: #8a4b06;
}
.gph-tag--late {
  background: #fcecea;
  color: #9b2216;
}
.gph-tag--ask {
  background: #1c3f75;
  color: #fff;
}
.gph-tag--ask:hover {
  color: #fff;
  background: #163258;
}
.gph-tag--ask:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.gph-section-title {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #556070;
}

@media (max-width: 720px) {
  .cp-grid, .gph-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .cp-agenda--compact, .cp-agenda-none {
    margin-left: 0;
  }
  .cp-tally__row {
    grid-template-columns: minmax(0, 1fr) 40px;
  }
  .cp-tally__row .cp-tally__bar {
    grid-column: 1/-1;
    grid-row: 2;
  }
  .cp-room__inner {
    padding: 10px 16px;
  }
}
.cp-callout a {
  color: var(--face-primary, #1c3f75);
  font-weight: 700;
}

.cp-pdf {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 12.88 / 13);
}
.cp-pdf a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--face-primary, #1c3f75);
  font-weight: 700;
}
.cp-pdf a:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.cmt-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.cmt-page h1, .cmt-page h2, .cmt-page h3 {
  text-shadow: none;
}
.cmt-page .btn {
  min-width: 0;
}
.cmt-page .btn-outline-danger {
  color: #a3241a;
  border-color: #a3241a;
}
.cmt-page .btn-outline-danger:hover, .cmt-page .btn-outline-danger:focus-visible {
  color: #fff;
  background: #a3241a;
}
.cmt-page a {
  color: #1c3f75;
}
.cmt-page a:focus-visible, .cmt-page button:focus-visible, .cmt-page summary:focus-visible, .cmt-page input:focus-visible, .cmt-page select:focus-visible, .cmt-page textarea:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.cmt-page--narrow {
  max-width: 880px;
}

.cmt-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.cmt-muted {
  color: #4f5b6b;
}

.cmt-sub {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.cmt-sub--inline {
  display: inline;
  margin: 0 0 0 4px;
}

.cmt-name {
  font-weight: 700;
  text-decoration: none;
}
.cmt-name:hover {
  text-decoration: underline;
}

.cmt-link {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.cmt-link:hover {
  text-decoration: underline;
}

.cmt-nowrap {
  white-space: nowrap;
}

.cmt-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.cmt-center {
  text-align: center;
}

.cmt-optional {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

.cmt-hint {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.cmt-danger-link {
  color: #a3241a !important;
}

.cmt-quote {
  display: block;
  margin: 4px 0;
  font-style: italic;
  color: #1c2531;
}

.cmt-lede {
  margin: 0 0 16px;
  max-width: 72ch;
}

.cmt-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
.cmt-head__text {
  min-width: 0;
}
.cmt-head__kicker {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.cmt-head__kicker a {
  color: #4f5b6b;
}
.cmt-head__title {
  margin: 0 0 4px;
  font-size: var(--edc-fs-display);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #1c2531;
}
.cmt-head__sub {
  margin: 0;
  color: #4f5b6b;
  font-size: var(--edc-fs-body);
  max-width: 72ch;
}
.cmt-head__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 8px;
}
.cmt-head__tags:empty {
  display: none;
}
.cmt-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: none;
}
.cmt-head--record .cmt-head__tags:last-child {
  margin: 12px 0 0;
}

.cmt-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.cmt-facts i {
  width: 16px;
  color: #4f5b6b;
  text-align: center;
}

.cmt-label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}

.cmt-check-label {
  margin: 0 0 0 8px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}

.cmt-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 20px;
  white-space: nowrap;
  background: #eef1f5;
  color: #3d4a5c;
}
.cmt-pill--good {
  background: #e8f5ef;
  color: #0a7a54;
}
.cmt-pill--warn {
  background: #fdf1e3;
  color: #a34d09;
}
.cmt-pill--bad {
  background: #fcecea;
  color: #a3241a;
}
.cmt-pill--accent {
  background: #e9eef7;
  color: #1c3f75;
}
.cmt-pill--quiet {
  background: #eef1f5;
  color: #3d4a5c;
}

.cmt-notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid #f0d9bf;
  border-radius: 12px;
  background: #fdf7ef;
}
.cmt-notice__icon {
  margin-top: 2px;
  color: #a34d09;
}
.cmt-notice__body {
  flex: 1;
  min-width: 0;
}
.cmt-notice__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
}
.cmt-notice__text {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.cmt-notice__text a {
  color: #a34d09;
  font-weight: 600;
}

.cmt-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 12px 16px;
  border-radius: 12px;
  background: #eef1f5;
  color: #1c2531;
}
.cmt-banner span {
  flex: 1;
  min-width: 200px;
}

.cmt-exits {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.cmt-exits__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 8px 0;
  border-top: 1px solid #f0e2d0;
}
.cmt-exits__row:first-child {
  border-top: 0;
}
.cmt-exits__row > span:first-child {
  min-width: 0;
  flex: 1 1 280px;
}
.cmt-exits__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cmt-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 24px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}
.cmt-filters__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: none;
}
.cmt-filters .form-control, .cmt-filters .form-select {
  height: 38px;
}

.cmt-field {
  min-width: 0;
  flex: 1 1 160px;
}
.cmt-field--grow {
  flex: 2 1 240px;
}
.cmt-field--narrow {
  flex: 0 1 96px;
}
.cmt-field--wide {
  grid-column: 1/-1;
  flex-basis: 100%;
}
.cmt-field--check {
  display: flex;
  align-items: center;
  flex: none;
  height: 38px;
}
.cmt-field--check .form-check-input {
  margin: 0;
}
.cmt-field--top {
  align-items: flex-start;
  height: auto;
  flex-wrap: wrap;
}
.cmt-field--top .cmt-hint {
  flex-basis: 100%;
}
.cmt-field--pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.cmt-inline-filter {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cmt-inline-filter .cmt-label {
  margin: 0;
}
.cmt-inline-filter .form-select {
  width: auto;
  min-width: 200px;
}

.cmt-searchbar {
  display: flex;
  gap: 8px;
  max-width: 560px;
  margin: 12px 0;
}
.cmt-searchbar .form-control {
  flex: 1;
}

.cmt-matches {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}

.cmt-match {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 12px 16px;
  border-top: 1px solid #dfe4ea;
}
.cmt-match:first-child {
  border-top: 0;
}
.cmt-match__form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.cmt-match__form .form-select, .cmt-match__form .form-control {
  width: auto;
}

.cmt-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cmt-ccard {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.cmt-ccard:hover, .cmt-ccard:focus-within {
  border-color: #b9c6d9;
  box-shadow: 0 2px 8px rgba(28, 37, 49, 0.06);
}
.cmt-ccard__top {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.cmt-ccard__name {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 800;
  letter-spacing: -0.01em;
}
.cmt-ccard__name a {
  color: #1c2531;
  text-decoration: none;
}
.cmt-ccard__name a:hover {
  color: #1c3f75;
  text-decoration: underline;
}
.cmt-ccard__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.cmt-ccard__purpose {
  margin: 0;
  color: #1c2531;
  line-height: 1.5;
  flex: 1;
}
.cmt-ccard__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  margin: 0;
  padding: 12px 0 0;
  border-top: 1px solid #dfe4ea;
}
.cmt-ccard__facts dt {
  margin: 0 0 2px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.cmt-ccard__facts dd {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  overflow-wrap: anywhere;
}
.cmt-ccard__foot {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  min-height: 20px;
}
.cmt-ccard__stat {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.cmt-ccard__stat--warn {
  color: #a34d09 !important;
}

.cmt-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.cmt-foot p {
  margin: 0;
}

.cmt-empty {
  padding: 48px 16px;
  border: 1px dashed #dfe4ea;
  border-radius: 12px;
  text-align: center;
  background: #fff;
}
.cmt-empty__icon {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  color: #8a97a8;
  margin-bottom: 12px;
}
.cmt-empty h2 {
  margin: 0 0 8px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #1c2531;
}
.cmt-empty p {
  margin: 0 auto 16px;
  max-width: 56ch;
  color: #4f5b6b;
}
.cmt-empty--inline {
  padding: 24px 16px;
}
.cmt-empty--inline p {
  margin: 0 auto;
}
.cmt-empty--act {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 16px;
}
.cmt-empty--act p {
  margin: 0;
}

.cmt-sections {
  margin: 0 0 24px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.cmt-sections ul {
  display: flex;
  gap: 4px;
  margin: 0;
  padding: 4px 0;
  list-style: none;
}
.cmt-sections__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  color: #4f5b6b !important;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.cmt-sections__link:hover {
  color: #1c2531 !important;
  background: #f6f8fb;
}
.cmt-sections__link.is-active {
  color: #1c3f75 !important;
  background: #e9eef7;
}
.cmt-sections__count {
  min-width: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #eef1f5;
  color: #3d4a5c;
  font-size: var(--edc-fs-label);
  line-height: 20px;
  text-align: center;
}
.cmt-sections--anchors {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
}

.cmt-section {
  margin-bottom: 32px;
}
.cmt-section__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 12px;
}
.cmt-section__head .cmt-muted {
  margin: 0;
}
.cmt-section__title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-title);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #1c2531;
}
.cmt-section__head .cmt-section__title {
  margin: 0;
}
.cmt-section__head .cmt-section__lede {
  margin: 4px 0 0;
}

.cmt-sub-title {
  margin: 24px 0 12px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1c2531;
}

.cmt-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.cmt-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 20px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
}
.cmt-box--wide {
  grid-column: span 2;
}
.cmt-box__title {
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
}
.cmt-box p {
  margin: 0;
}
.cmt-box > .btn, .cmt-box > .cmt-link {
  margin-top: auto;
}

.cmt-big {
  font-size: var(--edc-fs-title);
  font-weight: 800;
  color: #1c2531;
}
.cmt-big__unit {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #4f5b6b;
}

.cmt-mini {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cmt-mini li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.cmt-mini li:first-child {
  border-top: 0;
  padding-top: 0;
}
.cmt-mini__main {
  flex: 1 1 160px;
  min-width: 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.cmt-mini__meta {
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}

.cmt-avatars {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cmt-avatar-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cmt-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e9eef7;
  color: #1c3f75;
  font-size: var(--edc-fs-label);
  font-weight: 800;
  letter-spacing: 0.02em;
}
.cmt-avatar--company {
  background: #eef1f5;
  color: #3d4a5c;
}

.cmt-person {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.cmt-person > span:last-child {
  min-width: 0;
}

.cmt-table-wrap {
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}

.cmt-table {
  width: 100%;
  border-collapse: collapse;
}
.cmt-table th {
  padding: 12px 16px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4f5b6b;
  background: #f6f8fb;
  border-bottom: 1px solid #dfe4ea;
  text-align: left;
  white-space: nowrap;
}
.cmt-table th.cmt-num {
  text-align: right;
}
.cmt-table th.cmt-center {
  text-align: center;
}
.cmt-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #dfe4ea;
  vertical-align: top;
  font-size: var(--edc-fs-body);
}
.cmt-table tbody tr:last-child td, .cmt-table tbody tr:last-child th {
  border-bottom: 0;
}
.cmt-table tbody tr:hover td {
  background: #fafbfd;
}
.cmt-table td[data-label=Term] .cmt-pill {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  margin-top: 4px;
}
.cmt-table--tight {
  table-layout: fixed;
}
.cmt-table--tight th, .cmt-table--tight td {
  padding: 8px 4px;
}
.cmt-table--tight th:first-child, .cmt-table--tight td:first-child {
  padding-left: 12px;
}
.cmt-table--tight thead th {
  font-size: var(--edc-fs-eyebrow);
  letter-spacing: 0.02em;
  white-space: normal;
  text-align: center;
}
.cmt-table--tight thead th:first-child {
  width: 36%;
  text-align: left;
}
.cmt-table--tight tbody th {
  text-transform: none;
  letter-spacing: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  background: #fff;
  border-bottom: 1px solid #dfe4ea;
  white-space: normal;
  font-weight: 400;
}

.cmt-row--company td {
  background: #fcfcfd;
}

.cmt-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cmt-disclose > summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  list-style: none;
}
.cmt-disclose > summary::-webkit-details-marker {
  display: none;
}
.cmt-disclose > summary::after {
  content: "▾";
  font-size: var(--edc-fs-eyebrow);
}
.cmt-disclose[open] > summary::after {
  content: "▴";
}
.cmt-disclose__panel {
  margin-top: 8px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #f6f8fb;
}

.cmt-seat-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr)) auto;
  align-items: end;
  gap: 8px;
}

.cmt-seat-end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #dfe4ea;
}
.cmt-seat-end .cmt-label {
  margin: 0;
}
.cmt-seat-end .form-control {
  width: auto;
}

.cmt-pick {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.cmt-pick .form-select {
  width: auto;
  max-width: 240px;
}

.cmt-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.cmt-list__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 12px 16px;
  border-top: 1px solid #dfe4ea;
}
.cmt-list__row:first-child {
  border-top: 0;
}
.cmt-list__row > span:first-child {
  min-width: 0;
  flex: 1 1 260px;
}
.cmt-list__icon {
  width: 16px;
  color: #4f5b6b;
  text-align: center;
}

.cmt-meetings {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}

.cmt-meeting-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  border-top: 1px solid #dfe4ea;
}
.cmt-meeting-row:first-child {
  border-top: 0;
}
.cmt-meeting-row__body {
  flex: 1;
  min-width: 0;
}
.cmt-meeting-row__stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.cmt-date {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: #e9eef7;
  color: #1c3f75;
}
.cmt-date__mon {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
}
.cmt-date__day {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 800;
  line-height: 1.1;
}

.cmt-meeting {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 384px;
  gap: 24px;
  align-items: start;
}
.cmt-meeting__main, .cmt-meeting__side {
  min-width: 0;
}
.cmt-meeting__side .cmt-section {
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}

.cmt-agenda {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}

.cmt-item {
  margin-bottom: 12px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  scroll-margin-top: 64px;
}
.cmt-item__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.cmt-item__no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #1c3f75;
  color: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 800;
}
.cmt-item__what {
  flex: 1;
  min-width: 0;
}
.cmt-item__title {
  margin: 2px 0 4px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1c2531;
  overflow-wrap: anywhere;
}
.cmt-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #4f5b6b;
}
.cmt-item__meta:empty {
  display: none;
}
.cmt-item__meta i {
  margin-right: 4px;
}
.cmt-item__notes {
  margin: 8px 0 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  white-space: pre-line;
}
.cmt-item__tools {
  display: flex;
  gap: 4px;
  flex: none;
}
.cmt-item__minutes {
  margin: 12px 0 0 40px;
  padding-top: 12px;
  border-top: 1px dashed #dfe4ea;
}
.cmt-item__adds {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-top: 12px;
}
.cmt-item__adds > .cmt-disclose {
  flex: 1 1 100%;
}
.cmt-item__adds > .cmt-disclose:not([open]) {
  flex: 0 1 auto;
}
.cmt-item__edit {
  margin: 12px 0 0 40px;
}

.cmt-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #fff;
  color: #4f5b6b;
  cursor: pointer;
}
.cmt-icon-btn:hover {
  background: #f6f8fb;
  color: #1c2531;
}

.cmt-discussion {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cmt-discussion .cmt-label {
  margin: 0;
}
.cmt-discussion > button {
  align-self: flex-start;
}
.cmt-discussion__text {
  font-size: var(--edc-fs-body);
  line-height: 1.6;
}
.cmt-discussion__text p {
  margin: 0 0 8px;
}

.cmt-outcomes {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cmt-outcome {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  background: #f6f8fb;
}
.cmt-outcome__kind {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #fff;
  color: #1c3f75;
  border: 1px solid #dfe4ea;
}
.cmt-outcome__body {
  flex: 1;
  min-width: 0;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}
.cmt-outcome__body .cmt-pill {
  margin-right: 4px;
}
.cmt-outcome.is-done .cmt-task__name {
  text-decoration: line-through;
  color: #4f5b6b;
}

.cmt-itemform, .cmt-decform {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}
.cmt-itemform__actions, .cmt-decform__actions {
  flex-basis: 100%;
}

.cmt-votes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}
.cmt-votes legend {
  float: none;
  width: 100%;
}
.cmt-votes__label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #1c2531;
}
.cmt-votes .form-control {
  width: 80px;
}

.cmt-additem, .cmt-loose, .cmt-legacy, .cmt-minutes-bar {
  margin-top: 24px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.cmt-additem .cmt-sub-title, .cmt-loose .cmt-sub-title, .cmt-legacy .cmt-sub-title, .cmt-minutes-bar .cmt-sub-title {
  margin-top: 0;
}

.cmt-additem {
  background: #f6f8fb;
}

.cmt-legacy {
  background: #fcfcfd;
}
.cmt-legacy__text {
  font-size: var(--edc-fs-body);
  line-height: 1.6;
}
.cmt-legacy p {
  margin: 0 0 8px;
}

.cmt-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}
.cmt-steps__step {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-body);
  color: #4f5b6b;
}
.cmt-steps__step.is-done {
  color: #1c2531;
  font-weight: 600;
}
.cmt-steps__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #b9c6d9;
  background: #fff;
}
.cmt-steps__step.is-done .cmt-steps__dot {
  border-color: #0a7a54;
  background: #0a7a54;
}

.cmt-approve {
  flex-wrap: wrap;
}
.cmt-approve .cmt-label {
  margin: 0;
}
.cmt-approve .form-control {
  width: auto;
}

.cmt-minutes-bar__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cmt-tallyline {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 8px;
}

.cmt-invite {
  margin: 12px 0;
  padding: 12px;
  border-radius: 8px;
  background: #f6f8fb;
}
.cmt-invite p {
  margin: 8px 0 0;
}

.cmt-people {
  margin: 12px 0;
  padding: 0;
  list-style: none;
}

.cmt-people__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #dfe4ea;
}
.cmt-people__row:first-child {
  border-top: 0;
}

.cmt-people__who {
  flex: 1;
  min-width: 0;
}

.cmt-quorum {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fdf1e3;
  color: #a34d09;
  font-weight: 600;
}
.cmt-quorum.is-met {
  background: #e8f5ef;
  color: #0a7a54;
}

.cmt-attendance .cmt-table {
  margin-bottom: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
.cmt-attendance__who {
  min-width: 0;
}
.cmt-attendance .form-check-input {
  margin: 0;
  width: 18px;
  height: 18px;
}

.cmt-prevnext {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid #dfe4ea;
}
.cmt-prevnext__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  text-decoration: none;
}
.cmt-prevnext__link:hover {
  text-decoration: underline;
}

.cmt-tasks {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}

.cmt-task {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid #dfe4ea;
}
.cmt-task:first-child {
  border-top: 0;
}
.cmt-task__form {
  margin: 0;
  flex: none;
}
.cmt-task__body {
  flex: 1;
  min-width: 0;
}
.cmt-task__name {
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.cmt-task__name:hover {
  text-decoration: underline;
}
.cmt-task.is-done .cmt-task__name {
  text-decoration: line-through;
  color: #4f5b6b;
}
.cmt-task__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 2px solid #8a97a8;
  border-radius: 6px;
  background: #fff;
  color: #fff;
  font-size: var(--edc-fs-label);
  cursor: pointer;
}
.cmt-task__check:hover {
  border-color: #1c3f75;
}
.cmt-task__check[aria-pressed=true] {
  border-color: #0a7a54;
  background: #0a7a54;
}

.cmt-addline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cmt-addline .form-control:first-of-type {
  flex: 2 1 260px;
}
.cmt-addline .form-select, .cmt-addline input[type=date] {
  flex: 1 1 160px;
}

.cmt-pollform {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}
.cmt-pollform__options {
  flex-basis: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}
.cmt-pollform__options legend {
  float: none;
  width: 100%;
}

.cmt-poll {
  margin-bottom: 16px;
  padding: 20px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
  scroll-margin-top: 64px;
}
.cmt-poll__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.cmt-poll__q {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1c2531;
}
.cmt-poll__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
.cmt-poll > .cmt-muted {
  margin: 8px 0 0;
}

.cmt-tally {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cmt-tally__row {
  display: grid;
  grid-template-columns: minmax(120px, 2fr) 3fr 48px;
  align-items: center;
  gap: 12px;
}
.cmt-tally__label {
  font-size: var(--edc-fs-body);
  overflow-wrap: anywhere;
}
.cmt-tally__bar {
  height: 10px;
  border-radius: 999px;
  background: #eef1f5;
  overflow: hidden;
}
.cmt-tally__fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #1c3f75;
}
.cmt-tally__count {
  text-align: right;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.cmt-meter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.cmt-meter__bar {
  width: 120px;
  height: 8px;
  border-radius: 999px;
  background: #eef1f5;
  overflow: hidden;
}
.cmt-meter__fill {
  display: block;
  height: 100%;
  background: #1c3f75;
}
.cmt-meter__text {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #4f5b6b;
  white-space: nowrap;
}

.cmt-files {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}

.cmt-file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 12px 16px;
  border-top: 1px solid #dfe4ea;
}
.cmt-file:first-child {
  border-top: 0;
}
.cmt-file__icon {
  flex: none;
  width: 16px;
  color: #4f5b6b;
  text-align: center;
}
.cmt-file__body {
  flex: 1 1 240px;
  min-width: 0;
}
.cmt-file__body a {
  font-weight: 600;
  overflow-wrap: anywhere;
}
.cmt-file__acts {
  display: flex;
  align-items: center;
  gap: 4px;
}

.cmt-upload, .cmt-actform {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f6f8fb;
}

.cmt-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cmt-checkpill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #fff;
  font-size: var(--edc-fs-body);
}
.cmt-checkpill .form-check-input {
  margin: 0;
}

.cmt-noteform {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  max-width: 720px;
  margin-bottom: 16px;
}
.cmt-noteform > button {
  justify-self: start;
}

.cmt-notes {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cmt-note {
  padding: 12px 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.cmt-note__subject {
  margin: 0 0 4px;
  font-weight: 700;
}
.cmt-note__body {
  font-size: var(--edc-fs-body);
}
.cmt-note__body p {
  margin: 0 0 4px;
}

.cmt-copy {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid #cfe5da;
  border-radius: 8px;
  background: #f2faf6;
}
.cmt-copy .form-control {
  font-family: ui-monospace, Menlo, monospace;
  font-size: var(--edc-fs-secondary);
}

.cmt-thread {
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.cmt-thread__who {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
}
.cmt-thread__list {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cmt-msg {
  max-width: 80%;
  padding: 8px 12px;
  border-radius: 12px;
  background: #f6f8fb;
}
.cmt-msg--us {
  align-self: flex-end;
  background: #e9eef7;
}
.cmt-msg__body {
  margin: 0;
  font-size: var(--edc-fs-body);
  white-space: pre-line;
}
.cmt-msg__meta {
  margin: 4px 0 0;
  font-size: var(--edc-fs-label);
  color: #4f5b6b;
}

.cmt-reply {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.cmt-reply .form-control {
  flex: 1;
}

.cmt-shows__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}
.cmt-shows__list li {
  display: flex;
  align-items: center;
}
.cmt-shows fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.cmt-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
  padding: 24px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.cmt-form__actions {
  display: flex;
  gap: 8px;
  margin-top: 24px;
}
.cmt-form--poll .form-select {
  height: 38px;
}

.cmt-errors {
  margin-bottom: 16px;
  padding: 12px 16px;
  border: 1px solid #f1d3cf;
  border-radius: 12px;
  background: #fcecea;
  color: #a3241a;
}
.cmt-errors p {
  margin: 0 0 4px;
}
.cmt-errors ul {
  margin: 0;
  padding-left: 20px;
}

@media (max-width: 991px) {
  .cmt-meeting {
    grid-template-columns: minmax(0, 1fr);
  }
  .cmt-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .cmt-head {
    flex-direction: column;
  }
  .cmt-head__actions {
    justify-content: flex-start;
  }
  .cmt-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .cmt-box--wide {
    grid-column: auto;
  }
  .cmt-cards {
    grid-template-columns: minmax(0, 1fr);
  }
  .cmt-form__grid {
    grid-template-columns: minmax(0, 1fr);
    padding: 16px;
  }
  .cmt-seat-form {
    grid-template-columns: minmax(0, 1fr);
  }
  .cmt-pollform__options, .cmt-shows__list {
    grid-template-columns: minmax(0, 1fr);
  }
  .cmt-item__minutes, .cmt-item__edit {
    margin-left: 0;
  }
  .cmt-tally__row {
    grid-template-columns: minmax(0, 1fr) 40px;
  }
  .cmt-tally__row .cmt-tally__bar {
    grid-column: 1/-1;
    grid-row: 2;
  }
  .cmt-meeting-row {
    flex-wrap: wrap;
  }
  .cmt-meeting-row__stats {
    flex-basis: 100%;
    justify-content: flex-start;
    padding-left: 64px;
  }
  .cmt-msg {
    max-width: 92%;
  }
  .cmt-table:not(.cmt-table--tight) thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .cmt-table:not(.cmt-table--tight) tr {
    display: block;
    padding: 12px 16px;
    border-bottom: 1px solid #dfe4ea;
  }
  .cmt-table:not(.cmt-table--tight) tbody tr:last-child {
    border-bottom: 0;
  }
  .cmt-table:not(.cmt-table--tight) td {
    display: block;
    padding: 4px 0;
    border: 0;
    text-align: left;
  }
  .cmt-table:not(.cmt-table--tight) td.cmt-num {
    text-align: left;
  }
  .cmt-table:not(.cmt-table--tight) td[data-label]::before {
    content: attr(data-label);
    display: block;
    font-size: var(--edc-fs-eyebrow);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #4f5b6b;
  }
  .cmt-table:not(.cmt-table--tight) td[data-label=Person]::before, .cmt-table:not(.cmt-table--tight) td[data-label=Meeting]::before, .cmt-table:not(.cmt-table--tight) td[data-label=Change]::before, .cmt-table:not(.cmt-table--tight) td[data-label=Actions]::before {
    display: none;
  }
}
.cmt-reports {
  margin: 32px 0 0;
  padding: 20px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #fff;
}
.cmt-reports__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0 0 12px;
}
.cmt-reports__title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 800;
  color: #1c2531;
}
.cmt-reports__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cmt-reports__item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.cmt-reports__icon {
  margin-top: 2px;
  color: #1c3f75;
}
.cmt-reports__name {
  font-weight: 700;
  text-decoration: none;
}
.cmt-reports__name:hover {
  text-decoration: underline;
}

.cmt-pdf-doors {
  margin-left: 16px;
  flex-wrap: wrap;
}

.cmt-pdf {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.cmt-pdf:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .cmt-reports__list {
    grid-template-columns: minmax(0, 1fr);
  }
  .cmt-pdf-doors {
    display: flex;
    margin: 8px 0 0;
  }
}
.cmt-seat-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cmt-seat-chip {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 6px;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #d5dbe3;
  border-radius: 999px;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  line-height: 1.35;
  text-decoration: none;
}
.cmt-seat-chip i {
  color: #1c3f75;
}
.cmt-seat-chip__what {
  font-weight: 700;
}
.cmt-seat-chip__sep {
  color: #4f5b6b;
}
.cmt-seat-chip:hover {
  border-color: #1c3f75;
  text-decoration: none;
  color: #1c2531;
}
.cmt-seat-chip:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.cmt-seat-chip--soon {
  border-color: #f0d9bf;
  background: #fdf7ef;
}
.cmt-seat-chip--soon i {
  color: #a34d09;
}

form.cmt-inline:first-child > .btn-link {
  padding-left: 0;
}

.mem-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 4px 6px 40px;
}
.mem-page h1, .mem-page h2, .mem-page h3 {
  text-shadow: none;
}

.mem-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 10px 0 18px;
}
.mem-head__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  font-weight: 700;
  color: #1f2d3d;
}
.mem-head__sub {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
  max-width: 560px;
}
.mem-head__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.mem-link {
  color: #2f5cc4;
  text-decoration: underline;
}

.mem-btn {
  min-width: 0;
}

.mem-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 12px;
}
@media (max-width: 900px) {
  .mem-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.mem-stat {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 14px 16px;
}
.mem-stat__value {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: #1f2d3d;
  font-variant-numeric: tabular-nums;
}
.mem-stat__label {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}

.mem-tiers {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}

.mem-tier-chip {
  display: inline-flex;
  gap: 5px;
  align-items: baseline;
  background: #f1f4f8;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
}
.mem-tier-chip strong {
  color: #1f2d3d;
}

.mem-filters {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}
.mem-filters__label {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}
.mem-filters__input {
  max-width: 240px;
}
.mem-filters__select {
  max-width: 190px;
}
.mem-filters__clear {
  padding-left: 4px;
}
@media (max-width: 640px) {
  .mem-filters .form-control {
    max-width: none;
    width: 100%;
  }
}

.mem-roster {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  overflow: hidden;
}
.mem-roster__scroll {
  overflow-x: auto;
}
.mem-roster__count {
  margin: 0;
  padding: 10px 16px;
  border-top: 1px solid #eef1f6;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.mem-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.mem-table th {
  text-align: left;
  padding: 11px 16px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #556070;
  border-bottom: 1px solid #e3e8ef;
  white-space: nowrap;
}
.mem-table td {
  padding: 11px 16px;
  border-bottom: 1px solid #eef1f6;
  color: #35404d;
  vertical-align: top;
}
.mem-table tbody tr:last-child td {
  border-bottom: 0;
}
.mem-table tbody tr:hover td {
  background: #f8fafc;
}
.mem-table__name {
  font-weight: 600;
  color: #1f2d3d;
  text-decoration: none;
}
.mem-table__name:hover {
  text-decoration: underline;
}
.mem-table__meta {
  display: block;
  font-size: var(--edc-fs-label);
  color: #68737f;
  margin-top: 1px;
}
.mem-table__num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mem-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #35404d;
  white-space: nowrap;
}
.mem-chip__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #98a2ae;
}
.mem-chip--current .mem-chip__dot {
  background: #0d9f6e;
}
.mem-chip--due_soon .mem-chip__dot {
  background: #b54708;
}
.mem-chip--overdue .mem-chip__dot {
  background: #b42318;
}
.mem-chip--lapsed .mem-chip__dot {
  background: #64748b;
}

.mem-empty {
  padding: 44px 24px;
  text-align: center;
}
.mem-empty__line {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2d3d;
}
.mem-empty__hint {
  margin: 0 0 14px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.mem-tier-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 14px;
  align-items: start;
}

.mem-tier-card {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 16px 18px;
}
.mem-tier-card--new {
  border-style: dashed;
}
.mem-tier-card__top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.mem-tier-card__name {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 15.5 / 16);
  font-weight: 700;
  color: #1f2d3d;
}
.mem-tier-card__count {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  white-space: nowrap;
}
.mem-tier-card__price {
  margin: 4px 0 8px;
  font-size: calc(var(--edc-fs-title) * 18.2 / 18);
  font-weight: 700;
  color: #1f2d3d;
  font-variant-numeric: tabular-nums;
}
.mem-tier-card__per {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
  margin-left: 2px;
}
.mem-tier-card__unset {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #68737f;
}
.mem-tier-card__benefits {
  margin: 0 0 10px;
  padding-left: 18px;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
}
.mem-tier-card__benefits li {
  margin-bottom: 3px;
}
.mem-tier-card__edit-summary {
  cursor: pointer;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #2f5cc4;
}
.mem-tier-card__edit-summary:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.mem-tier-form {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mem-tier-form__label {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}
.mem-tier-form__help {
  font-size: var(--edc-fs-label);
  color: #68737f;
}
.mem-tier-form .mem-btn {
  align-self: flex-start;
  margin-top: 10px;
}

.mem-lanes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 14px;
  align-items: start;
}

.mem-lane {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 14px 16px;
}
.mem-lane__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.mem-lane__title {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  font-weight: 700;
  color: #1f2d3d;
}
.mem-lane__dot {
  width: 9px;
  height: 9px;
}
.mem-lane--due_soon .mem-lane__dot {
  background: #b54708;
}
.mem-lane--overdue .mem-lane__dot {
  background: #b42318;
}
.mem-lane--lapsed .mem-lane__dot {
  background: #64748b;
}
.mem-lane__count {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #556070;
  font-variant-numeric: tabular-nums;
}
.mem-lane__hint {
  margin: 3px 0 10px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #68737f;
}
.mem-lane__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mem-lane__row {
  padding: 10px 0;
  border-top: 1px solid #eef1f6;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mem-lane__who {
  min-width: 0;
}
.mem-lane__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.mem-lane__actions form {
  margin: 0;
}
.mem-lane__empty {
  margin: 6px 0 2px;
  font-size: var(--edc-fs-secondary);
  color: #68737f;
}

.mem-stat--link {
  display: block;
  text-decoration: none;
}
.mem-stat--link:hover {
  border-color: #2f5cc4;
}
.mem-stat--link:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.mem-publish {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 16px 18px;
  margin: 0 0 16px;
}
.mem-publish--live {
  border-color: #b5e0cd;
}
.mem-publish__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}
.mem-publish__dot {
  width: 9px;
  height: 9px;
  background: #0d9f6e;
  border-radius: 50%;
}
.mem-publish__line {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
  max-width: 640px;
}
.mem-publish__links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 8px 0 4px;
}

.mem-embed {
  margin-top: 12px;
}
.mem-embed__summary {
  cursor: pointer;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #2f5cc4;
}
.mem-embed__summary:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.mem-embed__hint {
  margin: 8px 0 4px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.mem-embed__label {
  margin: 10px 0 3px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  color: #35404d;
}
.mem-embed__code {
  background: #f4f6fa;
  border: 1px solid #e3e8ef;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  line-height: 1.45;
  overflow-x: auto;
  margin: 0;
}

.mem-dir-blurb__form {
  display: flex;
  gap: 6px;
  align-items: center;
  min-width: 260px;
}

.mem-listings-grid {
  display: grid;
  grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
@media (max-width: 900px) {
  .mem-listings-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.mem-listing-panel {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 16px 18px;
}
.mem-listing-panel__title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}
.mem-listing-panel__sub {
  margin: 14px 0 6px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #556070;
}
.mem-listing-panel__dates {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.mem-lane__row--muted {
  opacity: 0.65;
}

.mem-chip--eng-engaged .mem-chip__dot {
  background: #0d9f6e;
}

.mem-chip--eng-steady .mem-chip__dot {
  background: #2f5cc4;
}

.mem-chip--eng-quiet .mem-chip__dot {
  background: #98a2ae;
}

.mem-chip--eng-at_risk .mem-chip__dot {
  background: #b42318;
}

.mem-table__meta a,
a.mem-table__meta {
  color: #2f5cc4;
  text-decoration: none;
}

a.mem-table__meta:hover {
  text-decoration: underline;
}

.mem-statement {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 32px 36px;
  max-width: 760px;
  margin: 0 auto;
}
.mem-statement__head {
  margin-bottom: 22px;
}
.mem-statement__org {
  margin: 0 0 2px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}
.mem-statement__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 24.5 / 24);
  font-weight: 700;
  color: #1f2d3d;
}
.mem-statement__who {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #35404d;
}
.mem-statement__band {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 22px;
  padding: 16px 0;
  border-top: 2px solid #1f2d3d;
  border-bottom: 1px solid #e3e8ef;
}
@media (max-width: 640px) {
  .mem-statement__band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.mem-statement__value {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 19.6 / 18);
  font-weight: 700;
  color: #1f2d3d;
  font-variant-numeric: tabular-nums;
}
.mem-statement__label {
  margin: 2px 0 0;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #556070;
}
.mem-statement__section {
  margin: 0 0 18px;
}
.mem-statement__h {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #556070;
}
.mem-statement__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
}
.mem-statement__list li {
  margin-bottom: 5px;
}
.mem-statement__date {
  display: inline-block;
  min-width: 52px;
  font-weight: 600;
  color: #556070;
  font-variant-numeric: tabular-nums;
}
.mem-statement__foot {
  margin-top: 22px;
  padding-top: 12px;
  border-top: 1px solid #e3e8ef;
  font-size: var(--edc-fs-label);
  color: #68737f;
}

@media print {
  .site-menubar, .site-navbar, .site-footer, .mem-value__toolbar,
  .site-gridmenu, .page-aside {
    display: none !important;
  }
  .page, .page-content {
    margin: 0 !important;
    padding: 0 !important;
  }
  .mem-value {
    padding: 0;
  }
  .mem-statement {
    border: 0;
    border-radius: 0;
    padding: 0;
    max-width: none;
  }
}
.pp-grid {
  display: grid;
  grid-template-columns: minmax(300px, 400px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
@media (max-width: 900px) {
  .pp-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.pp-form__set {
  border: 0;
  margin: 0 0 14px;
  padding: 0;
}

.pp-check {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 2px;
  font-size: var(--edc-fs-body);
  color: #35404d;
  cursor: pointer;
}
.pp-check input {
  width: 16px;
  height: 16px;
}
.pp-check input:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.pp-hint {
  background: #eef2fb;
  border: 1px solid #b9c6e4;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1f2d3d;
  margin: 0 0 12px;
}

.pp-recs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pp-rec {
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 13px 16px;
}
.pp-rec--roadmap {
  border-style: dashed;
}
.pp-rec__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.pp-rec__name {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}
.pp-rec__badge {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #2f5cc4;
  white-space: nowrap;
}
.pp-rec__badge--owned {
  color: #0d786f;
}
.pp-rec__badge--roadmap {
  color: #68737f;
}
.pp-rec__why {
  margin: 8px 0 0;
  padding-left: 18px;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
}
.pp-rec__why li {
  margin-bottom: 3px;
}
.pp-rec__next {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.mem-crh__who {
  display: flex;
  align-items: center;
  gap: 16px;
}

.mem-crh__words {
  min-width: 0;
}

.mem-crh__logo {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  border: 1px solid #e3e8ef;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mem-crh__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.mem-crh__line {
  font-size: var(--edc-fs-body);
  color: #35404d;
  min-width: 0;
}

.mem-pill {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  background: #eef2fb;
  color: #2549a8;
}
.mem-pill--ok {
  background: #e6f6ee;
  color: #0b5c3a;
}
.mem-pill--warn {
  background: #fdf1e6;
  color: #8a4a0c;
}
.mem-pill--danger {
  background: #fdeceb;
  color: #9b1c1c;
}
.mem-pill--muted {
  background: #eef1f5;
  color: #556070;
}
.mem-pill--tier {
  background: #1d2a44;
  color: #fff;
}

.mem-profile__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 12px;
  align-items: start;
}
@media (max-width: 1100px) {
  .mem-profile__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.mem-section {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  margin: 0 0 12px;
  scroll-margin-top: 120px;
}

.mem-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid #e3e8ef;
}

.mem-section__title {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}

.mem-section__hint {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.mem-section__body {
  padding: 16px 18px;
}

.mem-section__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.mem-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px 18px;
  margin: 0;
}

.mem-facts dt {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #556070;
  margin: 0 0 2px;
}

.mem-facts dd {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
  font-variant-numeric: tabular-nums;
}

.mem-complete {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
}

.mem-complete__bar {
  flex: 1;
  height: 8px;
  border-radius: 999px;
  background: #eef1f5;
  overflow: hidden;
}

.mem-complete__fill {
  height: 100%;
  background: #0d9f6e;
  border-radius: 999px;
}

.mem-complete__pct {
  font-weight: 800;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
  min-width: 3.5ch;
  text-align: right;
}

.mem-complete__missing {
  margin: 0 0 14px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.mem-complete__missing a {
  color: #2549a8;
  font-weight: 600;
}

.mem-form {
  display: grid;
  gap: 12px;
}

.mem-form__row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.mem-form label, .mem-form .mem-label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #35404d;
  display: block;
  margin: 0 0 4px;
}

.mem-form input[type=text], .mem-form input[type=url], .mem-form input[type=email], .mem-form input[type=tel], .mem-form input[type=number], .mem-form input[type=time], .mem-form textarea, .mem-form select {
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
  background: #fff;
  border: 1px solid #c4ccd8;
  border-radius: 8px;
  padding: 8px 10px;
}

.mem-form textarea {
  min-height: 96px;
}

.mem-form__help {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.mem-form__foot {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.mem-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
  font-weight: 500;
}
.mem-toggle input {
  width: 16px;
  height: 16px;
  accent-color: #2549a8;
}

.mem-toggles {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}

.mem-hours {
  display: grid;
  gap: 6px;
}

.mem-hours__row {
  display: grid;
  grid-template-columns: 110px 1fr auto 1fr auto;
  gap: 8px;
  align-items: center;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
@media (max-width: 700px) {
  .mem-hours__row {
    grid-template-columns: 90px 1fr 1fr;
  }
}

.mem-hours__day {
  font-weight: 600;
  color: #35404d;
}

.mem-hours__dash {
  color: #556070;
  text-align: center;
}

.mem-cats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 6px 18px;
}

.mem-cats__root {
  font-weight: 700;
  color: #1f2d3d;
  margin: 8px 0 2px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.mem-cats label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 500;
  color: #35404d;
  padding: 3px 0;
}
.mem-cats label input {
  accent-color: #2549a8;
}

.mem-cats__sub {
  padding-left: 22px;
}

.mem-cat-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 10px;
}

.mem-people {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.mem-person {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
}

.mem-person__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #eef2fb;
  color: #2549a8;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-body);
}

.mem-person__name {
  margin: 0;
  font-weight: 700;
  color: #1f2d3d;
  font-size: var(--edc-fs-body);
}
.mem-person__name a {
  color: inherit;
  text-decoration: none;
}
.mem-person__name a:hover {
  color: #2549a8;
}

.mem-person__meta {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
}

.mem-person__form {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.mem-person__form select.form-control {
  width: auto;
  min-width: 170px;
}

.mem-person__who {
  min-width: 0;
}

.mem-person__avatar {
  align-self: start;
}

.mem-person__name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.mem-person__acts {
  display: inline-flex;
  gap: 2px;
  align-items: center;
}

.mem-person__edit {
  grid-column: 2/-1;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f7f9fc;
}

.mem-person__invite {
  align-items: center;
  gap: 10px;
}

.mem-person__portal--quiet {
  margin-left: -13px;
}

.mem-rep-add {
  border-top: 1px dashed #e3e8ef;
  margin-top: 14px;
  padding-top: 14px;
}

.mem-rep-add__matches {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.mem-rep-add__match {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #e3e8ef;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.mem-photos {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 8px;
}

.mem-photo {
  position: relative;
  aspect-ratio: 4/3;
  border-radius: 8px;
  overflow: hidden;
  background: #eef1f5;
}
.mem-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.mem-photo__remove {
  position: absolute;
  top: 6px;
  right: 6px;
  border: 0;
  background: rgba(15, 23, 42, 0.75);
  color: #fff;
  border-radius: 6px;
  font-size: var(--edc-fs-eyebrow);
  padding: 3px 7px;
  cursor: pointer;
}

.mem-social {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}

.mem-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.mem-timeline__row {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: baseline;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  padding: 8px 0;
  border-bottom: 1px solid #f0f2f5;
}
.mem-timeline__row:last-child {
  border-bottom: 0;
}

.mem-timeline__when {
  color: #556070;
  font-variant-numeric: tabular-nums;
}

.mem-timeline__amount {
  font-weight: 700;
  color: #1f2d3d;
  font-variant-numeric: tabular-nums;
}

.mem-side {
  position: sticky;
  top: 132px;
}

.mem-side .mem-section {
  margin-bottom: 12px;
}

.mem-preview {
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  overflow: hidden;
}

.mem-preview__frame {
  width: 100%;
  height: 420px;
  border: 0;
  display: block;
  background: #f7f8fb;
}

.mem-preview__note {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.mem-flash {
  padding: 10px 14px;
  border-radius: 8px;
  margin: 0 0 12px;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.mem-flash--ok {
  background: #e6f6ee;
  color: #0b5c3a;
}

.mem-flash--error {
  background: #fdeceb;
  color: #9b1c1c;
}

.mem-cattree {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.mem-cattree__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  border: 1px solid #e3e8ef;
  border-radius: 8px;
  background: #fff;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.mem-cattree__row--sub {
  margin-left: 24px;
}

.mem-cattree__name {
  font-weight: 600;
  color: #1f2d3d;
}

.mem-cattree__count {
  color: #556070;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  margin-left: 8px;
}

.mem-cattree__who {
  min-width: 0;
}

.mem-cattree__acts {
  display: grid;
  grid-template-columns: 34px 34px auto 130px auto;
  align-items: center;
  gap: 2px;
  justify-items: end;
}

.mem-cattree__acts > * {
  margin: 0;
}

@media (max-width: 640px) {
  .mem-cattree__row {
    flex-wrap: wrap;
  }
  .mem-cattree__row--sub {
    margin-left: 12px;
  }
  .mem-cattree__acts {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mem-cattree__acts > span[aria-hidden] {
    display: none;
  }
  .mem-cattree__row {
    min-width: 0;
  }
  .mem-cattree__popform {
    right: auto;
    left: 0;
  }
  .mem-cattree__add {
    flex-wrap: wrap;
  }
  .mem-cattree__add .form-control {
    max-width: none;
    flex: 1 1 200px;
  }
}
.mem-cattree__add {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0 0 14px;
}
.mem-cattree__add .form-control {
  max-width: 280px;
}

.mem-cattree__pop {
  position: relative;
}

.mem-cattree__popform {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 20;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 10px;
  background: #fff;
  border: 1px solid #d3dae5;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(31, 45, 61, 0.12);
}
.mem-cattree__popform .form-control {
  width: 220px;
}

.mem-person {
  grid-template-columns: 40px minmax(0, 1fr) auto;
}

.mem-person__portal {
  grid-column: 2/-1;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  align-items: center;
  margin-top: -4px;
}

.mem-invite-url {
  border: 1px solid #b9d9c6;
  background: #e6f6ee;
  border-radius: 10px;
  padding: 12px 14px;
  margin: 0 0 14px;
}

.mem-invite-url__row {
  display: flex;
  gap: 8px;
}
.mem-invite-url__row input {
  flex: 1;
  font: inherit;
  font-size: var(--edc-fs-secondary);
  border: 1px solid #c4ccd8;
  border-radius: 8px;
  padding: 6px 10px;
}

.mem-approvals-grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: 18px;
  align-items: start;
}

@media (max-width: 991px) {
  .mem-approvals-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .mem-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.mem-portal-mark {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
  padding: 1px 8px;
  border-radius: 999px;
  background: #eaf6f0;
  color: #14532d;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  font-weight: 700;
  vertical-align: middle;
}

.mem-portal-people {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 2px;
  font-size: calc(var(--edc-fs-label) * 12.04 / 12);
  color: #5b6573;
}

.mem-head__lead {
  min-width: 0;
}

.mem-abtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 13px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  background: #fff;
  color: #35404d;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
}
.mem-abtn i {
  font-size: var(--edc-fs-label);
  color: #6b7686;
}
.mem-abtn:hover {
  background: #f5f7fb;
  border-color: #b9c4d4;
  color: #1f2d3d;
  text-decoration: none;
}
.mem-abtn--primary {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
}
.mem-abtn--primary i {
  color: rgba(255, 255, 255, 0.85);
}
.mem-abtn--primary:hover {
  background: #2549a8;
  border-color: #2549a8;
  color: #fff;
}

.mem-invoices-tab__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 4px 0 16px;
}

.mem-invoices-tab__head .mem-form__help {
  margin: 2px 0 0;
}

.mem-invoices-tab__title {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #1f2d3d;
}

.mem-invoices-tab__acts {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  .mem-invoices-tab__acts {
    width: 100%;
  }
}
.mem-dash {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.mem-dash__h {
  margin: 0 0 12px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #35404d;
}

.mem-dash__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 900px) {
  .mem-dash__grid {
    grid-template-columns: 1fr;
  }
}
.mem-attn__row {
  display: grid;
  grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 1280px) {
  .mem-attn__row {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.mem-attn__card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 14px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  transition: box-shadow 0.12s, border-color 0.12s;
}
.mem-attn__card:hover {
  box-shadow: 0 3px 10px rgba(31, 45, 61, 0.08);
  border-color: #d3dae5;
  text-decoration: none;
}
.mem-attn__card--urgent .mem-attn__icon {
  background: #fdeceb;
  color: #b42318;
}
.mem-attn__card--warn .mem-attn__icon {
  background: #fef3e2;
  color: #a8540c;
}
.mem-attn__card--info .mem-attn__icon {
  background: #eef2fb;
  color: #2549a8;
}

.mem-attn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 9px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.mem-attn__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.mem-attn__value {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #1f2d3d;
  line-height: 1.1;
}

.mem-attn__label {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  font-weight: 600;
}

.mem-attn__go {
  margin-left: auto;
  color: #aab4c2;
  font-size: var(--edc-fs-body);
}

.mem-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.mem-kpis--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .mem-kpis--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .mem-kpis {
    grid-template-columns: 1fr;
  }
}
a.mem-kpi--link {
  display: block;
  color: inherit;
  text-decoration: none;
}
a.mem-kpi--link:hover {
  border-color: #c6d2e3;
  text-decoration: none;
}
a.mem-kpi--link:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.mem-kpi {
  padding: 16px 18px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #fff;
}
.mem-kpi__value {
  margin: 0;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  color: #1f2d3d;
  line-height: 1.1;
}
.mem-kpi__label {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}
.mem-kpi__sub {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.mem-kpi__sub--warn {
  color: #a8540c;
  font-weight: 600;
}

.mem-card {
  padding: 18px 18px 20px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #fff;
}
.mem-card--flush {
  padding: 0;
  overflow: hidden;
}
.mem-card__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.mem-card__title {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}
.mem-card__link {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #2f5cc4;
  text-decoration: none;
  white-space: nowrap;
}
.mem-card__link i {
  font-size: var(--edc-fs-eyebrow);
}
.mem-card__link:hover {
  color: #2549a8;
  text-decoration: none;
}
.mem-card__meta {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  font-weight: 600;
}
.mem-card__lede {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #475467;
}
.mem-card__empty {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.mem-minilanes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
  gap: 10px;
}

.mem-minilane {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 12px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fbfcfe;
  text-decoration: none;
}
.mem-minilane:hover {
  background: #f2f5fb;
  text-decoration: none;
}
.mem-minilane__value {
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #1f2d3d;
  line-height: 1.1;
}
.mem-minilane__label {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #556070;
}
.mem-minilane--urgent .mem-minilane__value {
  color: #b42318;
}
.mem-minilane--warn .mem-minilane__value {
  color: #b54708;
}
.mem-minilane--info .mem-minilane__value {
  color: #64748b;
}
.mem-minilane--ok .mem-minilane__value {
  color: #0d9f6e;
}

.mem-agebar {
  display: flex;
  height: 14px;
  border-radius: 7px;
  overflow: hidden;
  background: #eef1f6;
  margin-bottom: 14px;
}
.mem-agebar__seg {
  height: 100%;
}

.mem-agelist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mem-agelist__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.mem-agelist__key {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #35404d;
  font-weight: 600;
}
.mem-agelist__val {
  color: #1f2d3d;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.mem-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  flex: 0 0 10px;
}
.mem-dot--eng-engaged {
  background: #0d9f6e;
}
.mem-dot--eng-steady {
  background: #2f5cc4;
}
.mem-dot--eng-quiet {
  background: #f79009;
}
.mem-dot--eng-at_risk {
  background: #b42318;
}

.mem-bars {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mem-bars__row {
  display: grid;
  grid-template-columns: 130px 1fr 34px;
  align-items: center;
  gap: 10px;
}
.mem-bars__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #35404d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mem-bars__track {
  height: 10px;
  background: #eef1f6;
  border-radius: 6px;
  overflow: hidden;
}
.mem-bars__fill {
  display: block;
  height: 100%;
  background: #2f5cc4;
  border-radius: 6px;
}
.mem-bars__fill--eng-engaged {
  background: #0d9f6e;
}
.mem-bars__fill--eng-steady {
  background: #2f5cc4;
}
.mem-bars__fill--eng-quiet {
  background: #f79009;
}
.mem-bars__fill--eng-at_risk {
  background: #b42318;
}
.mem-bars__val {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 700;
  color: #1f2d3d;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.mem-renewals {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mem-renewals__lede {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #475467;
}

.mem-card__sub {
  margin: 16px 0 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b7686;
}

.mem-nextren {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.mem-nextren__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 0;
  border-top: 1px solid #eef1f6;
}
.mem-nextren__row:first-child {
  border-top: 0;
}

.mem-nextren__name {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1f2d3d;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mem-nextren__name:hover {
  color: #2f5cc4;
}

.mem-nextren__date {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mem-profile__main > .mem-section {
  margin-bottom: 0;
}

.mem-head__add {
  align-self: flex-start;
}

.mem-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
.mem-toolbar__spacer {
  flex: 1 1 auto;
}
.mem-toolbar__doors {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.mem-tier-card {
  display: flex;
  flex-direction: column;
}

.mem-tier-card__benefits {
  flex: 0 0 auto;
}

.mem-tier-card__edit {
  margin-top: auto;
  padding-top: 12px;
}

.mem-tier-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
  margin-top: 4px;
}
@media (max-width: 760px) {
  .mem-tier-settings {
    grid-template-columns: 1fr;
  }
}
.mem-tier-settings .mem-tier-form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mem-tier-settings .mem-tier-form textarea {
  flex: 1 1 auto;
  min-height: 96px;
}
.mem-tier-settings .mem-tier-form .mem-btn {
  align-self: flex-start;
  margin-top: 14px;
}

.mem-flowpage__card {
  padding: 24px;
  max-width: 920px;
}

.mem-flow {
  display: grid;
  gap: 24px;
}

.mem-flow__step {
  display: grid;
  gap: 16px;
}
.mem-flow__step[hidden] {
  display: none;
}

.mem-flow__h {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
  text-shadow: none;
}

.mem-flow__n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #eef2fb;
  color: #2549a8;
  font-size: var(--edc-fs-label);
  font-weight: 700;
}

.mem-flow__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.mem-flow__grid .mems-form__field > label + .ccs-input + label {
  margin-top: 8px;
}

.mem-flow__note {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
  line-height: 1.45;
}
.mem-flow__note i {
  color: #0d9f6e;
  margin-right: 4px;
}

.mem-flow__programs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 640px) {
  .mem-flow__programs {
    grid-template-columns: minmax(0, 1fr);
  }
}
.mem-flow__program {
  position: relative;
  display: block;
  margin: 0;
  cursor: pointer;
}
.mem-flow__program input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.mem-flow__program-body {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid #d3dae5;
  border-radius: 10px;
  background: #fff;
  min-height: 100%;
  box-sizing: border-box;
}
.mem-flow__program-name {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2d3d;
}
.mem-flow__program-meta {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.mem-flow__program input:checked + .mem-flow__program-body {
  border-color: #2f5cc4;
  box-shadow: inset 0 0 0 1px #2f5cc4;
  background: #f7f9fe;
}
.mem-flow__program input:focus-visible + .mem-flow__program-body {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.mem-flow__program .mem-pill {
  justify-self: start;
  margin-top: 4px;
}

.mem-flow__choices {
  display: grid;
  gap: 8px;
}

.mem-flow__choice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #e3e8ef;
  border-radius: 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
  cursor: pointer;
}
.mem-flow__choice input {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: #2549a8;
  flex: 0 0 16px;
}
.mem-flow__choice:has(input:checked) {
  border-color: #2f5cc4;
  background: #f7f9fe;
}

.mem-flow__cats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 6px 12px;
  max-height: 200px;
  overflow: auto;
  padding: 10px 12px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  background: #fff;
}

.mem-flow__cat {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
}
.mem-flow__cat input {
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: #2549a8;
}
.mem-flow__cat--child {
  padding-left: 16px;
  color: #556070;
}

.mem-flow__newperson {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}
.mems-picker[hidden] + .mem-flow__newperson {
  margin-top: 0;
}
.mem-flow__newperson {
  padding: 12px;
  border: 1px dashed #d3dae5;
  border-radius: 8px;
  background: #fbfcfe;
}
.mem-flow__newperson[hidden] {
  display: none;
}

.mem-flow__foot {
  padding-top: 8px;
  border-top: 1px solid #e3e8ef;
}

.mem-flow__submit {
  min-width: 120px;
  justify-content: center;
}

@media (max-width: 720px) {
  .mem-flow__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.mem-flowlines {
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1px solid #b7e1cc;
  border-radius: 10px;
  background: #f0faf5;
}
.mem-flowlines__title {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 700;
  color: #0b5c3a;
}
.mem-flowlines__title i {
  margin-right: 6px;
}
.mem-flowlines__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}
.mem-flowlines__row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1f2d3d;
  line-height: 1.4;
}
.mem-flowlines__row i {
  flex: 0 0 14px;
  margin-top: 3px;
  font-size: var(--edc-fs-label);
  color: #0d9f6e;
}
.mem-flowlines__row--skipped {
  color: #556070;
}
.mem-flowlines__row--skipped i {
  color: #8a94a3;
}
.mem-flowlines__row--failed {
  color: #9b1c1c;
}
.mem-flowlines__row--failed i {
  color: #b42318;
}
.mem-flowlines .mem-invite-url {
  margin-top: 12px;
}

.mem-programs {
  margin: 24px 0 0;
}

.mem-programs__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  margin-top: 12px;
}

.mem-programs__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 12px;
}

.mem-program__levels {
  margin: 10px 0 12px;
}
.mem-program__levels .mem-tier-grid {
  margin: 0;
}

.mem-program .mem-tier-card {
  background: #fafbfd;
  box-shadow: none;
}

.mem-program--shared {
  margin-top: 16px;
  padding: 18px 20px;
  border: 1px dashed #d3dae5;
  border-radius: 12px;
}

.mem-program__meta {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.mem-standing__table {
  table-layout: auto;
  width: 100%;
}
.mem-standing__table th {
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #344054;
  white-space: nowrap;
  border-bottom: 1px solid #e3e8ef;
}
.mem-standing__table td {
  vertical-align: top;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1f2d3d;
}
.mem-standing__table td {
  white-space: normal;
}
.mem-standing__table td[data-label=Renews] {
  white-space: nowrap;
}
.mem-standing__table td[data-label=Status] {
  min-width: 150px;
}
.mem-standing__table .mem-pill {
  white-space: nowrap;
}
.mem-standing__table .mem-standing__program {
  min-width: 180px;
}
.mem-standing__table .mem-standing__action {
  text-align: right;
  white-space: nowrap;
}
.mem-standing__table td .mem-pill {
  vertical-align: middle;
}
.mem-standing__table .btn {
  min-width: 0;
}

.mem-standing__name {
  font-weight: 700;
  color: #1f2d3d;
  text-decoration: none;
}
.mem-standing__name:hover {
  color: #2f5cc4;
  text-decoration: underline;
}
.mem-standing__name:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
  border-radius: 3px;
}

.mem-standing__table .mem-standing__name {
  text-decoration: none;
}
.mem-standing__table .mem-standing__name:hover {
  text-decoration: underline;
}

.mem-standing__table .mem-standing__level {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}

.mem-standing table.table.mem-standing__table thead th {
  white-space: normal;
}
.mem-standing table.table.mem-standing__table .mem-standing__program {
  min-width: 140px;
}
.mem-standing table.table.mem-standing__table td[data-label=Status] {
  min-width: 112px;
}
.mem-standing table.table.mem-standing__table td[data-label=Renews] {
  white-space: nowrap;
}
.mem-standing table.table.mem-standing__table .mem-standing__action {
  white-space: nowrap;
  width: 1%;
}

.mem-standing__given {
  margin: 0 0 10px;
  font-size: var(--edc-fs-body);
  color: #44576b;
}
.mem-standing__given strong {
  color: #1f2d3d;
  font-variant-numeric: tabular-nums;
}

.mem-standing__given-label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #44576b;
  margin-right: 6px;
}

.mem-standing__name--open {
  font-weight: 600;
}

.mem-standing__none {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.mem-standing__row--open td {
  color: #556070;
}

.mem-standing__row--open .mem-standing__name {
  color: #1f2d3d;
}

.mem-standing__action .btn + .btn {
  margin-left: 6px;
}

.mem-standing__help {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.mem-standing .mem-standing__table {
  margin-top: 4px;
}

.mem-standing {
  overflow-x: auto;
}

@media (max-width: 1100px) {
  .mem-standing__table .mem-standing__action {
    white-space: normal;
  }
  .mem-standing__table .mem-standing__program {
    min-width: 150px;
  }
  .mem-standing__table td[data-label=Status] {
    min-width: 120px;
  }
  .mem-standing__row--open .mem-standing__action .btn {
    display: block;
    margin: 0 0 6px;
  }
  .mem-standing__row--open .mem-standing__action .btn + .btn {
    margin-left: 0;
  }
}
.mem-standing__table tbody tr:last-child td {
  border-bottom: 0;
}

.mem-standing__kind {
  display: block;
  margin-top: 2px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.mem-standing__note {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

@media (max-width: 760px) {
  .mem-standing__table thead {
    display: none;
  }
  .mem-standing__table tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    padding: 12px 0;
    border-top: 1px solid #e3e8ef;
  }
  .mem-standing__table tbody td, .mem-standing__table tbody td.mem-standing__action {
    display: block;
    padding: 0;
    border: 0;
    text-align: left;
    white-space: normal;
  }
  .mem-standing__table tbody td[data-label]::before {
    content: attr(data-label);
    display: inline-block;
    min-width: 110px;
    margin-right: 8px;
    font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
    font-weight: 600;
    color: #344054;
  }
  .mem-standing__table .mem-standing__kind {
    display: inline;
    margin-left: 6px;
  }
  .mem-standing__table .mem-standing__note {
    display: inline;
    margin-left: 6px;
  }
  .mem-standing__table .mem-standing__action .btn {
    margin: 0 6px 6px 0;
  }
  .mem-standing__table .mem-standing__action .btn + .btn {
    margin-left: 0;
  }
}
.mem-queues {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}

.mem-queue {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 12px 0 14px;
  border: 1px solid #e3e8ef;
  border-radius: 999px;
  background: #fff;
  color: #35404d;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.mem-queue:hover {
  background: #f5f7fb;
  border-color: #b9c4d4;
  color: #1f2d3d;
  text-decoration: none;
}
.mem-queue:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.mem-queue.is-active {
  background: #1f2d3d;
  border-color: #1f2d3d;
  color: #fff;
}
.mem-queue.is-active .mem-queue__n {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}
.mem-queue__n {
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 11px;
  background: #eef2fb;
  color: #2549a8;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mem-tools {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}
.mem-tools .mem-filters {
  margin: 0;
  flex: 1 1 640px;
  min-width: 0;
}
.mem-tools .mem-filters {
  flex-wrap: nowrap;
}
.mem-tools .mem-filters .form-control {
  width: auto;
  flex: 0 1 auto;
  min-width: 0;
}
.mem-tools .mem-filters__input {
  flex: 1 1 220px;
  max-width: 240px;
  min-width: 140px;
}
.mem-tools .mem-filters__select {
  flex: 0 1 150px;
  min-width: 110px;
}
.mem-tools .mem-filters .mem-abtn, .mem-tools .mem-filters__clear {
  flex: none;
}

.mem-filters__select--eng {
  max-width: 170px;
}

.mem-segments {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.mem-inline {
  display: inline-flex;
  margin: 0;
}

.mem-mini > summary {
  list-style: none;
  cursor: pointer;
}
.mem-mini > summary::-webkit-details-marker {
  display: none;
}

.mem-segments__form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
}
.mem-segments__form .form-control {
  max-width: 220px;
}

.mem-segments__share {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
}
.mem-segments__share input {
  margin: 0;
}

.mem-abtn--quiet {
  border-color: transparent;
  background: transparent;
}
.mem-abtn--quiet:hover {
  background: #f5f7fb;
  border-color: #d3dae5;
}

.mem-abtn--icon {
  width: 34px;
  padding: 0;
  justify-content: center;
}

.mem-abtn--danger {
  color: #b42318;
}
.mem-abtn--danger:hover {
  color: #9b1c1c;
  background: #fdeceb;
  border-color: #f4c7c3;
}

.mem-bulk {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 10px;
  padding: 10px 14px;
  border: 1px solid #c9d6f2;
  border-radius: 10px;
  background: #f4f7fe;
}
.mem-bulk__count {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 700;
  color: #1f2d3d;
}
.mem-bulk__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.mem-bulk__group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.mem-bulk__group .form-control {
  max-width: 200px;
  height: 34px;
  padding: 0 10px;
  font-size: var(--edc-fs-secondary);
}
.mem-bulk__status {
  flex-basis: 100%;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
}
.mem-bulk__status:empty {
  display: none;
}
.mem-bulk__status.is-error {
  color: #b42318;
}
.mem-bulk__form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  flex-basis: 100%;
}
.mem-bulk__form[hidden] {
  display: none;
}
.mem-bulk__form .form-control {
  max-width: 280px;
  height: 34px;
  padding: 0 10px;
  font-size: var(--edc-fs-body);
}
.mem-bulk__form .form-control[type=date] {
  max-width: 170px;
}
.mem-bulk__form .form-control[hidden] {
  display: none;
}
.mem-bulk__label {
  flex-basis: 100%;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1f2d3d;
}

.mem-table--select td.mem-table__check, .mem-table--select th.mem-table__check {
  width: 34px;
  padding-right: 0;
}
.mem-table--select td.mem-table__check input, .mem-table--select th.mem-table__check input {
  width: 16px;
  height: 16px;
  margin: 3px 0 0;
  accent-color: #2f5cc4;
}
.mem-table--select tbody tr.is-selected td {
  background: #f4f7fe;
}

.mem-chip--link {
  text-decoration: none;
  border-bottom: 1px dotted #b9c4d4;
}
.mem-chip--link:hover {
  color: #1f2d3d;
  border-bottom-color: #2f5cc4;
  text-decoration: none;
}

.mem-sort {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.mem-sort i {
  font-size: var(--edc-fs-eyebrow);
  color: #98a2ae;
}
.mem-sort.is-on i {
  color: #2f5cc4;
}
.mem-sort:hover {
  color: #1f2d3d;
  text-decoration: none;
}
.mem-sort--num {
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 720px) {
  .mem-tools {
    flex-direction: column;
    align-items: stretch;
  }
  .mem-bulk__actions {
    width: 100%;
  }
  .mem-tools .mem-filters {
    flex: none;
    flex-wrap: wrap;
  }
  .mem-tools .mem-filters .form-control {
    width: 100%;
    flex: 1 1 100%;
    max-width: none;
    min-width: 0;
  }
}
.mem-benefits {
  margin-top: 16px;
}

.mem-benefits__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 8px;
}
.mem-benefits__head .mem-label {
  margin: 0;
}

.mem-benefits__form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
}
.mem-benefits__form .form-control {
  max-width: 220px;
  height: 34px;
  font-size: var(--edc-fs-secondary);
}

.mem-benefits__list {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  overflow: hidden;
}

.mem-benefits__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 14px;
  border-bottom: 1px solid #eef1f6;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1f2d3d;
}
.mem-benefits__row:last-child {
  border-bottom: 0;
  flex-wrap: wrap;
}

.mem-benefits__count {
  font-weight: 700;
  color: #0b5c3a;
  white-space: nowrap;
}
.mem-benefits__count--none {
  font-weight: 500;
  color: #68737f;
}

.mem-benefits__recent {
  margin-top: 6px;
}

.mem-linkbtn {
  background: none;
  border: 0;
  padding: 0;
  color: #2f5cc4;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  cursor: pointer;
}
.mem-linkbtn:hover {
  text-decoration: underline;
}

.mem-tl {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mem-tl__row {
  display: grid;
  grid-template-columns: 96px 28px 1fr;
  gap: 10px;
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px solid #eef1f6;
}
.mem-tl__row:last-child {
  border-bottom: 0;
}

.mem-tl__when {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #68737f;
  font-variant-numeric: tabular-nums;
  padding-top: 2px;
}

.mem-tl__icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #eef2fb;
  color: #2549a8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-label);
}

.mem-tl__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2d3d;
}
.mem-tl__title a {
  color: inherit;
  text-decoration: none;
}
.mem-tl__title a:hover {
  text-decoration: underline;
}

.mem-tl__detail {
  font-size: var(--edc-fs-secondary);
  color: #556070;
  margin-top: 1px;
}

.mem-tl__kind {
  display: inline-block;
  margin-left: 6px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #98a2ae;
}

.mem-tl__more {
  margin: 12px 0 0;
}

@media (max-width: 720px) {
  .mem-tl__row {
    grid-template-columns: 78px 24px 1fr;
  }
}
.mem-invoices {
  margin-top: 16px;
}

.mem-invoices__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.mem-invoices__head .mem-label {
  margin: 0;
}

.mem-invoices__open {
  color: #b54708;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}

.mem-invoices__acts {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.mem-invoices__all {
  font-size: var(--edc-fs-secondary);
}

.mem-invoices__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e3e8ef;
}

.mem-invoices__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  flex-wrap: wrap;
  padding: 10px 0;
  border-bottom: 1px solid #e3e8ef;
}

.mem-invoices__what {
  min-width: 0;
}

.mem-invoices__number {
  font-weight: 700;
}

.mem-invoices__name {
  color: #35404d;
}

.mem-invoices__meta {
  display: block;
  margin-top: 3px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.mem-invoices__meta .mem-chip {
  vertical-align: middle;
}

.mem-invoices__money {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  white-space: nowrap;
}

.mem-invoices__total {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #1f2d3d;
}

.mem-invoices__balance {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.mem-invoices__balance--open {
  color: #b54708;
  font-weight: 700;
}

.mem-abtn--sm {
  min-height: 30px;
  padding: 0 10px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.mem-chip--inv-overdue .mem-chip__dot {
  background: #b42318;
}

.mem-chip--inv-open .mem-chip__dot {
  background: #c2620e;
}

.mem-chip--inv-paid .mem-chip__dot {
  background: #0d9f6e;
}

.mem-chip--inv-void .mem-chip__dot, .mem-chip--inv-draft .mem-chip__dot {
  background: #98a2ae;
}

.mem-section__body--legacy .panel {
  border: 0;
  box-shadow: none;
  margin: 0;
  background: transparent;
}
.mem-section__body--legacy .panel-body {
  padding: 0;
}
.mem-section__body--legacy .tableTitle h2 {
  display: none;
}
.mem-section__body--legacy .activitiesTabOptions > .panel-body:first-child .row {
  justify-content: flex-end;
}
.mem-section__body--legacy .btn-default {
  min-width: 0;
}

.mem-remote {
  min-height: 48px;
}

.mems-mini-forms--record {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin: 0 0 14px;
  padding: 0 0 14px;
  border-bottom: 1px solid #e3e8ef;
}
.mems-mini-forms--record .mems-mini {
  margin-top: 0;
  flex: 1 1 320px;
}

.mem-skip {
  position: absolute;
  left: -9999px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
}
.mem-skip:focus {
  position: static;
  left: auto;
  display: inline-block;
  margin-left: 6px;
  color: #2f5cc4;
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
  border-radius: 3px;
}

.mem-table__check {
  position: relative;
}

.mem-lane__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.mem-lane__quiet {
  font-size: var(--edc-fs-secondary);
}

.mem-roster__scroll {
  overflow-x: auto;
  position: relative;
}

@media (min-width: 901px) {
  .mem-stats--five {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.mem-rep-add input[type=text] {
  flex: 1 1 220px;
  min-width: 0;
}

@media (max-width: 1100px) {
  .mem-person {
    grid-template-columns: 40px minmax(0, 1fr);
  }
  .mem-person__acts, .mem-person__edit, .mem-person__portal {
    grid-column: 2;
  }
  .mem-person__acts {
    justify-content: flex-start;
  }
}
@media (max-width: 640px) {
  .mem-crh__logo {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }
  .mem-section__head {
    flex-wrap: wrap;
  }
  .mem-section__actions {
    flex-basis: 100%;
  }
}
@media (max-width: 640px) {
  .mem-table--stack thead {
    display: none;
  }
  .mem-table--stack tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 4px 10px;
    padding: 12px 0;
    border-top: 1px solid #e3e8ef;
  }
  .mem-table--stack tbody td {
    display: block;
    padding: 0;
    border: 0;
    text-align: left;
    white-space: normal;
    grid-column: 1;
  }
  .mem-table--stack tbody td.mem-table__num {
    text-align: left;
  }
  .mem-table--stack tbody td[data-label]::before {
    content: attr(data-label);
    display: inline-block;
    min-width: 96px;
    margin-right: 8px;
    font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
    font-weight: 600;
    color: #344054;
    vertical-align: top;
  }
  .mem-table--stack tbody td[data-label] > .mem-table__meta {
    display: inline;
    margin-top: 0;
  }
  .mem-table--stack.mem-table--select tbody tr {
    grid-template-columns: 28px minmax(0, 1fr);
  }
  .mem-table--stack.mem-table--select tbody td {
    grid-column: 2;
  }
  .mem-table--stack.mem-table--select tbody td.mem-table__check {
    grid-column: 1;
    grid-row: 1/span 7;
    padding-top: 2px;
  }
  .mem-table--stack .mem-dir-blurb__form {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .mem-table--stack .mem-dir-blurb__form input[type=text] {
    flex: 1 1 200px;
    min-width: 0;
  }
  .mem-roster__scroll {
    overflow: visible;
  }
}
.mem-columns__open {
  white-space: nowrap;
}

.mem-columns {
  width: min(880px, 100vw - 32px);
  max-height: min(88vh, 780px);
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: #fff;
  color: #1f2d3d;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28);
}
.mem-columns::backdrop {
  background: rgba(15, 23, 42, 0.45);
}

.mem-columns__form {
  display: flex;
  flex-direction: column;
  max-height: inherit;
}

.mem-columns__head {
  padding: 20px 24px 12px;
  border-bottom: 1px solid #e3e8ef;
}

.mem-columns__title {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #1f2d3d;
  text-shadow: none;
}

.mem-columns__lede {
  margin: 6px 0 0;
  font-size: var(--edc-fs-body);
  color: #475467;
}

.mem-columns__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 300px);
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

.mem-columns__choose {
  padding: 16px 24px 8px;
  min-width: 0;
}

.mem-columns__order {
  padding: 16px 24px 8px;
  border-left: 1px solid #e3e8ef;
  background: #f8fafc;
  min-width: 0;
}

.mem-columns__sub {
  margin: 0 0 12px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2d3d;
  text-shadow: none;
}

.mem-columns .colpick__search {
  grid-template-columns: 1fr;
}

.mem-columns .colpick__groups {
  -moz-columns: 2 180px;
       columns: 2 180px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.mem-columns__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mem-columns__row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  margin-bottom: 4px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e3e8ef;
}

.mem-columns__label {
  flex: 1 1 auto;
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2d3d;
}

.mem-columns__moves {
  display: inline-flex;
  gap: 4px;
}

.mem-columns__move {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 0;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  font-size: var(--edc-fs-label);
}
.mem-columns__move:hover {
  background: #f2f5f9;
}
.mem-columns__move:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
}

.mem-columns__none {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #475467;
}

.mem-columns__status {
  min-height: 20px;
  margin: 0;
  padding: 8px 24px 0;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.mem-columns__foot {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px 18px;
  border-top: 1px solid #e3e8ef;
  flex-wrap: wrap;
}

.mem-columns__reset {
  margin-left: auto;
}

@media (max-width: 767.98px) {
  .mem-columns__body {
    grid-template-columns: 1fr;
  }
  .mem-columns__order {
    border-left: 0;
    border-top: 1px solid #e3e8ef;
  }
}
.mem-section__sub {
  margin: 26px 0 12px;
  padding-top: 18px;
  border-top: 1px solid #e3e8ef;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}

.mem-bars--types {
  margin-bottom: 8px;
}

.mem-profile__health {
  margin-top: 22px;
}

.mem-program__rankhint {
  margin: 0 0 10px;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.mem-tier-card--ranked {
  cursor: grab;
  transition: box-shadow 120ms ease, opacity 120ms ease;
}
.mem-tier-card--ranked.is-dragging {
  opacity: 0.5;
  box-shadow: 0 0 0 2px #2f5cc4;
}
.mem-tier-card--ranked .mem-tier-card__top {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}

.mem-tier-card__grip {
  color: #8a94a3;
  font-size: var(--edc-fs-secondary);
}

.mem-tier-card__rank {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
}

.mem-tier-card__moves {
  display: inline-flex;
  gap: 4px;
  margin-left: auto;
}

.mem-tier-card__move {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 0;
  border: 1px solid #d0d7e2;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  font-size: var(--edc-fs-eyebrow);
  cursor: pointer;
}
.mem-tier-card__move:hover {
  background: #f2f5f9;
}
.mem-tier-card__move:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
}

.mem-tier-form__standout {
  margin: 12px 0 4px;
  padding: 10px 12px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
}

.mem-rank-error {
  display: block;
  margin: 12px 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fbe3e3;
  color: #9b1c1c;
  font-weight: 600;
}

.mem-program__services {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  margin: 8px 0 12px;
}

.mem-program__service {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  padding: 2px 10px;
  border-radius: 999px;
  border: 1px solid #d0d7e2;
  color: #344054;
  background: #fff;
}
.mem-program__service strong {
  font-weight: 700;
}
.mem-program__service--off {
  color: #556070;
  background: #f2f4f7;
}
.mem-program__service--public {
  color: #106b45;
  background: #ddf3e8;
  border-color: #b6e3cb;
}

.mem-services {
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
}

.mem-services__row {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1.4fr);
  align-items: center;
  gap: 10px;
  padding: 4px 0;
}

.mem-services__name {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2d3d;
}

.mem-notmembers__figures {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  margin: 0 0 16px;
}
.mem-notmembers__figures dt {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: var(--bs-gray-700, #495057);
  margin: 0;
}
.mem-notmembers__figures dd {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}
.mem-notmembers__figures dd strong {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  margin-right: 6px;
}

.mem-notmembers__check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding-left: 0;
  min-height: 0;
}
.mem-notmembers__check .form-check-input {
  margin: 0;
  float: none;
}
.mem-notmembers__check .form-check-label {
  font-size: var(--edc-fs-secondary);
}

.mem-lane__flag {
  font-weight: 600;
}

.colpick {
  --colpick-ink: #1f2d3d;
  --colpick-muted: #475467;
  --colpick-line: #d0d7e2;
  --colpick-accent: #2f5cc4;
}

.colpick__search {
  display: grid;
  grid-template-columns: minmax(0, 360px) 1fr;
  align-items: end;
  gap: 4px 16px;
  margin-bottom: 16px;
}

.colpick__search-label {
  grid-column: 1/-1;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: var(--colpick-ink);
}

.colpick__search-field {
  position: relative;
}

.colpick__search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--edc-fs-secondary);
  color: var(--colpick-muted);
  pointer-events: none;
}

.colpick__search-input {
  width: 100%;
  height: 38px;
  padding: 0 12px 0 34px;
  border: 1px solid var(--colpick-line);
  border-radius: 8px;
  background: #fff;
  color: var(--colpick-ink);
  font-size: var(--edc-fs-body);
}
.colpick__search-input::-moz-placeholder {
  color: #667085;
}
.colpick__search-input::placeholder {
  color: #667085;
}
.colpick__search-input:focus {
  outline: none;
  border-color: var(--colpick-accent);
  box-shadow: 0 0 0 3px rgba(47, 92, 196, 0.2);
}

.colpick__status {
  margin: 0;
  align-self: center;
  font-size: var(--edc-fs-secondary);
  color: var(--colpick-muted);
}

.colpick__groups {
  -moz-columns: 3 240px;
       columns: 3 240px;
  -moz-column-gap: 32px;
       column-gap: 32px;
}

.colpick__group {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  min-width: 0;
}
.colpick__group[hidden] {
  display: none;
}

.colpick__legend {
  float: none;
  width: auto;
  margin: 0 0 6px;
  padding: 0 0 6px;
  border-bottom: 1px solid #e3e8ef;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--colpick-muted);
  display: block;
  width: 100%;
}

.colpick__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.colpick__option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 6px;
  border-radius: 6px;
}
.colpick__option[hidden] {
  display: none;
}
.colpick__option:hover {
  background: #f6f8fb;
}
.colpick__option input[type=checkbox].colpick__check {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--colpick-accent);
  cursor: pointer;
}
.colpick__option input[type=checkbox].colpick__check:focus-visible {
  outline: 2px solid var(--colpick-accent);
  outline-offset: 2px;
}

.colpick__label {
  flex: 1 1 auto;
  margin: 0;
  font-size: var(--edc-fs-body);
  line-height: 1.35;
  color: var(--colpick-ink);
  cursor: pointer;
}

.colpick__empty {
  margin: 4px 0 12px;
  font-size: var(--edc-fs-body);
  color: var(--colpick-ink);
}

@media (max-width: 575.98px) {
  .colpick__search {
    grid-template-columns: 1fr;
  }
}
.colpick-page__title {
  margin: 0 0 4px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #1f2d3d;
  text-shadow: none;
}

.colpick-page__lede {
  margin: 0 0 16px;
  font-size: var(--edc-fs-body);
  color: #475467;
}

.mem-profile .mem-section {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  margin: 0 0 16px;
}
.mem-profile .mem-section__head {
  padding: 16px 20px 0;
  border-bottom: 0;
  align-items: flex-start;
}
.mem-profile .mem-section__title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #556070;
}
.mem-profile .mem-section__hint {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  color: #3b4655;
}
.mem-profile .mem-section__body {
  padding: 14px 20px 18px;
}
.mem-profile .mem-section__actions, .mem-profile .mem-section__head > .mem-abtn, .mem-profile .mem-section__head > form {
  flex: none;
}
.mem-profile .mem-section .mem-abtn, .mem-profile .mem-section .mem-mini > summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  min-width: 0;
  border: 1px solid #d3dae5;
  border-radius: 7px;
  background: #fff;
  color: #1c2531;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
  white-space: nowrap;
}
.mem-profile .mem-section .mem-abtn:hover, .mem-profile .mem-section .mem-mini > summary:hover {
  background: #f5f7fa;
  border-color: #b9c4d4;
  color: #1c2531;
  text-decoration: none;
}
.mem-profile .mem-section .mem-abtn:focus-visible, .mem-profile .mem-section .mem-mini > summary:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.mem-profile .mem-section .mem-link:not(p .mem-link):not(.mem-form__help .mem-link),
.mem-profile .mem-invoices__number, .mem-profile .mem-tl__title a, .mem-profile .mem-timeline a {
  color: #1c2531;
  font-weight: 600;
  text-decoration: none;
}
.mem-profile .mem-section .mem-link:not(p .mem-link):not(.mem-form__help .mem-link):hover,
.mem-profile .mem-invoices__number:hover, .mem-profile .mem-tl__title a:hover, .mem-profile .mem-timeline a:hover {
  text-decoration: underline;
}
.mem-profile .mem-label {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #556070;
  display: block;
  margin: 18px 0 8px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}
.mem-profile .mem-section__body > .mem-label:first-child {
  margin-top: 0;
}
.mem-profile .mem-section__body--legacy .btn, .mem-profile .mem-section__body--legacy .btn-success, .mem-profile .mem-section__body--legacy .btn-default, .mem-profile .mem-section__body--legacy .btn-primary, .mem-profile .mem-section__body--legacy .btn-outline-success {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  min-width: 0;
  border: 1px solid #d3dae5;
  border-radius: 7px;
  background: #fff;
  color: #1c2531;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
  white-space: nowrap;
}
.mem-profile .mem-section__body--legacy .btn:hover, .mem-profile .mem-section__body--legacy .btn-success:hover, .mem-profile .mem-section__body--legacy .btn-default:hover, .mem-profile .mem-section__body--legacy .btn-primary:hover, .mem-profile .mem-section__body--legacy .btn-outline-success:hover {
  background: #f5f7fa;
  border-color: #b9c4d4;
  color: #1c2531;
  text-decoration: none;
}
.mem-profile .mem-section__body--legacy .btn:focus-visible, .mem-profile .mem-section__body--legacy .btn-success:focus-visible, .mem-profile .mem-section__body--legacy .btn-default:focus-visible, .mem-profile .mem-section__body--legacy .btn-primary:focus-visible, .mem-profile .mem-section__body--legacy .btn-outline-success:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.mem-profile .mem-section__body--legacy .btn i, .mem-profile .mem-section__body--legacy .btn .fa, .mem-profile .mem-section__body--legacy .btn svg, .mem-profile .mem-section__body--legacy .btn-success i, .mem-profile .mem-section__body--legacy .btn-success .fa, .mem-profile .mem-section__body--legacy .btn-success svg, .mem-profile .mem-section__body--legacy .btn-default i, .mem-profile .mem-section__body--legacy .btn-default .fa, .mem-profile .mem-section__body--legacy .btn-default svg, .mem-profile .mem-section__body--legacy .btn-primary i, .mem-profile .mem-section__body--legacy .btn-primary .fa, .mem-profile .mem-section__body--legacy .btn-primary svg, .mem-profile .mem-section__body--legacy .btn-outline-success i, .mem-profile .mem-section__body--legacy .btn-outline-success .fa, .mem-profile .mem-section__body--legacy .btn-outline-success svg {
  color: #556070;
}
.mem-profile .mem-section__body--legacy .alert {
  border-radius: 8px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.mem-profile .mem-section__body--legacy table {
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}
.mem-profile .mem-section__body--legacy th {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  border-bottom: 1px solid #dfe4ea !important;
  background: transparent !important;
}
.mem-profile .mem-section__body--legacy td {
  border-color: #edf0f4 !important;
}
.mem-profile .mem-section__body--legacy .dataTables_filter, .mem-profile .mem-section__body--legacy .dataTables_length {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #3b4655;
}
.mem-profile .mem-section__body--legacy input[type=search], .mem-profile .mem-section__body--legacy select {
  border: 1px solid #c9d2dd;
  border-radius: 7px;
  padding: 4px 8px;
}

.mem-profile__grid.is-wide {
  grid-template-columns: minmax(0, 1fr);
}
.mem-profile__grid.is-wide .mem-side {
  display: none;
}

.ev-page--record {
  max-width: none;
  margin: 0;
  padding: 20px 6px 60px;
}
.ev-page--record .ev-panel {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  padding: 16px 20px 18px;
  margin-bottom: 16px;
}
.ev-page--record .ev-panel__title {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #556070;
  margin: 0 0 12px;
  gap: 8px;
}
.ev-page--record .ev-panel__title .fa {
  display: none;
}
.ev-page--record .ev-panel__titlerow {
  align-items: center;
}
.ev-page--record .ev-panel__titlerow .ev-panel__title {
  margin: 0;
}
.ev-page--record .ev-panel__titlerow {
  margin-bottom: 12px;
}
.ev-page--record .ev-panel__hint {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  color: #556070;
}
.ev-page--record .ev-panel__sub {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #3b4655;
  margin: 0;
}
.ev-page--record .ev-stat {
  border-radius: 8px;
}
.ev-page--record .ev-table, .ev-page--record .ev-money {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
}
.ev-page--record .ev-table th, .ev-page--record .ev-money th {
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.08 / 10);
  padding: 8px 10px;
  border-bottom: 1px solid #dfe4ea;
  background: transparent;
}
.ev-page--record .ev-table td, .ev-page--record .ev-money td {
  padding: 11px 10px;
  border-bottom: 1px solid #edf0f4;
  vertical-align: top;
  color: #3b4655;
}
.ev-page--record .ev-table tr:last-child td, .ev-page--record .ev-money tr:last-child td {
  border-bottom: 0;
}
.ev-page--record .ev-table a, .ev-page--record .ev-money a {
  color: #1c2531;
  font-weight: 600;
  text-decoration: none;
}
.ev-page--record .ev-table a:hover, .ev-page--record .ev-money a:hover {
  text-decoration: underline;
}
.ev-page--record .ev-table .text-end, .ev-page--record .ev-table td:last-child.text-end, .ev-page--record .ev-money .text-end, .ev-page--record .ev-money td:last-child.text-end {
  font-variant-numeric: tabular-nums;
}
.ev-page--record .ev-money {
  margin: 0;
}
.ev-page--record .ev-money th:last-child, .ev-page--record .ev-money td:last-child {
  text-align: right;
}
.ev-page--record .ev-mini, .ev-page--record .ev-emails__actions .ev-mini, .ev-page--record .ev-sponsor__bill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  min-width: 0;
  border: 1px solid #d3dae5;
  border-radius: 7px;
  background: #fff;
  color: #1c2531;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
  white-space: nowrap;
}
.ev-page--record .ev-mini:hover, .ev-page--record .ev-emails__actions .ev-mini:hover, .ev-page--record .ev-sponsor__bill:hover {
  background: #f5f7fa;
  border-color: #b9c4d4;
  color: #1c2531;
  text-decoration: none;
}
.ev-page--record .ev-mini:focus-visible, .ev-page--record .ev-emails__actions .ev-mini:focus-visible, .ev-page--record .ev-sponsor__bill:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.ev-page--record .ev-mini, .ev-page--record .ev-emails__actions .ev-mini, .ev-page--record .ev-sponsor__bill {
  height: 30px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
}
.ev-page--record .ev-panel__link {
  font-weight: 600;
  color: #1c3f75;
}
.ev-page--record .ev-foot-link {
  display: inline-flex;
  margin-top: 12px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
  font-weight: 600;
  color: #1c3f75;
}

.ev-page--record .ev-compose, .evs-pane .ev-compose {
  border: 0;
  padding: 0;
  margin: 0;
}

.ev-page--record .ev-money__total, .evs-pane .ev-money__total {
  font-weight: 600;
  color: #1c2531;
  font-variant-numeric: tabular-nums;
}
.ev-page--record .ev-money__open, .evs-pane .ev-money__open {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  color: #556070;
}
.ev-page--record .ev-money__more, .evs-pane .ev-money__more {
  margin-top: 12px;
}

.mem-profile .mems-mini-forms--record {
  gap: 8px;
  margin: 0 0 16px;
  padding: 0 0 16px;
  border-bottom: 1px solid #edf0f4;
}
.mem-profile .mems-mini-forms--record .mems-mini {
  flex: 0 0 auto;
}
.mem-profile .mems-mini-forms--record .mems-mini[open] {
  flex: 1 1 100%;
  order: 2;
}
.mem-profile .mems-mini-forms--record .mems-mini > summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  min-width: 0;
  border: 1px solid #d3dae5;
  border-radius: 7px;
  background: #fff;
  color: #1c2531;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
  white-space: nowrap;
}
.mem-profile .mems-mini-forms--record .mems-mini > summary:hover {
  background: #f5f7fa;
  border-color: #b9c4d4;
  color: #1c2531;
  text-decoration: none;
}
.mem-profile .mems-mini-forms--record .mems-mini > summary:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.mem-profile .mems-mini-forms--record .mems-mini > summary i {
  color: #556070;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
}

.mem-profile .mem-invoices__summary {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  color: #3b4655;
}
.mem-profile .mem-invoices__summary strong {
  color: #1c2531;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
}

.mem-profile .mem-note-add {
  margin: 0 0 16px;
}
.mem-profile .mem-note-add > summary {
  list-style: none;
}
.mem-profile .mem-note-add > summary::-webkit-details-marker {
  display: none;
}
.mem-profile .mem-note-add[open] > summary {
  margin-bottom: 12px;
}
.mem-profile .mem-note-form {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #edf0f4;
  border-radius: 8px;
  background: #f5f7fa;
  max-width: 760px;
}
.mem-profile .mem-note-form label {
  display: block;
  font-size: calc(var(--edc-fs-eyebrow) * 11.2 / 11);
  font-weight: 600;
  color: #1c2531;
  margin-bottom: 3px;
}
.mem-profile .mem-note-form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mem-profile .mem-note-form__field {
  flex: 1 1 260px;
  min-width: 0;
}
.mem-profile .mem-note-form__field--date {
  flex: 0 1 180px;
}
.mem-profile .mem-note-form__acts {
  display: flex;
  gap: 8px;
}
.mem-profile .mem-abtn--primary {
  background: #1c3f75;
  border-color: #1c3f75;
  color: #fff;
}
.mem-profile .mem-abtn--primary:hover {
  background: #163258;
  color: #fff;
}
.mem-profile .mem-notes {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mem-profile .mem-note {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 4px 20px;
  padding: 14px 0;
  border-top: 1px solid #edf0f4;
}
.mem-profile .mem-note:first-child {
  border-top: 0;
  padding-top: 0;
}
@media (max-width: 767px) {
  .mem-profile .mem-note {
    grid-template-columns: minmax(0, 1fr);
  }
}
.mem-profile .mem-note__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  color: #556070;
}
.mem-profile .mem-note__date {
  font-weight: 600;
  color: #1c2531;
}
.mem-profile .mem-note__subject {
  font-size: calc(var(--edc-fs-secondary) * 13.3 / 13);
  font-weight: 700;
  color: #1c2531;
  margin: 0 0 4px;
}
.mem-profile .mem-note__text {
  font-size: calc(var(--edc-fs-secondary) * 12.6 / 13);
  color: #3b4655;
  line-height: 1.55;
  max-width: 72ch;
}
.mem-profile .mem-note__text p {
  margin: 0 0 8px;
}
.mem-profile .mem-note__text p:last-child {
  margin: 0;
}
.mem-profile .mem-note__acts {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 6px;
}
.mem-profile .mem-note__acts .mem-inline {
  margin: 0;
}
.mem-profile .mem-note-edit > summary {
  list-style: none;
}
.mem-profile .mem-note-edit > summary::-webkit-details-marker {
  display: none;
}
.mem-profile .mem-note-edit[open] {
  flex-basis: 100%;
}
.mem-profile .mem-note-edit[open] .mem-note-form {
  margin-top: 8px;
}
.mem-profile .mem-note__act {
  background: none;
  border: 0;
  padding: 0;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12);
  font-weight: 600;
  color: #1c3f75;
  cursor: pointer;
  text-decoration: underline;
  min-width: 0;
}
.mem-profile .mem-note__act--danger {
  color: #9b1c12;
}

.ev-page--record .ev-table__money {
  white-space: nowrap;
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.48 / 11);
}
.ev-page--record .ev-money-word--paid {
  color: #0a7a54 !important;
  font-weight: 600;
  text-decoration: none;
}
.ev-page--record .ev-compose {
  max-width: 760px;
}
.ev-page--record .ev-sent {
  margin: 0;
}
.ev-page--record .ev-sent .ev-sent__row:last-child {
  border-bottom: 0;
}

.mem-profile .mem-section__body--legacy .MuiButton-root {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-label) * 11.9 / 12) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  min-height: 32px;
}
.mem-profile .mem-section__body--legacy .MuiButton-outlined {
  color: #1c2531 !important;
  border-color: #d3dae5 !important;
  background: #fff !important;
}
.mem-profile .mem-section__body--legacy .MuiButton-outlined:hover {
  background: #f5f7fa !important;
  border-color: #b9c4d4 !important;
}
.mem-profile .mem-section__body--legacy .MuiButton-outlined .MuiSvgIcon-root, .mem-profile .mem-section__body--legacy .MuiButton-outlined svg {
  color: #556070 !important;
}
.mem-profile .mem-section__body--legacy .MuiButton-contained {
  color: #fff !important;
  background: #1c3f75 !important;
}
.mem-profile .mem-section__body--legacy .MuiButton-contained:hover {
  background: #163258 !important;
}

.mem-profile .mem-invoices__all {
  color: #1c3f75 !important;
  font-weight: 600;
  text-decoration: underline;
}

.ev-page--record .ev-table__money .ev-table__collect, .ev-page--record .ev-table__money .ev-money-word {
  display: inline !important;
  margin: 0 !important;
}

.mem-profile .mem-tl__kind {
  color: #556070 !important;
}

.mem-profile .mem-section__body--legacy .text-primary {
  color: #1c3f75 !important;
}

.cq-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 0 16px;
}

.cq-pages {
  display: flex;
  gap: 8px;
  padding: 10px 0;
}

.cq-filter-tags {
  padding: 0 0 8px;
}

.cq-filter-tags ul:empty {
  display: none;
}

.cq-no-program {
  margin-bottom: 8px;
}

.cq-flow-address {
  margin-top: 16px;
  position: relative;
  overflow: visible;
}

.cq-flow-address__search {
  position: relative;
}

.rfs-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.rfs-hero-actions .btn {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  text-align: left;
}

.cq-queues {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  margin: 0 0 16px;
}

.cq-queues__row {
  display: flex;
  gap: 6px;
  min-width: 0;
  flex: 0 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 2px;
  margin: -2px;
  scrollbar-width: none;
}
.cq-queues__row::-webkit-scrollbar {
  display: none;
}
.cq-queues__row {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
}

.cq-queues__row.is-whole {
  -webkit-mask-image: none;
  mask-image: none;
}

.cq-queues__more {
  position: relative;
  flex: 0 0 auto;
}

.cq-queues__toggle {
  list-style: none;
  cursor: pointer;
}
.cq-queues__toggle::-webkit-details-marker {
  display: none;
}
.cq-queues__toggle i {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  color: #556070;
  margin-left: 2px;
}

.cq-queues__more[open] .cq-queues__toggle {
  border-color: #b9c4d4;
  background: #f5f7fb;
}

.cq-queues__menu, .cq-sort__menu {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  min-width: 240px;
  padding: 6px;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.14);
}

.cq-queues__menu {
  right: 0;
}

.cq-queues__item, .cq-sort__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #1f2d3d;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.cq-queues__item:hover, .cq-queues__item.is-active, .cq-queues__item.is-on, .cq-sort__item:hover, .cq-sort__item.is-active, .cq-sort__item.is-on {
  background: #f7f9fc;
  color: #1f2d3d;
  text-decoration: none;
}
.cq-queues__item:focus-visible, .cq-sort__item:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: -2px;
}

.cq-filters {
  display: block;
  flex: 1 1 520px;
  min-width: 0;
  margin: 0;
}

.cq-filters__row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.cq-search {
  position: relative;
  flex: 1 1 260px;
  max-width: 360px;
}

.cq-search__icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--edc-fs-secondary);
  color: #8a94a6;
  pointer-events: none;
}

.cq-search__input.form-control {
  width: 100%;
  max-width: none;
  height: 38px;
  padding-left: 34px;
  border-radius: 8px;
}

.cq-filters .mem-filters__select {
  height: 38px;
  border-radius: 8px;
  max-width: 200px;
}

.cq-filters__more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  background: #fff;
  color: #1f2d3d;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  cursor: pointer;
}
.cq-filters__more i {
  font-size: var(--edc-fs-label);
  color: #556070;
}
.cq-filters__more:hover {
  background: #f5f7fb;
}
.cq-filters__more:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.cq-filters__more[aria-expanded=true] {
  background: #eef2fb;
  border-color: #c9d6f2;
}

.cq-filters--live .cq-filters__submit {
  display: none;
}

.cq-filters__clear {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #2f5cc4;
  padding: 0 4px;
}

.cq-filters__more-panel {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
  align-items: end;
  margin-top: 10px;
  padding: 14px 16px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #f7f9fc;
}
.cq-filters__more-panel[hidden] {
  display: none;
}

.cq-filters__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.cq-filters__field label {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
}
.cq-filters__field .form-control {
  max-width: none;
  height: 36px;
  border-radius: 8px;
}

.cq-filters__field--door {
  justify-content: flex-end;
}

.cq-more-filters.filters-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  background: #fff;
  color: #1f2d3d;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  box-shadow: none;
  outline-offset: 2px;
}
.cq-more-filters.filters-toggle i {
  font-size: var(--edc-fs-label);
  color: #556070;
}
.cq-more-filters.filters-toggle:hover {
  background: #f5f7fb;
}

.cq-card {
  overflow: visible;
}

.cq-card__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid #e3e8ef;
}

.cq-card__count {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.cq-card__count strong {
  color: #1f2d3d;
}

.cq-sort {
  position: relative;
}

.cq-sort__toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  list-style: none;
  cursor: pointer;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.cq-sort__toggle strong {
  color: #1f2d3d;
  font-weight: 700;
}
.cq-sort__toggle i {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
  margin-left: 2px;
}
.cq-sort__toggle::-webkit-details-marker {
  display: none;
}
.cq-sort__toggle:hover {
  background: #f7f9fc;
}
.cq-sort__toggle:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.cq-sort__menu {
  right: 0;
  min-width: 200px;
}

.cq-sort__item i {
  font-size: var(--edc-fs-eyebrow);
  color: #98a2ae;
}

.cq-table {
  table-layout: auto;
}

.cq-table th, .cq-table td {
  padding: 12px 12px;
}

.cq-table td {
  vertical-align: middle;
}

.cq-table .mem-table__check input {
  margin-top: 0;
}

.cq-cell__main {
  display: block;
  font-size: var(--edc-fs-body);
  line-height: 1.35;
  color: #1f2d3d;
  white-space: nowrap;
}

.cq-cell__meta {
  display: block;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  line-height: 1.35;
  color: #556070;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cq-cell__none {
  color: #667085;
}

.cq-col-name .mem-table__name {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 280px;
}

.cq-col-name .cq-cell__meta {
  max-width: 280px;
}

.cq-mships .cq-cell__meta {
  max-width: 230px;
}

.cq-col-ret .cq-cell__main, .cq-col-ret .cq-cell__meta {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cq-col-ret .cq-cell__main {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.cq-col-bal .cq-cell__main {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.cq-mline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.cq-mline .mem-pill {
  white-space: nowrap;
}

.cq-more-n {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: #eef1f6;
  color: #35404d;
  font-size: var(--edc-fs-label);
  font-weight: 700;
}

.cq-risk {
  margin: 0;
}

.cq-warn {
  color: #b54708;
  font-weight: 600;
}
.cq-warn i {
  font-size: var(--edc-fs-label);
  margin-right: 2px;
}

.cq-warn--never {
  color: #b42318;
}

.cq-owner {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.cq-owner__mark {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e8eefc;
  color: #2549a8;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.cq-owner--none .cq-owner__mark {
  background: #f2f4f7;
  color: #667085;
}

.cq-owner__name {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1f2d3d;
}

.cq-owner--none .cq-owner__name {
  color: #667085;
}

@media (min-width: 641px) and (max-width: 1599px) {
  .cq-owner__name {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}
@media (min-width: 641px) and (max-width: 1199px) {
  .cq-col-name .mem-table__name, .cq-col-name .cq-cell__meta {
    max-width: 220px;
  }
  .cq-mships .cq-cell__meta {
    max-width: 180px;
  }
}
@media (max-width: 760px) {
  .cq-queues__menu {
    position: fixed;
    left: 16px;
    right: 16px;
    top: auto;
    margin-top: 6px;
  }
  .cq-foot {
    padding: 0 12px;
  }
  .cq-filters {
    flex: 0 0 auto;
    width: 100%;
  }
  .cq-search {
    max-width: none;
    flex-basis: 100%;
  }
  .cq-filters .mem-filters__select {
    max-width: none;
    flex: 1 1 140px;
  }
}
@media (max-width: 640px) {
  .cq-table thead {
    display: none;
  }
  .cq-table tbody tr {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 6px 10px;
    padding: 14px 12px;
    border-top: 1px solid #e3e8ef;
  }
  .cq-table tbody td {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 0;
    border: 0;
    text-align: left;
    grid-column: 2;
  }
  .cq-table tbody td.cq-col-name {
    display: block;
    margin-bottom: 4px;
  }
  .cq-table tbody td.mem-table__check {
    grid-column: 1;
    grid-row: 1/span 8;
    padding-top: 2px;
  }
  .cq-table tbody td.cq-col-owner {
    display: flex;
  }
  .cq-table tbody td[data-label]::before {
    content: attr(data-label);
    flex: 0 0 104px;
    font-size: calc(var(--edc-fs-label) * 12.5 / 12);
    font-weight: 600;
    color: #344054;
  }
  .cq-table tbody td[data-label] .cq-cell__meta {
    display: none;
  }
  .cq-table tbody td.cq-mships {
    flex-wrap: wrap;
  }
  .cq-cell__main {
    white-space: normal;
  }
  .cq-col-name .mem-table__name {
    white-space: normal;
    max-width: none;
  }
  .mem-roster__scroll {
    overflow: visible;
  }
  .cq-card__bar {
    padding: 10px 12px;
  }
}
.crh {
  margin: 4px 0 20px;
  padding: 0 0 16px;
  border-bottom: 1px solid #e3e8ef;
}

.crh__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 24px;
  flex-wrap: wrap;
}

.crh__who {
  flex: 1 1 360px;
  min-width: 0;
}

.crh__name.rfs-hero-title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #1f2d3d;
  text-shadow: none;
  overflow-wrap: anywhere;
}

.crh__meta {
  display: flex;
  align-items: center;
  gap: 6px 12px;
  flex-wrap: wrap;
  font-size: var(--edc-fs-body);
  color: #556070;
  min-height: 20px;
}

.crh__place {
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  color: #35404d;
}

.crh__acts.rfs-hero-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0;
}

.crh__acts .dhb {
  margin: 0;
}

.crh__acts .record-invoice-line {
  margin-top: 0;
}

.crh-btn, .crh__acts .dhb__button, .crh__acts .record-invoice-line__add.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid #d3dae5;
  background: #fff;
  color: #1f2d3d;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  min-width: 0;
  box-shadow: none;
}
.crh-btn i, .crh__acts .dhb__button i, .crh__acts .record-invoice-line__add.btn i {
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.crh-btn:hover, .crh__acts .dhb__button:hover, .crh__acts .record-invoice-line__add.btn:hover {
  background: #f5f7fb;
  border-color: #b9c4d4;
  color: #1f2d3d;
  text-decoration: none;
}
.crh-btn:focus-visible, .crh__acts .dhb__button:focus-visible, .crh__acts .record-invoice-line__add.btn:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.crh-btn--primary {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crh-btn--primary i {
  color: #fff;
}
.crh-btn--primary:hover {
  background: #2549a8;
  border-color: #2549a8;
  color: #fff;
}

.crh-more {
  position: relative;
}

.crh-more > summary {
  list-style: none;
}
.crh-more > summary::-webkit-details-marker {
  display: none;
}

.crh-btn--icon {
  padding: 0 12px;
}

.crh-more__word {
  font-size: var(--edc-fs-body);
}

.crh-more__menu {
  position: absolute;
  z-index: 40;
  right: 0;
  top: calc(100% + 6px);
  display: flex;
  flex-direction: column;
  min-width: 280px;
  padding: 6px;
  max-width: calc(100vw - 32px);
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.14);
}

.crh-more__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 8px;
  color: #1f2d3d;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  text-decoration: none;
}
.crh-more__item i {
  width: 16px;
  text-align: center;
  color: #556070;
  font-size: var(--edc-fs-secondary);
}
.crh-more__item:hover {
  background: #f7f9fc;
  color: #1f2d3d;
  text-decoration: none;
}
.crh-more__item:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: -2px;
}

.crh__standing {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px 16px;
  margin-top: 14px;
}

.crh__standing .member-chips {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
}

.crh__standing .member-chip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 6px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
}
.crh__standing .member-chip .fa-id-card {
  display: none;
}
.crh__standing .member-chip .member-chip__link {
  color: #556070;
  font-weight: 600;
}
.crh__standing .member-chip .member-chip__affiliate {
  color: #1f2d3d;
  font-weight: 600;
}
.crh__standing .member-chip .member-chip__detail {
  color: #556070;
}

.crh__standing .member-chip__status.mem-pill {
  min-width: 104px;
  justify-content: center;
  text-align: center;
  margin: 0 6px 0 0;
}

.crh__standing .record-money-chip {
  grid-column: 2;
  grid-row: 1;
  min-height: 32px;
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .crh__acts.rfs-hero-actions {
    justify-content: flex-start;
    width: 100%;
  }
  .crh-more__menu {
    right: auto;
    left: 0;
  }
  .crh__standing {
    grid-template-columns: minmax(0, 1fr);
  }
  .crh__standing .record-money-chip {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }
}
@media (max-width: 767px) {
  .crh__name.rfs-hero-title {
    font-size: var(--edc-fs-display);
  }
  .crh-btn--primary {
    max-width: 100%;
  }
  .crh-more__menu {
    right: auto;
    left: 0;
    min-width: min(280px, 100vw - 32px);
  }
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 16px 20px;
  margin: 0 0 16px;
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > [class*=col] {
  width: auto;
  max-width: none;
  flex: none;
  padding: 0;
  margin: 0;
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > :is([class*=col-md-8], [class*=col-lg-8]) {
  grid-column: span 2;
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > :is([class*=col-md-9], [class*=col-md-10], [class*=col-md-12], [class*=col-lg-12], .col-12, .col) {
  grid-column: 1/-1;
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) .form-group {
  margin-bottom: 0;
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .tooltip-popover {
  display: none !important;
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .workbook-pin-icon {
  opacity: 0;
  transition: opacity 0.12s ease;
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) :is(.form-group, [class*=col], li):is(:hover, :focus-within) > .workbook-pin-icon,
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .workbook-pin-icon:focus-visible {
  opacity: 1;
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .magnify-glass-icon {
  color: #667085;
  margin-left: 4px;
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .magnify-glass-icon:hover, .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .magnify-glass-icon:focus-visible {
  color: #7c3aed;
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) input:is([type=text], [type=number], [type=email], [type=url], [type=tel]):not(.form-control):not([type=hidden]) {
  width: 100%;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  background: #fff;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
}
.rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) input:is([type=text], [type=number], [type=email], [type=url], [type=tel]):not(.form-control):not([type=hidden]):focus {
  outline: none;
  border-color: #2f5cc4;
  box-shadow: 0 0 0 3px rgba(47, 92, 196, 0.15);
}

.crh-savebar-owned {
  display: none !important;
}

.crh-savebar {
  position: fixed;
  z-index: 1040;
  left: 50%;
  bottom: max(16px, env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  width: min(760px, 100vw - 32px);
}

.crh-savebar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  flex-wrap: wrap;
  padding: 12px 12px 12px 20px;
  background: #1f2d3d;
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(16, 24, 40, 0.28);
}

.crh-savebar__words {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #fff;
  min-width: 0;
}

.crh-savebar__acts {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}

.crh-savebar .crh-btn {
  height: 36px;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff;
}
.crh-savebar .crh-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.crh-savebar .crh-btn--primary {
  background: #fff;
  border-color: #fff;
  color: #1f2d3d;
}
.crh-savebar .crh-btn--primary:hover {
  background: #eef2fb;
  color: #1f2d3d;
}

body.crh-savebar-on .page-content {
  padding-bottom: 96px;
}

.crh__standing--line {
  display: flex;
  align-items: center;
  gap: 8px 12px;
  flex-wrap: wrap;
}

.crh__standing--line .record-money-chip {
  grid-column: auto;
  grid-row: auto;
}

.crh__link {
  color: #1f2d3d;
  font-weight: 600;
  text-decoration: none;
}
.crh__link:hover {
  color: #2f5cc4;
  text-decoration: underline;
}

.crh-stage {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid #e3e8ef;
  border-radius: 999px;
  background: #fff;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.crh-stage strong {
  color: #1f2d3d;
  font-weight: 700;
}

.crh-stage__swatch {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex: 0 0 10px;
}

.crh-flag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: #1f2d3d;
  color: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.crh-flag i {
  font-size: var(--edc-fs-label);
}

.crh__acts .report-add--head {
  width: 38px;
  padding: 0;
  justify-content: center;
}
.crh__acts .report-add--head i {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #475569;
}
.crh__acts .report-add--head:hover i, .crh__acts .report-add--head:focus-visible i {
  color: #2559b8;
}

.crh__acts .report-add--head.workbook-pin-icon--pinned i {
  color: #166534;
}

.cq-anyf {
  padding: 4px 0 8px;
}

.cq-anyf__heading {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2d3d;
  text-shadow: none;
}

.cq-anyf__lede {
  margin: 0 0 12px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #35404d;
}

.cq-anyf__find-label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #35404d;
}

.cq-anyf__find {
  margin: 0 0 6px;
}

.cq-anyf__count {
  margin: 0 0 12px;
  font-size: var(--edc-fs-label);
  color: #556070;
}

.cq-anyf__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.cq-anyf__field[hidden] {
  display: none;
}

.cq-anyf__label {
  display: block;
  margin: 0 0 4px;
  padding: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: #35404d;
  float: none;
  width: auto;
  border: 0;
}

.cq-anyf__range {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.cq-anyf__range .input-group {
  flex-wrap: nowrap;
}

.cq-anyf__range .input-group .form-control {
  min-width: 0;
}

.filter-tags ul li .cq-anyf__chip-part {
  margin-left: 6px;
}

.filter-tags ul li .cq-anyf__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
  margin: 0 0 0 2px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #35404d;
  vertical-align: middle;
}
.filter-tags ul li .cq-anyf__remove:hover {
  background: #f7f9fc;
  color: #1f2d3d;
}
.filter-tags ul li .cq-anyf__remove:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
}

.mem-level-notice {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  color: var(--mem-level-ink, #3f4a57);
  background: var(--mem-level-tint, #eceff3);
  border: 1px solid color-mix(in srgb, var(--mem-level-ink, #3f4a57) 35%, transparent);
  font-size: var(--edc-fs-body);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.mem-level-notice i {
  font-size: var(--edc-fs-secondary);
}

.mem-level-notice--top {
  border: 2px solid var(--mem-level-ink, #3f4a57);
  padding: 0 8px 0 14px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.mem-level-notice__top {
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid var(--mem-level-ink, #3f4a57);
  background: #fff;
  color: var(--mem-level-ink, #3f4a57);
  font-size: calc(var(--edc-fs-label) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .mem-level-notice {
    white-space: normal;
    height: auto;
    min-height: 38px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.fxp {
  padding: 16px 24px 56px;
  color: #35404d;
}
.fxp h1, .fxp h2, .fxp h3 {
  text-shadow: none;
}

.fxp--page {
  max-width: 920px;
  margin: 0;
  padding: 4px 0 64px;
}

.fxp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 20px;
}

.fxp-title {
  margin: 0;
  font-size: var(--edc-fs-display);
  font-weight: 700;
  color: #1f2d3d;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.fxp-tabs {
  display: flex;
  gap: 6px;
}

.fxp-tab {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid #e3e8ef;
  background: #fff;
  color: #35404d;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  text-decoration: none;
}
.fxp-tab:hover {
  color: #1f2d3d;
  text-decoration: none;
  background: #f7f9fc;
}
.fxp-tab:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.fxp-tab[aria-current=page] {
  background: #1f2d3d;
  border-color: #1f2d3d;
  color: #fff;
}

.fxp-who {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 16px;
}

.fxp-who__mark {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2f5cc4;
  color: #fff;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.fxp-who__mark--org {
  border-radius: 12px;
  background: #1f2d3d;
}

.fxp-who__logo {
  flex: 0 0 auto;
  max-width: 120px;
  max-height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
}

.fxp-who__words {
  min-width: 0;
}

.fxp-who__name {
  margin: 0 0 2px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #1f2d3d;
  line-height: 1.25;
}

.fxp-who__sub {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
  line-height: 1.5;
}

.fxp-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  background: #fff;
  color: #35404d;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}
.fxp-btn:hover {
  background: #f7f9fc;
  color: #1f2d3d;
  text-decoration: none;
}
.fxp-btn:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.fxp-btn--primary {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
}
.fxp-btn--primary:hover {
  background: #2549a8;
  color: #fff;
}

.fxp-flash {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 10px 14px;
  border-radius: 8px;
  background: #e6f6ee;
  color: #0b5c3a;
  font-weight: 600;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.fxp-flash--error {
  background: #fdeceb;
  color: #9b1c1c;
}

.fxp-meter {
  margin: 0 0 20px;
}

.fxp-meter__bar {
  height: 6px;
  border-radius: 3px;
  background: #e9edf3;
  overflow: hidden;
}

.fxp-meter__fill {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: #2f5cc4;
  transition: width 0.3s;
}

.fxp-meter__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.fxp-meter__words {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.fxp-meter__words strong {
  color: #1f2d3d;
}

.fxp-filter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #e3e8ef;
  background: #fff;
  color: #35404d;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.fxp-filter:hover {
  background: #f7f9fc;
  text-decoration: none;
  color: #1f2d3d;
}
.fxp-filter--on {
  background: #1f2d3d;
  border-color: #1f2d3d;
  color: #fff;
}
.fxp-filter--on:hover {
  background: #1f2d3d;
  color: #fff;
}
.fxp-filter i {
  font-size: var(--edc-fs-eyebrow);
}

.fxp-payoff {
  margin: 0 0 20px;
  padding: 18px 20px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #f7f9fc;
}

.fxp-payoff__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}

.fxp-payoff__note {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
  line-height: 1.5;
}

.fxp-payoff__lines {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px 12px;
  margin: 0;
}

.fxp-payoff__line {
  margin: 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e3e8ef;
}
.fxp-payoff__line dt {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
  white-space: normal;
  line-height: 1.3;
  min-height: 2.6em;
}
.fxp-payoff__line dd {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2d3d;
  line-height: 1.35;
}

.fxp-section {
  margin: 0 0 16px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #fff;
  scroll-margin-top: 90px;
  overflow: hidden;
}

.fxp-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid #e3e8ef;
  background: #f7f9fc;
}

.fxp-section__title {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2d3d;
}

.fxp-section__count {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}

.fxp-rows {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fxp-rowitem {
  border-bottom: 1px solid #e3e8ef;
  scroll-margin-top: 90px;
}
.fxp-rowitem:last-child {
  border-bottom: 0;
}
.fxp-rowitem:target .fxp-row {
  box-shadow: inset 3px 0 0 #2f5cc4;
}

.fxp-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 18px;
  color: inherit;
  text-decoration: none;
  background: #fff;
}

a.fxp-row:hover {
  background: #f7f9fc;
  color: inherit;
  text-decoration: none;
}
a.fxp-row:hover .fxp-row__act {
  color: #2f5cc4;
}

a.fxp-row:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: -2px;
}

.fxp-row__state {
  flex: 0 0 18px;
  margin-top: 2px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #0d9f6e;
}
.fxp-row--unanswered .fxp-row__state {
  color: #c3cbd6;
}

.fxp-row__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.fxp-row__q {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2d3d;
  line-height: 1.35;
}

.fxp-row__a {
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
  line-height: 1.4;
}
.fxp-row__a--default {
  color: #556070;
}

.fxp-row__effect {
  font-size: var(--edc-fs-secondary);
  color: #556070;
  line-height: 1.45;
}

.fxp-row__prov {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.fxp-row__act {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: center;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
}
.fxp-row__act i {
  font-size: var(--edc-fs-eyebrow);
}

.fxp-empty {
  padding: 24px;
  border: 1px dashed #d3dae5;
  border-radius: 12px;
  background: #f7f9fc;
}

.fxp-empty__title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}

.fxp-empty__words {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
  line-height: 1.5;
  max-width: 62ch;
}

.fxp--question {
  max-width: 760px;
}

.fxp-crumb {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.fxp-crumb a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #2f5cc4;
  font-weight: 600;
  text-decoration: none;
}
.fxp-crumb a:hover {
  text-decoration: underline;
}
.fxp-crumb a i {
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine));
}

.fxp-q {
  display: grid;
  gap: 14px;
  padding: 28px;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  background: #fff;
}

.fxp-q__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.fxp-q__where {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
}

.fxp-q__steps {
  display: flex;
  gap: 4px;
}

.fxp-q__step {
  width: 18px;
  height: 4px;
  border-radius: 2px;
  background: #e3e8ef;
}
.fxp-q__step--done {
  background: #0d9f6e;
}
.fxp-q__step--now {
  background: #2f5cc4;
}

.fxp-q__title {
  margin: 0;
  font-size: var(--edc-fs-display);
  font-weight: 700;
  color: #1f2d3d;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.fxp-q__effect {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #35404d;
  line-height: 1.5;
}

.fxp-q__default {
  margin: -4px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.fxp-q__hint {
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.fxp-q__control {
  display: grid;
  gap: 12px;
}

.fxp-choices {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

@media (min-width: 760px) {
  .fxp-choices[data-fxp-ordered] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}
@media (min-width: 760px) {
  .fxp-choices--grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}
.fxp-payoff__door {
  margin: 12px 0 14px;
}

.fxp-choice {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 11px 14px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
  cursor: pointer;
  background: #fff;
}
.fxp-choice input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #2f5cc4;
  flex: 0 0 16px;
}
.fxp-choice:hover {
  border-color: #d3dae5;
  background: #f7f9fc;
}
.fxp-choice:has(input:checked) {
  border-color: #2f5cc4;
  background: #f4f7fe;
}
.fxp-choice:has(input:focus-visible) {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
}
.fxp-choice__n {
  margin-left: auto;
  min-width: 22px;
  height: 22px;
  border-radius: 11px;
  background: #e6ecfa;
  color: #2549a8;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.fxp-choice__n:empty {
  display: none;
}

.fxp-label {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
}

.fxp-input {
  width: 100%;
  box-sizing: border-box;
  padding: 9px 12px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  font: inherit;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
}
.fxp-input:focus {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
  border-color: #2f5cc4;
}

.fxp-q__foot {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 16px;
  border-top: 1px solid #e3e8ef;
}

.fxp-q__skip {
  font-size: var(--edc-fs-secondary);
  color: #556070;
  margin-left: 4px;
}

.op-profile-field-host .op-profile-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.op-profile-field-host .op-profile-field__help {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.op-profile-field-host .op-profile-field__group {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.op-profile-field-host .op-profile-field__check {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 11px 14px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
}
.op-profile-field-host .op-profile-field__check:hover {
  background: #f7f9fc;
}
.op-profile-field-host .op-profile-field__check:has(input:checked) {
  border-color: #2f5cc4;
  background: #f4f7fe;
}
.op-profile-field-host .form-check-input {
  width: 16px;
  height: 16px;
  margin: 0;
  flex: 0 0 16px;
  accent-color: #2f5cc4;
  float: none;
}
.op-profile-field-host .form-check-label {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
  cursor: pointer;
  flex: 1 1 auto;
}
.op-profile-field-host input[type=text], .op-profile-field-host select, .op-profile-field-host textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 9px 12px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  font: inherit;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
}
.op-profile-field-host select {
  height: 40px;
}

.fxp-moved {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 16px;
  padding: 14px 18px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #f7f9fc;
}

.fxp-moved__words {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #35404d;
}
.fxp-moved__words strong {
  color: #1f2d3d;
}

.fxp-door {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #2f5cc4;
  text-decoration: none;
}
.fxp-door:hover {
  text-decoration: underline;
}

.fxp-door-line {
  margin: 0 0 12px;
}

.fxp-door-card {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #f7f9fc;
  color: #1f2d3d;
  text-decoration: none;
}
.fxp-door-card:hover {
  border-color: #2f5cc4;
  text-decoration: none;
  color: #1f2d3d;
}
.fxp-door-card:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.fxp-door-card__mark {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2f5cc4;
  color: #fff;
  font-size: var(--edc-fs-heading);
}
.fxp-door-card__words {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.fxp-door-card__words strong {
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
}
.fxp-door-card__words span {
  font-size: var(--edc-fs-secondary);
  color: #556070;
  line-height: 1.45;
}
.fxp-door-card__go {
  margin-left: auto;
  color: #556070;
  font-size: var(--edc-fs-label);
}

@media (max-width: 992px) {
  .fxp {
    padding: 12px 16px 48px;
  }
}
@media (max-width: 720px) {
  .fxp-title {
    font-size: calc(var(--edc-fs-display) * 22 / 24);
  }
  .fxp-who--logo {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .fxp-row {
    gap: 10px;
    padding: 12px 14px;
  }
  .fxp-row__act .fxp-row__verb {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .fxp-q {
    padding: 20px;
  }
  .fxp-q__title {
    font-size: calc(var(--edc-fs-title) * 21 / 18);
  }
}
.wpat-head {
  margin: 0 0 20px;
}

.wpat-head__lede {
  margin: 8px 0 0;
  max-width: 68ch;
  font-size: var(--edc-fs-body);
  color: #35404d;
  line-height: 1.55;
}

.wpat-state {
  margin: 0;
  padding: 16px 18px;
  font-size: var(--edc-fs-body);
  color: #35404d;
  line-height: 1.5;
}

.wpat-pad {
  padding: 16px 18px;
}

.wpat-line {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
}

.wpat-line__body {
  flex: 1 1 auto;
  min-width: 0;
}

.wpat-line__text {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #1f2d3d;
  line-height: 1.45;
}

.wpat-line--corrected .wpat-line__text {
  color: #556070;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

.wpat-line__note {
  display: flex;
  gap: 6px;
  align-items: baseline;
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
  line-height: 1.45;
}
.wpat-line__note i {
  color: #556070;
}

.wpat-line__act {
  flex: 0 0 auto;
}
.wpat-line__act form {
  margin: 0;
}

.wpat-wrong {
  position: relative;
}

.wpat-wrong > summary {
  list-style: none;
}
.wpat-wrong > summary::-webkit-details-marker {
  display: none;
}

.wpat-wrong[open] > summary {
  background: #f7f9fc;
}

.wpat-wrong__form {
  display: grid;
  gap: 8px;
  width: min(320px, 80vw);
  margin-top: 8px;
  padding: 12px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(31, 45, 61, 0.08);
}

.wpat-wrong__label {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #35404d;
}

.wpat-wrong__reason {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
  resize: vertical;
}
.wpat-wrong__reason:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
}

.wpat-switch {
  display: grid;
  gap: 10px;
  justify-items: start;
  margin: 0;
}

.wpat-switch__label {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2d3d;
}

.wpat-switch__help {
  margin: 0;
  max-width: 64ch;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
  line-height: 1.5;
}

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

.wpat-keep__item {
  display: grid;
  gap: 10px;
  align-content: start;
  justify-items: start;
}
.wpat-keep__item form {
  margin: 0;
}

.wpat-keep__words {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
  line-height: 1.5;
}

.wpat-clear {
  color: #9b1c1c;
  border-color: #e7b9b9;
}
.wpat-clear:hover {
  background: #fdeceb;
  color: #7f1414;
}

.wpat-what p {
  margin: 0 0 10px;
  max-width: 70ch;
  font-size: var(--edc-fs-body);
  color: #35404d;
  line-height: 1.55;
}
.wpat-what p:last-child {
  margin-bottom: 0;
}

@media (max-width: 576px) {
  .wpat-line {
    flex-direction: column;
    gap: 10px;
    padding: 12px 14px;
  }
  .wpat-pad {
    padding: 12px 14px;
  }
}
.wpat-org {
  display: grid;
  gap: 12px;
}

.wpat-org__words, .wpat-org__help, .wpat-org__floor {
  margin: 0;
  max-width: 72ch;
  font-size: var(--edc-fs-body);
  color: #35404d;
  line-height: 1.5;
}

.wpat-org__help {
  font-size: var(--edc-fs-secondary);
}

.wpat-org__form {
  display: grid;
  gap: 8px;
  justify-items: start;
  margin: 0;
}
.wpat-org__form .btn {
  min-width: 0;
}

.wpat-org__switch .form-check-label {
  font-weight: 600;
  color: #1f2d3d;
}

.wpat-org__subhead {
  margin: 8px 0 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2d3d;
  text-shadow: none;
}

.wpat-org__counts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-body);
  color: #35404d;
}
.wpat-org__counts strong {
  color: #1f2d3d;
}

.wpat-card {
  margin: 0 0 16px;
  padding: 16px 18px;
  border: 1px solid #c9d6f2;
  border-radius: 12px;
  background: #f4f7fd;
}

.wpat-card__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2d3d;
  text-shadow: none;
}
.wpat-card__title i {
  color: #2f5cc4;
}

.wpat-card__sentence {
  margin: 0 0 12px;
  max-width: 68ch;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #1f2d3d;
  line-height: 1.5;
}

.wpat-card__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.wpat-card__form {
  margin: 0;
}

.wpat-card__btn {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  background: #fff;
  color: #35404d;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
}
.wpat-card__btn:hover {
  background: #f7f9fc;
  color: #1f2d3d;
}
.wpat-card__btn:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.wpat-card__btn--primary {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
}
.wpat-card__btn--primary:hover {
  background: #2549a8;
  color: #fff;
}

.wpat-card__live {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #0b5c3a;
  font-weight: 600;
}
.wpat-card__live:empty {
  display: none;
}
.wpat-card__live--error {
  color: #9b1c1c;
}

.wpat-card__why {
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
}
.wpat-card__why a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  color: #2f5cc4;
  font-weight: 600;
}

.wpat-switch .form-check, .wpat-org__switch {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding-left: 0;
  min-height: 24px;
}

.wpat-switch .form-check-input, .wpat-org__switch .form-check-input {
  float: none;
  flex: 0 0 auto;
  width: 40px;
  height: 22px;
  margin: 0;
  cursor: pointer;
}

.wpat-switch .form-check-label, .wpat-org__switch .form-check-label {
  cursor: pointer;
}

.voc--page {
  max-width: 1320px;
  margin: 0;
  padding: 4px 0 64px;
}

.voc-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid #d3dae5;
  background: #fff;
  color: #1f2d3d;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  min-width: 0;
}
.voc-btn i {
  font-size: var(--edc-fs-secondary);
  color: #475467;
}
.voc-btn:hover {
  background: #f7f9fc;
  border-color: #c3ccd9;
  color: #1f2d3d;
  text-decoration: none;
}
.voc-btn:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.voc-btn--primary {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
}
.voc-btn--primary i {
  color: #fff;
}
.voc-btn--primary:hover {
  background: #2549a8;
  border-color: #2549a8;
  color: #fff;
}
.voc-btn--insights i {
  color: #7c3aed;
}

.voc-link {
  color: #2f5cc4;
  font-weight: 600;
  text-decoration: none;
}
.voc-link:hover {
  text-decoration: underline;
  color: #2549a8;
}

.voc-count {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: #f7f9fc;
  border: 1px solid #e3e8ef;
  color: #475467;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  white-space: nowrap;
}

.voc-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px 24px;
  margin: 0 0 24px;
}

.voc-head__lead {
  min-width: 0;
}

.voc-head .fxp-tabs {
  margin: 0 0 20px;
}

.voc-head__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #1f2d3d;
  text-shadow: none;
}

.voc-head__sub {
  margin: 0 0 12px;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  line-height: 1.5;
  color: #35404d;
  max-width: 68ch;
}

.voc-head__meta {
  display: flex;
  align-items: center;
  gap: 8px 16px;
  flex-wrap: wrap;
}

.voc-head__actions {
  flex: 0 0 auto;
}

.voc-setting {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: #eaf0fd;
  color: #2549a8;
  font-size: var(--edc-fs-secondary);
}
.voc-setting strong {
  font-weight: 700;
}

.voc-switchmenu {
  position: relative;
}
.voc-switchmenu[open] .voc-switchmenu__toggle i {
  transform: rotate(180deg);
}

.voc-switchmenu__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px;
  list-style: none;
  cursor: pointer;
  color: #2f5cc4;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  border-radius: 6px;
}
.voc-switchmenu__toggle::-webkit-details-marker {
  display: none;
}
.voc-switchmenu__toggle i {
  font-size: var(--edc-fs-eyebrow);
  transition: transform 0.15s ease;
}
.voc-switchmenu__toggle:hover {
  color: #2549a8;
  text-decoration: underline;
}
.voc-switchmenu__toggle:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.voc-switchmenu__panel {
  position: absolute;
  z-index: 20;
  top: calc(100% + 6px);
  left: 0;
  width: min(360px, 100vw - 32px);
  padding: 16px;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.14);
}

.voc-switchmenu__lede {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #35404d;
}

.voc-switchmenu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 320px;
  overflow: auto;
}

.voc-switchmenu__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #1f2d3d;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  text-decoration: none;
}
.voc-switchmenu__item:hover, .voc-switchmenu__item--on {
  background: #f7f9fc;
  color: #1f2d3d;
  text-decoration: none;
}
.voc-switchmenu__item:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: -2px;
}

.voc-panes {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.voc-card {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.voc-list {
  position: sticky;
  top: 16px;
  max-height: calc(100vh - 32px);
  overflow: auto;
  overscroll-behavior: contain;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
  padding: 16px 12px 12px;
}

.voc-search {
  position: relative;
  margin: 0 4px 8px;
}

.voc-search__icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--edc-fs-secondary);
  color: #98a2b3;
  pointer-events: none;
}

.voc-search__input {
  width: 100%;
  height: 40px;
  padding: 0 12px 0 34px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  background: #f7f9fc;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
}
.voc-search__input::-moz-placeholder {
  color: #8a94a6;
}
.voc-search__input::placeholder {
  color: #8a94a6;
}
.voc-search__input:focus {
  outline: none;
  border-color: #2f5cc4;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(47, 92, 196, 0.15);
}

.voc-list__count {
  margin: 0 4px 12px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #475467;
}

.voc-list__empty {
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.5;
  color: #475467;
  margin: 8px 4px;
}

.voc-area {
  margin: 0 0 12px;
  padding-top: 12px;
  border-top: 1px solid #e3e8ef;
}
.voc-area:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.voc-area__title {
  margin: 0 4px 4px;
  padding: 0 6px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
  text-shadow: none;
}

.voc-area__words {
  list-style: none;
  margin: 0;
  padding: 0;
}

.voc-word {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 10px;
  margin: 0 4px 2px;
  border-radius: 8px;
  color: #1f2d3d;
  text-decoration: none;
}
.voc-word:hover {
  background: #f7f9fc;
  text-decoration: none;
  color: #1f2d3d;
}
.voc-word:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: -2px;
}
.voc-word--on {
  background: #eaf0fd;
}
.voc-word--on::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 3px;
  background: #2f5cc4;
}
.voc-word--on .voc-word__here {
  color: #2549a8;
  font-weight: 700;
}
.voc-word--on:hover {
  background: #eaf0fd;
}
.voc-word--sentence .voc-word__here {
  font-weight: 500;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.voc-word__main {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.voc-word__here {
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  font-weight: 600;
  line-height: 1.35;
  min-width: 0;
}

.voc-word__forms {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  line-height: 1.4;
  color: #475467;
}

.voc-word__own {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: #f3efff;
  color: #5b21b6;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.voc-detail {
  min-width: 0;
}

.voc-back {
  display: none;
}

.voc-word-detail {
  padding: 24px 28px 28px;
}

.voc-detail__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 16px;
  margin: 0 0 20px;
}

.voc-detail__lead {
  flex: 1 1 360px;
  min-width: 0;
}

.voc-detail__area {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
}

.voc-detail__title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #1f2d3d;
  text-shadow: none;
  overflow-wrap: anywhere;
}

.voc-detail__meaning {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  line-height: 1.55;
  color: #35404d;
  max-width: 72ch;
}

.voc-detail__acts {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.voc-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 28px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #f7f9fc;
}

.voc-band__cell {
  margin: 0;
  padding: 14px 16px;
  min-width: 0;
}
.voc-band__cell + .voc-band__cell {
  border-left: 1px solid #e3e8ef;
}
.voc-band__cell dt {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
}
.voc-band__cell dd {
  margin: 0;
}

.voc-band__value {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  line-height: 1.3;
  color: #1f2d3d;
  overflow-wrap: anywhere;
}

.voc-band__note {
  margin-top: 2px !important;
  font-size: var(--edc-fs-secondary);
  line-height: 1.45;
  color: #475467;
}

.voc-sec {
  margin: 0 0 28px;
}
.voc-sec:last-child {
  margin-bottom: 0;
}

.voc-sec__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  flex-wrap: wrap;
  margin: 0 0 12px;
}

.voc-sec__title {
  margin: 0 0 2px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1f2d3d;
  text-shadow: none;
}

.voc-sec__sub {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
  max-width: 64ch;
}

.voc-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 32px;
  padding: 0 4px;
  border: 0;
  background: none;
  cursor: pointer;
  color: #1f2d3d;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  border-radius: 6px;
}
.voc-toggle:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.voc-toggle[aria-pressed=true] .voc-toggle__track {
  background: #2f5cc4;
  border-color: #2f5cc4;
}
.voc-toggle[aria-pressed=true] .voc-toggle__thumb {
  transform: translateX(14px);
}

.voc-toggle__track {
  position: relative;
  width: 32px;
  height: 18px;
  border-radius: 999px;
  background: #cfd6e1;
  border: 1px solid #c3ccd9;
  transition: background 0.15s ease;
}

.voc-toggle__thumb {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.25);
  transition: transform 0.15s ease;
}

.voc-forms-wrap {
  overflow-x: auto;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
}
.voc-forms-wrap:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.voc-forms {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
}
.voc-forms th, .voc-forms td {
  padding: 11px 16px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e3e8ef;
  white-space: nowrap;
}
.voc-forms tbody tr:last-child > * {
  border-bottom: 0;
}
.voc-forms thead th {
  background: #f7f9fc;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
}
.voc-forms tbody th {
  font-weight: 500;
  color: #35404d;
}
.voc-forms .voc-forms__default {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #fff;
  min-width: 160px;
  box-shadow: inset -1px 0 0 #e3e8ef;
}
.voc-forms thead .voc-forms__default {
  background: #f7f9fc;
}
.voc-forms .voc-forms__here {
  min-width: 200px;
}
.voc-forms .voc-col-product {
  display: none;
  color: #35404d;
}
.voc-forms--compare .voc-col-product {
  display: table-cell;
}
.voc-forms--switch th, .voc-forms--switch td {
  white-space: normal;
}

.voc-forms__row--chosen > * {
  background: #fbfcff;
}

.voc-forms__row--chosen .voc-forms__default {
  background: #fbfcff;
  color: #1f2d3d;
  font-weight: 700;
}

.voc-forms__differs {
  background: #fff5e0 !important;
  color: #7a4b00 !important;
  font-weight: 700;
}

.voc-says {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.voc-says__word {
  font-weight: 700;
}

.voc-input {
  width: 100%;
  min-width: 180px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
  background: #fff;
}
.voc-input::-moz-placeholder {
  color: #8a94a6;
}
.voc-input::placeholder {
  color: #8a94a6;
}
.voc-input:focus {
  outline: none;
  border-color: #2f5cc4;
  box-shadow: 0 0 0 3px rgba(47, 92, 196, 0.15);
}

.voc-edit--editing .voc-says {
  display: none;
}
.voc-edit--editing .voc-forms__here {
  background: #eaf0fd;
}

.voc-edit__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  flex-wrap: wrap;
  margin-top: 12px;
  padding: 12px 16px;
  border-radius: 10px;
  background: #eaf0fd;
}

.voc-edit__lede {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #35404d;
  max-width: 64ch;
}

.voc-edit__acts {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}

.voc-specimens {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.voc-specimen {
  margin: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

.voc-specimen__stage {
  position: relative;
  height: 128px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #f7f9fc;
  background-image: radial-gradient(#dde3ec 1px, transparent 1px);
  background-size: 14px 14px;
  border-bottom: 1px solid #e3e8ef;
  pointer-events: none;
}

.voc-specimen__caption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "kind show" "count show";
  align-items: center;
  gap: 2px 12px;
  padding: 12px 16px;
}

.voc-specimen__kind {
  grid-area: kind;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2d3d;
}

.voc-specimen__count {
  grid-area: count;
  font-size: var(--edc-fs-secondary);
  color: #475467;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.voc-specimen__show {
  grid-area: show;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid #d3dae5;
  color: #1f2d3d;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.voc-specimen__show i {
  font-size: var(--edc-fs-eyebrow);
  color: #475467;
}
.voc-specimen__show:hover {
  background: #f7f9fc;
  color: #1f2d3d;
  text-decoration: none;
}
.voc-specimen__show:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.voc-stage-sidebar {
  width: 220px;
  padding: 8px;
  border-radius: 10px;
  background: #0f1b2d;
  box-shadow: 0 6px 16px rgba(15, 27, 45, 0.18);
}

.voc-stage-sidebar__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--edc-fs-body);
  font-weight: 600;
}
.voc-stage-sidebar__item i {
  width: 16px;
  text-align: center;
  font-size: var(--edc-fs-secondary);
}
.voc-stage-sidebar__item--on {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 3px 0 0 #6ea8ff;
}

.voc-stage-tabs.nav {
  flex-wrap: nowrap;
  margin: 0;
  padding: 0 8px;
  background: #fff;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.08);
}
.voc-stage-tabs.nav .nav-link {
  cursor: default;
  font-size: var(--edc-fs-body);
  padding: 10px 14px;
  white-space: nowrap;
}

.voc-stage-button {
  min-width: 0 !important;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(47, 92, 196, 0.25);
}

.voc-stage-heading {
  margin: 0;
  padding: 12px 20px;
  font-size: var(--edc-fs-display);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1f2d3d;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.08);
}

.voc-stage-table {
  border-collapse: collapse;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.08);
  font-size: var(--edc-fs-secondary);
}
.voc-stage-table th {
  padding: 8px 12px;
  background: #f7f9fc;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
  white-space: nowrap;
  border-bottom: 1px solid #e3e8ef;
}
.voc-stage-table td {
  padding: 8px 12px;
  color: #1f2d3d;
  white-space: nowrap;
}

.voc-stage-table__dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
  background: #0d9f6e;
}

.voc-stage-card {
  min-width: 160px;
  padding: 12px 16px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.08);
}

.voc-stage-card__kicker {
  margin: 0 0 4px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
}

.voc-stage-card__figure {
  margin: 0;
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  line-height: 1.1;
  color: #1f2d3d;
}

.voc-stage-field {
  width: min(260px, 100%);
  padding: 12px 14px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.08);
}

.voc-stage-field__label {
  display: block;
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1f2d3d;
}

.voc-stage-field__input {
  display: block;
  height: 32px;
  border: 1px solid #d3dae5;
  border-radius: 6px;
  background: #fff;
}

.voc-stage-sentence {
  margin: 0;
  max-width: 100%;
  padding: 12px 16px;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  color: #35404d;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.08);
}
.voc-stage-sentence span {
  font-weight: 700;
  color: #1f2d3d;
}

.voc-specimen--strip .voc-specimen__stage {
  height: auto;
  min-height: 128px;
}

.voc-stage-strip {
  width: 100%;
  padding: 16px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.08);
}

.voc-stage-strip__names {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
}
.voc-stage-strip__names li {
  display: inline-flex;
  align-items: center;
}
.voc-stage-strip__names .is-current {
  font-weight: 700;
  color: #1f2d3d;
}

.voc-status__scroll {
  overflow-x: auto;
}

.voc-status__editor .pmg-editor {
  border: 0;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}

.voc-status__editor .pmg-detail-name {
  white-space: normal;
  overflow: visible;
}

.voc-status__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 4px;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
}
.voc-status__list li {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #e3e8ef;
  border-radius: 8px;
}

.voc-status__swatch {
  display: inline-block;
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  margin-right: 8px;
}

.voc-kept {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.voc-kept li {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #f3efff;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #3b1a78;
}
.voc-kept li span {
  color: #475467;
}

.voc-card--empty {
  padding: 32px;
}

@media (max-width: 1199px) {
  .voc-panes {
    grid-template-columns: minmax(232px, 260px) minmax(0, 1fr);
    gap: 16px;
  }
  .voc-word-detail {
    padding: 20px;
  }
  .voc-specimens {
    grid-template-columns: minmax(0, 1fr);
  }
  .voc-band {
    grid-template-columns: minmax(0, 1fr);
  }
  .voc-band__cell {
    display: grid;
    grid-template-columns: 136px minmax(0, 1fr);
    -moz-column-gap: 16px;
         column-gap: 16px;
    align-items: baseline;
    padding: 12px 16px;
  }
  .voc-band__cell + .voc-band__cell {
    border-left: 0;
    border-top: 1px solid #e3e8ef;
  }
  .voc-band__cell dt {
    margin: 0;
    grid-row: span 2;
  }
  .voc-band__cell dd {
    grid-column: 2;
  }
}
@media (max-width: 767px) {
  .voc-head {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
  }
  .voc-head__title {
    font-size: var(--edc-fs-display);
  }
  .voc-head__actions {
    display: none;
  }
  .voc-panes {
    grid-template-columns: minmax(0, 1fr);
  }
  .voc-list {
    position: static;
    max-height: none;
  }
  .voc-detail {
    display: none;
  }
  .voc--detail-first .voc-list {
    display: none;
  }
  .voc--detail-first .voc-detail {
    display: block;
  }
  .voc--detail-first .voc-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    color: #2f5cc4;
    font-size: var(--edc-fs-body);
    font-weight: 600;
    text-decoration: none;
  }
  .voc-word-detail {
    padding: 16px;
  }
  .voc-detail__head {
    flex-direction: column;
  }
  .voc-detail__acts {
    justify-content: flex-start;
  }
  .voc-band__cell {
    grid-template-columns: minmax(0, 1fr);
  }
  .voc-band__cell dt {
    grid-row: auto;
    margin: 0 0 4px;
  }
  .voc-band__cell dd {
    grid-column: 1;
  }
  .voc-specimen__stage {
    height: 112px;
  }
  .voc-forms th, .voc-forms td {
    padding: 10px 12px;
  }
  .voc-forms .voc-forms__default {
    min-width: 112px;
    white-space: normal;
  }
  .voc-forms .voc-forms__here {
    min-width: 0;
    width: 100%;
  }
  .voc-input {
    min-width: 0;
  }
  .voc-switchmenu__panel {
    position: fixed;
    left: 16px;
    right: 16px;
    top: auto;
    width: auto;
  }
}
.ins-panel {
  border: 0;
  border-radius: 14px;
  padding: 0;
  width: min(720px, 100vw - 32px);
  max-height: calc(100vh - 48px);
  box-shadow: 0 24px 60px rgba(17, 24, 39, 0.22);
  color: #35404d;
}
.ins-panel::backdrop {
  background: rgba(15, 23, 42, 0.45);
}

.ins-panel__frame {
  padding: 20px 24px 24px;
  overflow: auto;
  max-height: calc(100vh - 48px);
}

.ins-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 8px;
}

.ins-panel__title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.ins-panel__mark {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  color: #7c3aed;
  flex: 0 0 auto;
}

.ins-panel__eyebrow {
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
}

.ins-panel__title {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  color: #1f2d3d;
  line-height: 1.2;
  text-shadow: none;
}

.ins-panel__close {
  border: 0;
  background: transparent;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #475467;
  cursor: pointer;
  font-size: var(--edc-fs-heading);
}
.ins-panel__close:hover {
  background: #f7f9fc;
  color: #1f2d3d;
}
.ins-panel__close:focus-visible {
  outline: 2px solid #2f5cc4;
}

.ins-panel__description {
  margin: 0 0 16px;
  font-size: var(--edc-fs-body);
  color: #35404d;
  max-width: 64ch;
}

.ins-panel__section {
  margin: 0 0 16px;
  padding-top: 12px;
  border-top: 1px solid #e3e8ef;
}

.ins-panel__section-title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
}

.ins-panel__doors {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 12px;
  border-top: 1px solid #e3e8ef;
}

.ins-history {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ins-history__row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 8px 0;
  border-bottom: 1px dashed #e3e8ef;
}
.ins-history__row:last-child {
  border-bottom: 0;
}

.ins-history__value {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2d3d;
}

.ins-history__meta {
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.ins-history__row--origin .ins-history__value {
  color: #35404d;
}

.ins-facts {
  margin: 0;
  padding-left: 18px;
  font-size: var(--edc-fs-body);
  color: #35404d;
}
.ins-facts li {
  margin: 0 0 4px;
}

.ins-panel__section--first {
  border-top: 0;
  padding-top: 4px;
}

.ins-readout__list {
  margin: 0;
  display: grid;
  grid-template-columns: minmax(96px, max-content) minmax(0, 1fr);
  gap: 8px 16px;
}

.ins-readout__row {
  display: contents;
}

.ins-readout__list dt {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  color: #475467;
}

.ins-readout__list dd {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #35404d;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 6px;
}
.ins-readout__list dd strong {
  color: #1f2d3d;
  font-weight: 700;
}

.ins-readout__swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex: 0 0 10px;
}

.ins-readout__lines {
  margin: 0;
  padding-left: 18px;
  font-size: var(--edc-fs-body);
  color: #35404d;
}
.ins-readout__lines li {
  margin: 0 0 6px;
}
.ins-readout__lines li:last-child {
  margin-bottom: 0;
}
.ins-readout__lines strong {
  color: #1f2d3d;
}

.ins-readout__line {
  margin: 0 0 8px;
  font-size: var(--edc-fs-body);
  color: #35404d;
}
.ins-readout__line strong {
  color: #1f2d3d;
}

.ins-readout__meta {
  color: #475467;
  font-size: var(--edc-fs-secondary);
}

.ins-readout__door {
  margin-top: 10px;
}

.ins-summary__note {
  margin: 0;
  padding-top: 4px;
  font-size: var(--edc-fs-body);
  color: #35404d;
}

.ins-summary__error {
  margin: 0 0 10px;
  padding-top: 4px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #991b1b;
}

.crh-summary i {
  color: #7c3aed;
}

.vocab-highlight {
  outline: 3px solid #7c3aed !important;
  outline-offset: 3px;
  border-radius: 4px;
  box-shadow: 0 0 0 6px #f3efff;
  transition: box-shadow 0.4s ease;
}

@media print {
  .voc-list, .voc-detail__acts, .voc-edit__bar, .voc-toggle, .voc-specimen__show, .voc-head__actions, .voc-switchmenu, .voc-back,
  .site-menubar, .site-navbar, .page-tabs, .fxp-tabs {
    display: none !important;
  }
  .voc-panes {
    display: block;
  }
  .voc-detail {
    display: block !important;
  }
  .voc-card, .voc-specimen {
    box-shadow: none;
  }
  .voc-col-product {
    display: table-cell !important;
  }
}
.ins-panel .table {
  font-size: var(--edc-fs-secondary);
  margin: 0 0 8px;
}
.ins-panel .table th {
  color: #475467;
  font-size: var(--edc-fs-eyebrow);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ins-field__history .clickable {
  cursor: default;
  color: #1f2d3d;
}

.ins-field__manual {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #e3e8ef;
}
.ins-field__manual h2 {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2d3d;
  text-shadow: none;
}

.ins-field__facts {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.ins-field__fact {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #e3e8ef;
  border-radius: 8px;
  background: #fff;
}
.ins-field__fact dt {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
  margin: 0 0 4px;
}
.ins-field__fact dd {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
}

.ins-field__none {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.ins-field__pencil {
  margin-left: 8px;
  color: #475467;
}
.ins-field__pencil:hover {
  color: #1f2d3d;
}

.record-panes.tab-content.card {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0 !important;
}
.record-panes .panel .btn.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  min-width: 0;
  padding: 0 14px;
  float: none !important;
  margin: 0 !important;
  border-radius: 8px;
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  box-shadow: none;
}
.record-panes .panel .btn.btn-primary .icon, .record-panes .panel .btn.btn-primary .btnIcon {
  color: #fff;
  margin: 0;
  font-size: var(--edc-fs-label);
}
.record-panes .panel .btn.btn-primary:hover {
  background: #2549a8;
  border-color: #2549a8;
}
.record-panes > .tab-pane > .panel, .record-panes > .tab-pane > div > .panel, .record-panes > .tab-pane .activitiesTabOptions.panel, .record-panes .rp-card {
  margin: 0 0 16px;
  padding: 20px 24px 12px;
  height: auto;
  min-height: 0;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  box-shadow: none;
}
.record-panes .panel > .panel-heading, .record-panes .panel > .panel-body {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}
.record-panes .panel > .panel-heading + .panel-body, .record-panes .panel > .panel-body + .panel-body {
  margin-top: 16px;
}
.record-panes .tasksTopOptions .form-row, .record-panes .panel > .panel-body > .row {
  align-items: center;
  margin: 0;
}
.record-panes .panel > .panel-heading .form-row > [class*=col], .record-panes .panel > .panel-body > .row > [class*=col],
.record-panes .panel > .panel-body.tableDesign, .record-panes .panel > .panel-body.designTable, .record-panes .panel > .cardPadding {
  padding-left: 0;
  padding-right: 0;
}
.record-panes .tasksTopOptions, .record-panes .tableTitle {
  margin: 0;
  padding: 0;
}
.record-panes .tableTitle h2, .record-panes .panel h2 {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  line-height: 1.3;
  color: #1f2d3d;
  text-shadow: none;
}
.record-panes .tasksRightOptions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.record-panes .panel .btn.btn-default, .record-panes .panel .btn.btn-outline-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  min-width: 0;
  padding: 0 14px;
  float: none !important;
  margin: 0 !important;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  background: #fff;
  color: #1f2d3d;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  box-shadow: none;
  text-transform: none;
}
.record-panes .panel .btn.btn-default .btnIcon, .record-panes .panel .btn.btn-default .icon, .record-panes .panel .btn.btn-outline-primary .btnIcon, .record-panes .panel .btn.btn-outline-primary .icon {
  margin: 0;
  font-size: var(--edc-fs-label);
  color: #475467;
}
.record-panes .panel .btn.btn-default:hover, .record-panes .panel .btn.btn-outline-primary:hover {
  background: #f5f7fb;
  border-color: #b9c4d4;
  color: #1f2d3d;
}
.record-panes .panel .btn.btn-default:focus-visible, .record-panes .panel .btn.btn-outline-primary:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.record-panes .panel .btn.rp-primary {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
}
.record-panes .panel .btn.rp-primary .btnIcon, .record-panes .panel .btn.rp-primary .icon {
  color: #fff;
}
.record-panes .panel .btn.rp-primary:hover {
  background: #2549a8;
  border-color: #2549a8;
  color: #fff;
}
.record-panes table.table, .record-panes table.dataTable, .record-panes .tableDesign table, .record-panes .designTable table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
}
.record-panes table.table thead th, .record-panes table.dataTable thead th, .record-panes .tableDesign table thead th, .record-panes .designTable table thead th {
  padding: 10px 12px !important;
  background: #f7f9fc;
  border: 0 !important;
  border-bottom: 1px solid #e3e8ef !important;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
  white-space: nowrap;
}
.record-panes table.table tbody td, .record-panes table.dataTable tbody td, .record-panes .tableDesign table tbody td, .record-panes .designTable table tbody td {
  padding: 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #eef1f6 !important;
  color: #1f2d3d;
  background: #fff !important;
  vertical-align: middle;
  font-weight: 400;
}
.record-panes table.table tbody tr > *, .record-panes table.dataTable tbody tr > *, .record-panes .tableDesign table tbody tr > *, .record-panes .designTable table tbody tr > * {
  box-shadow: none !important;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-bg: transparent;
}
.record-panes table.table tbody td:first-child a, .record-panes table.table tbody td:first-child, .record-panes table.dataTable tbody td:first-child a, .record-panes table.dataTable tbody td:first-child, .record-panes .tableDesign table tbody td:first-child a, .record-panes .tableDesign table tbody td:first-child, .record-panes .designTable table tbody td:first-child a, .record-panes .designTable table tbody td:first-child {
  font-weight: 600;
}
.record-panes table.table tbody tr:last-child td, .record-panes table.dataTable tbody tr:last-child td, .record-panes .tableDesign table tbody tr:last-child td, .record-panes .designTable table tbody tr:last-child td {
  border-bottom: 0 !important;
}
.record-panes table.table tbody tr:hover td, .record-panes table.dataTable tbody tr:hover td, .record-panes .tableDesign table tbody tr:hover td, .record-panes .designTable table tbody tr:hover td {
  background: #f8fafc !important;
}
.record-panes table.table tbody tr.odd, .record-panes table.table tbody tr.even, .record-panes table.dataTable tbody tr.odd, .record-panes table.dataTable tbody tr.even, .record-panes .tableDesign table tbody tr.odd, .record-panes .tableDesign table tbody tr.even, .record-panes .designTable table tbody tr.odd, .record-panes .designTable table tbody tr.even {
  background: #fff !important;
}
.record-panes table.table a, .record-panes table.dataTable a, .record-panes .tableDesign table a, .record-panes .designTable table a {
  color: #1f2d3d;
  font-weight: inherit;
  text-decoration: none;
}
.record-panes table.table a:hover, .record-panes table.dataTable a:hover, .record-panes .tableDesign table a:hover, .record-panes .designTable table a:hover {
  color: #2f5cc4;
  text-decoration: underline;
}
.record-panes .rp-date {
  white-space: nowrap;
}
.record-panes table.dataTable {
  table-layout: auto;
}
.record-panes table.dataTable col {
  width: auto !important;
}
.record-panes .table-responsive, .record-panes .dataTables_wrapper {
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  overflow: hidden;
}
.record-panes .dataTables_wrapper, .record-panes .dt-container {
  border: 0;
  overflow: visible;
}
.record-panes .dataTables_wrapper .dt-search label, .record-panes .dataTables_wrapper .dt-length label, .record-panes .dt-container .dt-search label, .record-panes .dt-container .dt-length label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475467;
}
.record-panes .dataTables_wrapper .dt-search input, .record-panes .dataTables_wrapper .dt-length select, .record-panes .dt-container .dt-search input, .record-panes .dt-container .dt-length select {
  height: 36px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 0 10px;
  font-size: var(--edc-fs-body);
}
.record-panes .dataTables_wrapper .dt-length select, .record-panes .dt-container .dt-length select {
  width: auto;
  min-width: 72px;
  padding-right: 30px;
  background-position: right 10px center;
}
.record-panes .dataTables_wrapper .dt-info, .record-panes .dt-container .dt-info {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  padding-top: 12px;
}
.record-panes .dataTables_wrapper > .row:first-child, .record-panes .dataTables_wrapper .dataTables_filter, .record-panes .dataTables_wrapper .dataTables_length, .record-panes .dt-container > .row:first-child, .record-panes .dt-container .dataTables_filter, .record-panes .dt-container .dataTables_length {
  margin: 0 0 12px;
}
.record-panes .dataTables_wrapper table.dataTable, .record-panes .dt-container table.dataTable {
  border: 1px solid #e3e8ef !important;
  border-radius: 10px;
}
.record-panes .dataTables_wrapper .dataTables_filter label, .record-panes .dataTables_wrapper .dataTables_length label, .record-panes .dt-container .dataTables_filter label, .record-panes .dt-container .dataTables_length label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #475467;
}
.record-panes .dataTables_wrapper .dataTables_filter input, .record-panes .dataTables_wrapper .dataTables_length select, .record-panes .dt-container .dataTables_filter input, .record-panes .dt-container .dataTables_length select {
  height: 36px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 0 10px;
  font-size: var(--edc-fs-body);
}
.record-panes .dataTables_wrapper .dataTables_info, .record-panes .dt-container .dataTables_info {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  padding-top: 12px;
}
.record-panes .dataTables_wrapper .dataTables_paginate, .record-panes .dt-container .dataTables_paginate {
  padding-top: 8px;
}
.record-panes .rp-empty {
  margin: 4px 0 8px;
  padding: 28px 20px;
  border: 1px dashed #d3dae5;
  border-radius: 10px;
  background: #f7f9fc;
  text-align: center;
}
.record-panes .rp-empty__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}
.record-panes .rp-empty__hint {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  line-height: 1.5;
  color: #475467;
}
.record-panes .rp-empty__hint:empty {
  display: none;
}
.record-panes .rp-hidden {
  display: none !important;
}
.record-panes #emails .tableTitle h2, .record-panes #emails h2, .record-panes #emails .col-md-12 > h3 {
  font-size: var(--edc-fs-title) !important;
  font-weight: 700 !important;
  margin: 0 0 6px;
  color: #1f2d3d;
}
.record-panes #surveys > .panel {
  position: relative;
}
.record-panes #surveys > .panel > .panel-heading {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 1;
}
.record-panes #surveys > .panel > .panel-body {
  margin-top: 0;
}
.record-panes #surveys h4.m-0 {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  line-height: 36px;
  color: #1f2d3d;
  text-shadow: none;
}
.record-panes #surveys .tableDesign > [class*=col], .record-panes #surveys .cardPadding {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0 !important;
}
.record-panes #surveys .cardPadding > .row:first-child {
  margin-left: 0;
  margin-right: 0;
}
.record-panes #memberships [data-membership-standing] {
  padding: 8px 16px 12px;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
}
.record-panes #files .MuiButton-root {
  height: 36px;
  border-radius: 8px !important;
  font-family: inherit;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13) !important;
  font-weight: 600 !important;
  text-transform: none !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
}
.record-panes #files .MuiButton-outlinedPrimary {
  color: #1f2d3d !important;
  border-color: #d3dae5 !important;
  background: #fff !important;
}
.record-panes #files .MuiButton-outlinedPrimary .MuiSvgIcon-root {
  color: #475467;
}
.record-panes #files .MuiButton-outlinedPrimary:hover {
  background: #f5f7fb !important;
}
.record-panes #files .MuiButton-containedPrimary {
  color: #fff !important;
  background: #2f5cc4 !important;
  border: 1px solid #2f5cc4 !important;
}
.record-panes #files .MuiButton-containedPrimary:hover {
  background: #2549a8 !important;
}

@media (max-width: 1199px) {
  .record-panes :is(.dt-layout-table, .tableDesign, .designTable, .table-responsive), .vgr-list :is(.dt-layout-table, .designTable) {
    overflow-x: auto;
  }
  .record-panes :is(table.table, table.dataTable, .tableDesign table, .designTable table) thead th {
    white-space: normal !important;
    padding: 10px 8px !important;
    font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
    letter-spacing: 0.01em;
  }
  .record-panes :is(table.table, table.dataTable, .tableDesign table, .designTable table) tbody td {
    padding: 12px 8px !important;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 767px) {
  .record-panes > .tab-pane > .panel, .record-panes > .tab-pane .activitiesTabOptions.panel {
    padding: 16px 16px 8px;
  }
  .record-panes .tasksTopOptions .form-row, .record-panes .panel > .panel-body > .row {
    row-gap: 12px;
  }
  .record-panes .tasksRightOptions {
    justify-content: flex-start;
  }
  .record-panes .panel .btn.btn-default {
    width: auto !important;
    max-width: 100%;
    align-self: flex-start;
  }
  .record-panes .tasksTopOptions .form-row > .col, .record-panes .panel > .panel-body > .row > .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .record-panes .tasksTopOptions .form-row, .record-panes .panel > .panel-body > .row {
    flex-wrap: wrap;
  }
  .record-panes .dt-layout-row:not(.dt-layout-table), .record-panes .dataTables_wrapper > .row:first-child {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .record-panes .dt-layout-cell, .record-panes .dt-layout-start, .record-panes .dt-layout-end {
    justify-content: flex-start !important;
    text-align: left !important;
    margin: 0 !important;
  }
  .record-panes .dt-search, .record-panes .dt-search label {
    width: 100%;
    justify-content: space-between;
  }
  .record-panes .dt-search input {
    flex: 1 1 auto;
    margin-left: 8px;
  }
  .record-panes .table-responsive, .record-panes .tableDesign, .record-panes .designTable, .record-panes .dt-layout-table, .record-panes .dataTables_wrapper .row:has(> [class*=col] > table) {
    overflow-x: auto;
  }
  .record-panes :is(table.table, table.dataTable, .tableDesign table, .designTable table) {
    min-width: 560px;
  }
  .record-panes :is(table.table, table.dataTable, .tableDesign table, .designTable table) tbody td {
    overflow-wrap: normal !important;
  }
  .record-panes :is(table.table, table.dataTable) tbody td:first-child {
    white-space: nowrap;
  }
  .record-panes .dataTables_filter, .record-panes .dataTables_length {
    text-align: left !important;
    float: none !important;
  }
  .record-panes .dataTables_filter label, .record-panes .dataTables_length label {
    width: 100%;
    justify-content: space-between;
  }
  .record-panes .dataTables_filter input {
    flex: 1 1 auto;
    margin-left: 8px !important;
  }
}
.vgr-list table.table, .vgr-list table.dataTable, .vgr-list .tableDesign table, .vgr-list .designTable table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
}
.vgr-list table.table thead th, .vgr-list table.dataTable thead th, .vgr-list .tableDesign table thead th, .vgr-list .designTable table thead th {
  padding: 10px 12px !important;
  background: #f7f9fc;
  border: 0 !important;
  border-bottom: 1px solid #e3e8ef !important;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
  white-space: nowrap;
}
.vgr-list table.table tbody td, .vgr-list table.dataTable tbody td, .vgr-list .tableDesign table tbody td, .vgr-list .designTable table tbody td {
  padding: 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #eef1f6 !important;
  color: #1f2d3d;
  background: #fff !important;
  vertical-align: middle;
  font-weight: 400;
}
.vgr-list table.table tbody tr > *, .vgr-list table.dataTable tbody tr > *, .vgr-list .tableDesign table tbody tr > *, .vgr-list .designTable table tbody tr > * {
  box-shadow: none !important;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-bg: transparent;
}
.vgr-list table.table tbody td:first-child a, .vgr-list table.table tbody td:first-child, .vgr-list table.dataTable tbody td:first-child a, .vgr-list table.dataTable tbody td:first-child, .vgr-list .tableDesign table tbody td:first-child a, .vgr-list .tableDesign table tbody td:first-child, .vgr-list .designTable table tbody td:first-child a, .vgr-list .designTable table tbody td:first-child {
  font-weight: 600;
}
.vgr-list table.table tbody tr:last-child td, .vgr-list table.dataTable tbody tr:last-child td, .vgr-list .tableDesign table tbody tr:last-child td, .vgr-list .designTable table tbody tr:last-child td {
  border-bottom: 0 !important;
}
.vgr-list table.table tbody tr:hover td, .vgr-list table.dataTable tbody tr:hover td, .vgr-list .tableDesign table tbody tr:hover td, .vgr-list .designTable table tbody tr:hover td {
  background: #f8fafc !important;
}
.vgr-list table.table tbody tr.odd, .vgr-list table.table tbody tr.even, .vgr-list table.dataTable tbody tr.odd, .vgr-list table.dataTable tbody tr.even, .vgr-list .tableDesign table tbody tr.odd, .vgr-list .tableDesign table tbody tr.even, .vgr-list .designTable table tbody tr.odd, .vgr-list .designTable table tbody tr.even {
  background: #fff !important;
}
.vgr-list table.table a, .vgr-list table.dataTable a, .vgr-list .tableDesign table a, .vgr-list .designTable table a {
  color: #1f2d3d;
  font-weight: inherit;
  text-decoration: none;
}
.vgr-list table.table a:hover, .vgr-list table.dataTable a:hover, .vgr-list .tableDesign table a:hover, .vgr-list .designTable table a:hover {
  color: #2f5cc4;
  text-decoration: underline;
}

.vgr-tools .btn.btn-outline-primary, .vgr-tools .btn.btn-outline-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  min-width: 0;
  padding: 0 14px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  background: #fff;
  color: #1f2d3d;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  box-shadow: none;
}
.vgr-tools .btn.btn-outline-primary i, .vgr-tools .btn.btn-outline-secondary i {
  font-size: var(--edc-fs-secondary);
  color: #475467;
}
.vgr-tools .btn.btn-outline-primary:hover, .vgr-tools .btn.btn-outline-secondary:hover {
  background: #f5f7fb;
  border-color: #b9c4d4;
  color: #1f2d3d;
}
.vgr-tools .btn.btn-outline-primary.active, .vgr-tools .btn.btn-outline-primary[aria-pressed=true], .vgr-tools .btn.btn-outline-secondary.active, .vgr-tools .btn.btn-outline-secondary[aria-pressed=true] {
  background: #eef2fb;
  border-color: #c9d6f2;
  color: #2549a8;
}
.vgr-tools .btn.btn-outline-primary.active i, .vgr-tools .btn.btn-outline-primary[aria-pressed=true] i, .vgr-tools .btn.btn-outline-secondary.active i, .vgr-tools .btn.btn-outline-secondary[aria-pressed=true] i {
  color: #2549a8;
}
.vgr-tools .btn.btn-outline-primary:focus-visible, .vgr-tools .btn.btn-outline-secondary:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.vgr-tools .btn.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  min-width: 0;
  padding: 0 16px;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

@media (max-width: 767px) {
  .vgr-list .dt-layout-row:not(.dt-layout-table) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .vgr-list :is(.dt-layout-cell, .dt-layout-start, .dt-layout-end) {
    justify-content: flex-start !important;
    margin: 0 !important;
    flex-wrap: wrap;
  }
  .vgr-list .dt-search input, .vgr-list [type=search] {
    max-width: 100%;
  }
}
.module-invoices form .form-select, .module-invoices form .form-control {
  height: 38px;
  font-size: var(--edc-fs-body);
  border-radius: 8px;
}
.module-invoices form .form-label {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #475467 !important;
}
.module-invoices form .btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  min-width: 0;
  padding: 0 14px;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
}
.module-invoices form .btn-outline-secondary {
  border-color: #d3dae5;
  color: #1f2d3d;
  background: #fff;
}
.module-invoices form .btn-outline-secondary:hover {
  background: #f5f7fb;
}
.module-invoices .panel.panel-body {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  box-shadow: none;
}
.module-invoices table.table, .module-invoices table.dataTable, .module-invoices .tableDesign table, .module-invoices .designTable table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
}
.module-invoices table.table thead th, .module-invoices table.dataTable thead th, .module-invoices .tableDesign table thead th, .module-invoices .designTable table thead th {
  padding: 10px 12px !important;
  background: #f7f9fc;
  border: 0 !important;
  border-bottom: 1px solid #e3e8ef !important;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
  white-space: nowrap;
}
.module-invoices table.table tbody td, .module-invoices table.dataTable tbody td, .module-invoices .tableDesign table tbody td, .module-invoices .designTable table tbody td {
  padding: 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #eef1f6 !important;
  color: #1f2d3d;
  background: #fff !important;
  vertical-align: middle;
  font-weight: 400;
}
.module-invoices table.table tbody tr > *, .module-invoices table.dataTable tbody tr > *, .module-invoices .tableDesign table tbody tr > *, .module-invoices .designTable table tbody tr > * {
  box-shadow: none !important;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-bg: transparent;
}
.module-invoices table.table tbody td:first-child a, .module-invoices table.table tbody td:first-child, .module-invoices table.dataTable tbody td:first-child a, .module-invoices table.dataTable tbody td:first-child, .module-invoices .tableDesign table tbody td:first-child a, .module-invoices .tableDesign table tbody td:first-child, .module-invoices .designTable table tbody td:first-child a, .module-invoices .designTable table tbody td:first-child {
  font-weight: 600;
}
.module-invoices table.table tbody tr:last-child td, .module-invoices table.dataTable tbody tr:last-child td, .module-invoices .tableDesign table tbody tr:last-child td, .module-invoices .designTable table tbody tr:last-child td {
  border-bottom: 0 !important;
}
.module-invoices table.table tbody tr:hover td, .module-invoices table.dataTable tbody tr:hover td, .module-invoices .tableDesign table tbody tr:hover td, .module-invoices .designTable table tbody tr:hover td {
  background: #f8fafc !important;
}
.module-invoices table.table tbody tr.odd, .module-invoices table.table tbody tr.even, .module-invoices table.dataTable tbody tr.odd, .module-invoices table.dataTable tbody tr.even, .module-invoices .tableDesign table tbody tr.odd, .module-invoices .tableDesign table tbody tr.even, .module-invoices .designTable table tbody tr.odd, .module-invoices .designTable table tbody tr.even {
  background: #fff !important;
}
.module-invoices table.table a, .module-invoices table.dataTable a, .module-invoices .tableDesign table a, .module-invoices .designTable table a {
  color: #1f2d3d;
  font-weight: inherit;
  text-decoration: none;
}
.module-invoices table.table a:hover, .module-invoices table.dataTable a:hover, .module-invoices .tableDesign table a:hover, .module-invoices .designTable table a:hover {
  color: #2f5cc4;
  text-decoration: underline;
}
.module-invoices table th:last-child, .module-invoices table td:last-child:has(> a.btn-link) {
  display: none;
}
.module-invoices .inv-cell-sub .badge.bg-secondary-subtle {
  display: none;
}
.module-invoices table tbody td:first-child {
  font-weight: 400;
}
.module-invoices .inv-cell-title a {
  font-weight: 700;
}
.module-invoices .inv-cell-name {
  font-weight: 500;
}
.module-invoices .inv-cell-sub, .module-invoices .inv-cell-sub span {
  font-weight: 400;
  color: #475467;
  font-size: var(--edc-fs-secondary);
}
.module-invoices .inv-cell-dates {
  line-height: 1.4;
}

@media (max-width: 1199px) {
  .module-invoices .glance-page__body > .panel.panel-body:last-child {
    overflow-x: auto;
  }
  .module-invoices .glance-page__body > .panel.panel-body:last-child table {
    min-width: 640px;
  }
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset),
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset),
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset),
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) {
  line-height: 1.5;
}

html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)),
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) {
  row-gap: 4px;
  margin-bottom: 4px;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) label,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) label {
  margin-bottom: 2px;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) hr,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) hr {
  margin: 8px 0;
}
@media (min-width: 1200px) {
  html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)),
  html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) {
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  }
  html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group),
  html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > label,
  html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > label {
    flex: 1 1 0;
    min-width: 6rem;
    margin: 0;
  }
  html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > .form-control,
  html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > select,
  html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > textarea,
  html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > .bootstrap-select,
  html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > .input-group,
  html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > .form-group,
  html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > .form-control,
  html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > select,
  html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > textarea,
  html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > .bootstrap-select,
  html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > .input-group,
  html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) > .form-group:has(> label):has(> .form-control, > select, > textarea, > .bootstrap-select, > .input-group, > .form-group) > .form-group {
    flex: 0 0 60%;
    min-width: 0;
    width: auto;
    margin-bottom: 0;
  }
}

html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)),
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) {
  row-gap: 32px;
  margin-bottom: 32px;
}
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) label,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) label {
  margin-bottom: 8px;
}

html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)),
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) {
  row-gap: 24px;
  margin-bottom: 24px;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) label,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) label {
  margin-bottom: 8px;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rightIconFld .fldRightIcon,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rightIconFld .fldRightIcon {
  margin: 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card {
  margin-bottom: 24px;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-pair,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-pair {
  gap: 24px;
  margin-bottom: 24px;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-pair > .rfs-card,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-pair > .rfs-card {
  margin-bottom: 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-header,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-header {
  margin-bottom: 16px;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card.rfs-collapsed .rfs-card-header,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card.rfs-collapsed .rfs-card-header {
  margin-bottom: -2px;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)):nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])),
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)):nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])) {
  margin-bottom: 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])),
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])) > [class*=col],
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])),
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])) > [class*=col] {
  margin-bottom: 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body .divider-hr,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body .divider-hr {
  margin: 16px 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) > .divider-hr, html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-main > .divider-hr, html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .formRowSize > .divider-hr,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) > .divider-hr,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-main > .divider-hr,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .formRowSize > .divider-hr {
  display: none;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body .panel,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body .panel {
  margin-bottom: 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group > :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)),
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group > :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) {
  margin-bottom: 8px;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group > .row:has(> .col-auto) > [class*=col],
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group > .row:has(> .col-auto) > [class*=col] {
  margin-bottom: 8px;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group {
  margin-bottom: 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields {
  margin-bottom: 8px;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .links,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .links {
  margin-top: 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .remove-link,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .remove-link {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .btmRadioSelector,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .btmRadioSelector {
  padding: 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl),
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 0 0 12px;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .radioLbl,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .radioLbl {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .radioLbl > label,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .radioLbl > label {
  margin: 0;
  padding: 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .form-group,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .form-group {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) .inlineRadio > ul,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) .inlineRadio > ul {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) .inlineRadio > ul > li,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) .inlineRadio > ul > li {
  margin: 0;
}
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .btmRadioSelector > .form-row:last-child,
html[data-edc-new][data-density=standard] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .panel-body > .form-row:has(> .radioLbl):last-child,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .btmRadioSelector > .form-row:last-child,
html[data-edc-new] [data-fit-density=standard] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .panel-body > .form-row:has(> .radioLbl):last-child {
  margin-bottom: 0;
}

html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rightIconFld .fldRightIcon,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rightIconFld .fldRightIcon,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rightIconFld .fldRightIcon,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rightIconFld .fldRightIcon {
  margin: 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card {
  margin-bottom: 24px;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-pair,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-pair,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-pair,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-pair {
  gap: 24px;
  margin-bottom: 24px;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-pair > .rfs-card,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-pair > .rfs-card,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-pair > .rfs-card,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-pair > .rfs-card {
  margin-bottom: 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-header,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-header,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-header,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-header {
  margin-bottom: 16px;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card.rfs-collapsed .rfs-card-header,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card.rfs-collapsed .rfs-card-header,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card.rfs-collapsed .rfs-card-header,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card.rfs-collapsed .rfs-card-header {
  margin-bottom: -2px;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)):nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])),
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)):nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])),
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)):nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])),
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)):nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])) {
  margin-bottom: 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])),
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])) > [class*=col],
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])),
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])) > [class*=col],
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])),
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])) > [class*=col],
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])),
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body > :nth-last-child(1 of :not(br, .divider-hr, script, input[type=hidden])) > [class*=col] {
  margin-bottom: 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body .divider-hr,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body .divider-hr,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body .divider-hr,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body .divider-hr {
  margin: 16px 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) > .divider-hr, html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-main > .divider-hr, html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .formRowSize > .divider-hr,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) > .divider-hr,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-main > .divider-hr,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .formRowSize > .divider-hr,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) > .divider-hr,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-main > .divider-hr,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .formRowSize > .divider-hr,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) > .divider-hr,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-main > .divider-hr,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .formRowSize > .divider-hr {
  display: none;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body .panel,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body .panel,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body .panel,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .rfs-card-body .panel {
  margin-bottom: 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group > :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)),
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group > :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)),
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group > :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)),
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group > :is(.row, .form-row):not(:has(> :not([class*=col], input[type=hidden]))):not(:has(> .col-auto)):not(:has(> .form-inline)) {
  margin-bottom: 8px;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group > .row:has(> .col-auto) > [class*=col],
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group > .row:has(> .col-auto) > [class*=col],
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group > .row:has(> .col-auto) > [class*=col],
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group > .row:has(> .col-auto) > [class*=col] {
  margin-bottom: 8px;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields .form-group {
  margin-bottom: 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .nested-fields {
  margin-bottom: 8px;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .links,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .links,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .links,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .links {
  margin-top: 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .remove-link,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .remove-link,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .red-links .remove-link,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .red-links .remove-link {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .btmRadioSelector,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .btmRadioSelector,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .btmRadioSelector,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .btmRadioSelector {
  padding: 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl),
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl),
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl),
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 0 0 12px;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .radioLbl,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .radioLbl,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .radioLbl,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .radioLbl {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .radioLbl > label,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .radioLbl > label,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .radioLbl > label,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .radioLbl > label {
  margin: 0;
  padding: 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .form-group,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .form-group,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .form-group,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) > .form-group {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) .inlineRadio > ul,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) .inlineRadio > ul,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) .inlineRadio > ul,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) .inlineRadio > ul {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) .inlineRadio > ul > li,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) .inlineRadio > ul > li,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) .inlineRadio > ul > li,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .form-row:has(> .radioLbl) .inlineRadio > ul > li {
  margin: 0;
}
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .btmRadioSelector > .form-row:last-child,
html[data-edc-new][data-density=compact] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .panel-body > .form-row:has(> .radioLbl):last-child,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .btmRadioSelector > .form-row:last-child,
html[data-edc-new] [data-fit-density=compact] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .panel-body > .form-row:has(> .radioLbl):last-child,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .btmRadioSelector > .form-row:last-child,
html[data-edc-new][data-density=open] .rfs--v3:not([data-fit-density] *) :is([data-rfs-root], #mainTab form > fieldset) .panel-body > .form-row:has(> .radioLbl):last-child,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .btmRadioSelector > .form-row:last-child,
html[data-edc-new] [data-fit-density=open] .rfs--v3 :is([data-rfs-root], #mainTab form > fieldset) .panel-body > .form-row:has(> .radioLbl):last-child {
  margin-bottom: 0;
}

.rfs-card-fold-names {
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: #4b5563;
  line-height: 1.5;
}

.rfs-card:not(.rfs-collapsed) .rfs-card-fold-names {
  display: none;
}

.appearance-density-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media (max-width: 576px) {
  .appearance-density-grid {
    gap: 8px;
  }
  .appearance-density-grid .appearance-density-card {
    padding: 8px 6px;
  }
  .appearance-density-grid .appearance-density-preview {
    height: 48px;
    padding: 5px 6px;
  }
}

.appearance-density-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  padding: 10px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  text-align: center;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.appearance-density-card:hover {
  border-color: #93c5fd;
}
.appearance-density-card:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.appearance-density-card--active {
  border-color: #2563eb;
  box-shadow: 0 0 0 1px #2563eb;
}

.appearance-density-preview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 56px;
  padding: 6px 8px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  background: #f8fafc;
  overflow: hidden;
}

.appearance-density-preview__row {
  display: flex;
  gap: 4px;
  align-items: center;
}

.appearance-density-preview__label {
  height: 3px;
  width: 30%;
  border-radius: 2px;
  background: #6b7280;
  flex: none;
}

.appearance-density-preview__field {
  height: 7px;
  flex: 1;
  border: 1px solid #9ca3af;
  border-radius: 2px;
  background: #fff;
}

.appearance-density-preview--compact {
  gap: 3px;
}

.appearance-density-preview--standard .appearance-density-preview__row,
.appearance-density-preview--open .appearance-density-preview__row {
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
}
.appearance-density-preview--standard .appearance-density-preview__label,
.appearance-density-preview--open .appearance-density-preview__label {
  width: 40%;
}
.appearance-density-preview--standard .appearance-density-preview__field,
.appearance-density-preview--open .appearance-density-preview__field {
  flex: none;
}

.appearance-density-preview--standard {
  gap: 5px;
}

.appearance-density-preview--open {
  gap: 9px;
}

.appearance-density-card__name {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  color: #374151;
  line-height: 1.5;
}

.appearance-density-card__desc {
  font-size: var(--edc-fs-eyebrow);
  color: #4b5563;
  line-height: 1.5;
}

.pas h1, .pas h2, .pas h3, .pas h4 {
  text-shadow: none;
}

.pas-head {
  margin: 0 0 16px;
}

.pas-head__lede {
  margin: 8px 0 0;
  max-width: 70ch;
  font-size: var(--edc-fs-body);
  color: #35404d;
  line-height: 1.55;
}

.pas-head__state {
  margin: 8px 0 0;
  max-width: 70ch;
  font-size: var(--edc-fs-secondary);
  color: #556070;
  line-height: 1.5;
}

.pas-empty {
  margin: 0;
  padding: 16px 18px;
  border: 1px dashed #c9d2de;
  border-radius: 12px;
  font-size: var(--edc-fs-body);
  color: #35404d;
}

.pas-bar {
  position: sticky;
  top: 0;
  z-index: 3;
  display: grid;
  gap: 2px;
  margin: 0 0 16px;
  padding: 12px 16px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.pas-bar__count {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2d3d;
}

.pas-bar__effect {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
  line-height: 1.5;
}
.pas-bar__effect:empty {
  display: none;
}

.pas-group {
  margin: 0 0 24px;
}

.pas-group__title {
  margin: 0 0 12px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1f2d3d;
}

.pas-tiles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1399px) {
  .pas-tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .pas-tiles {
    grid-template-columns: minmax(0, 1fr);
  }
}

.pas-tile {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #fff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.pas-tile--picked {
  border-color: #2f5cc4;
  box-shadow: 0 0 0 1px #2f5cc4;
}
.pas-tile--needed {
  border-color: #f0d29b;
  background: #fff6e5;
  box-shadow: none;
}

.pas-tile__head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.pas-tile__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #eef3fc;
  color: #2f5cc4;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.pas-tile__name {
  margin: 0;
  min-width: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.pas-tile__line {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
  line-height: 1.5;
}

.pas-tile__marks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pas-tile__marks:empty {
  display: none;
}

.pas-tile__locked {
  margin: auto 0 0;
  font-size: var(--edc-fs-secondary);
  color: #7a4b00;
  line-height: 1.5;
}
.pas-tile__locked a {
  color: #7a4b00;
  font-weight: 700;
  text-decoration: underline;
}

.pas-mark {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f7f9fc;
  border: 1px solid #e3e8ef;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #35404d;
  line-height: 1.5;
}
.pas-mark--needed {
  background: #fff;
  border-color: #f0d29b;
  color: #7a4b00;
}
.pas-mark--new {
  background: #eef8f2;
  border-color: #bfe3cf;
  color: #0b5c3a;
}

.pas-pick {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: auto 0 0;
  padding: 0 12px;
  border: 1px solid #c9d2de;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #35404d;
}
.pas-pick input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #2f5cc4;
  cursor: pointer;
}
.pas-pick:hover {
  border-color: #2f5cc4;
}
.pas-pick:has(input:checked) {
  border-color: #2f5cc4;
  background: #eef3fc;
  color: #1f2d3d;
}
.pas-pick:has(input:focus-visible) {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.pas-acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 0;
}

.pas-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid #c9d2de;
  border-radius: 8px;
  background: #fff;
  color: #35404d;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}
.pas-btn:hover {
  background: #f7f9fc;
  color: #1f2d3d;
  text-decoration: none;
}
.pas-btn:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.pas-btn--primary {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
}
.pas-btn--primary:hover {
  background: #2549a8;
  color: #fff;
}
.pas-btn--quiet {
  border-color: transparent;
  background: transparent;
  color: #2f5cc4;
}
.pas-btn--quiet:hover {
  background: #eef3fc;
}
.pas-btn[disabled] {
  opacity: 0.6;
  cursor: default;
}

.pas-see {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 16px 18px;
  list-style: none;
}
@media (max-width: 991px) {
  .pas-see {
    grid-template-columns: minmax(0, 1fr);
  }
}

.pas-see__card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #fff;
}

.pas-see__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}
.pas-see__title i {
  color: #2f5cc4;
}

.pas-see__what {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
  line-height: 1.5;
}

.pas-see__state {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1f2d3d;
  line-height: 1.5;
}

.pas-see__new {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #0b5c3a;
  font-weight: 600;
}

.pas-see__act {
  margin-top: auto;
}

.pas-see__keep {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin: 0;
  padding: 0 18px 16px;
}
.pas-see__keep p {
  margin: 0;
  max-width: 72ch;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
  line-height: 1.5;
}
.pas-see__keep form {
  margin: 0;
}

.pas-week__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0 0 16px;
}

.pas-seg {
  display: inline-flex;
  padding: 3px;
  border: 1px solid #c9d2de;
  border-radius: 10px;
  background: #f7f9fc;
}

.pas-seg__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #35404d;
  text-decoration: none;
}
.pas-seg__item:hover {
  color: #1f2d3d;
  text-decoration: none;
  background: #fff;
}
.pas-seg__item:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
}
.pas-seg__item.is-current {
  background: #fff;
  color: #1f2d3d;
  box-shadow: 0 1px 2px rgba(31, 45, 61, 0.12);
}

.pas-week__board {
  display: grid;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  margin: 0 0 16px;
}
@media (max-width: 991px) {
  .pas-week__board {
    grid-template-columns: minmax(0, 1fr);
  }
}

.pas-tray {
  position: sticky;
  top: 8px;
  display: grid;
  gap: 8px;
  max-height: calc(100vh - 32px);
  overflow: auto;
  padding: 14px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #f7f9fc;
}
@media (max-width: 991px) {
  .pas-tray {
    position: static;
    max-height: none;
  }
}

.pas-tray__how {
  margin: -4px 0 4px;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
}

.pas-tray__group {
  margin: 8px 0 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pas-tray__cards {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pas-card {
  position: relative;
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
  cursor: grab;
}
.pas-card:active {
  cursor: grabbing;
}

.pas-card__top {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.pas-card__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: #eef3fc;
  color: #2f5cc4;
}

.pas-card__words {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #1f2d3d;
  line-height: 1.35;
}

.pas-card__tally {
  flex: 0 0 auto;
  padding: 0 8px;
  border-radius: 999px;
  background: #2f5cc4;
  color: #fff;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  line-height: 1.6;
}

.pas-card__line {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
  line-height: 1.45;
}

.pas-card__place {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: 6px;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid #c9d2de;
  border-radius: 8px;
  background: #fff;
  color: #2f5cc4;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  cursor: pointer;
}
.pas-card__place:hover {
  background: #eef3fc;
}
.pas-card__place:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.pas-place {
  margin: 0;
}

.pas-place__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 6px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.pas-place__slot {
  width: 100%;
  min-height: 36px;
  padding: 4px 8px;
  border: 1px solid #c9d2de;
  border-radius: 8px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1f2d3d;
  text-align: left;
  cursor: pointer;
}
.pas-place__slot:hover {
  border-color: #2f5cc4;
  background: #eef3fc;
}
.pas-place__slot:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
}

.pas-cal {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.pas-cal--week {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
@media (max-width: 1679px) {
  .pas-cal--week {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .pas-cal--week {
    grid-template-columns: minmax(0, 1fr);
  }
}

.pas-cal--day {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 767px) {
  .pas-cal--day {
    grid-template-columns: minmax(0, 1fr);
  }
}

.pas-cal__row {
  display: grid;
  grid-template-columns: 64px repeat(5, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
}
@media (max-width: 767px) {
  .pas-cal__row {
    grid-template-columns: minmax(0, 1fr);
  }
}

.pas-cal__week {
  align-self: center;
  margin: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
}

.pas-cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  min-height: 120px;
  padding: 8px;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
}
.pas-cell--over {
  border-color: #2f5cc4;
  box-shadow: 0 0 0 2px rgba(47, 92, 196, 0.25);
  background: #eef3fc;
}
.pas-cell:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
}
@media (max-width: 767px) {
  .pas-cell {
    min-height: 64px;
  }
}

.pas-cal--month .pas-cell {
  min-height: 72px;
}

.pas-cell__name {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #1f2d3d;
}

.pas-cell__chips {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pas-chip {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  padding: 4px 2px 4px 8px;
  border: 1px solid #c9d6f2;
  border-radius: 8px;
  background: #eef3fc;
}

.pas-chip__words {
  flex: 1 1 6rem;
  min-width: 0;
  padding-top: 3px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1f2d3d;
  line-height: 1.35;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}

.pas-chip__remove {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #35404d;
  cursor: pointer;
}
.pas-chip__remove:hover {
  background: #dbe5f8;
  color: #1f2d3d;
}
.pas-chip__remove:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
}

.pas-list {
  margin: 0 0 16px;
}

.pas-list__rows {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pas-list__row {
  padding: 12px 16px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #fff;
}

.pas-list__set {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.pas-list__card {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  color: #1f2d3d;
}
.pas-list__card i {
  color: #2f5cc4;
}

.pas-list__line {
  margin: 2px 0 8px;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
}

.pas-often {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.pas-often__opt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #c9d2de;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #35404d;
  cursor: pointer;
}
.pas-often__opt input {
  margin: 0;
  accent-color: #2f5cc4;
}
.pas-often__opt:has(input:checked) {
  border-color: #2f5cc4;
  background: #eef3fc;
  color: #1f2d3d;
}
.pas-often__opt:has(input:focus-visible) {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
}

.pas-days {
  margin: 8px 0 0;
}
.pas-days > summary {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #2f5cc4;
  cursor: pointer;
}

.pas-days__boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 6px 0 0;
}

.pas-days__day {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid #c9d2de;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
  cursor: pointer;
}
.pas-days__day input {
  margin: 0;
  accent-color: #2f5cc4;
}

.pas-read {
  margin: 0 0 16px;
  padding: 16px 18px;
  border: 1px solid #c9d6f2;
  border-radius: 12px;
  background: #f4f7fd;
}

.pas-read__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1f2d3d;
}

.pas-read__empty {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #35404d;
}

.pas-read__lines {
  display: grid;
  gap: 10px;
  margin: 0;
}

.pas-read__line {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 4px 16px;
}
.pas-read__line dt {
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #556070;
}
.pas-read__line dd {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .pas-read__line {
    grid-template-columns: minmax(0, 1fr);
  }
}

.pas-read__needs {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pas-read__role {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-left: 4px;
}
.pas-read__role a {
  font-weight: 600;
  color: #2f5cc4;
}

.pas-read__yes {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #c9d2de;
  border-radius: 8px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1f2d3d;
  cursor: pointer;
}
.pas-read__yes input {
  margin: 0;
  accent-color: #2f5cc4;
}
.pas-read__yes:has(input:checked) {
  border-color: #2f5cc4;
  background: #eef3fc;
}

.pas-read__effect {
  margin: 12px 0 0;
  padding-top: 10px;
  border-top: 1px solid #dbe3f3;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2d3d;
}

@media (max-width: 576px) {
  .pas-bar {
    position: static;
  }
  .pas-see {
    padding: 12px 14px;
  }
  .pas-acts .pas-btn {
    flex: 1 1 100%;
  }
}
.pas-role-pick {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1f2d3d;
}

.pas-role-pick__select {
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid #c9d2de;
  border-radius: 8px;
  background: #fff;
  font-size: var(--edc-fs-body);
  color: #1f2d3d;
}
.pas-role-pick__select:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
}

.fit {
  position: fixed;
  left: var(--fit-left, 0);
  right: 96px;
  bottom: calc(16px + var(--fit-offset, 0px));
  z-index: 1065;
  display: grid;
  gap: 8px;
  max-width: 1180px;
  margin: 0 auto;
  pointer-events: none;
}
@media (min-width: 992px) {
  .fit {
    left: calc(var(--site-menubar-width, 260px) + 16px);
  }
}
@media (max-width: 991px) {
  .fit {
    left: 8px;
    right: 8px;
    bottom: calc(84px + var(--fit-offset, 0px));
  }
}
.fit > * {
  pointer-events: auto;
}
.fit h2, .fit p {
  text-shadow: none;
}
.fit[hidden] {
  display: none;
}

.fit__bar {
  display: grid;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid #d3dae5;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(31, 45, 61, 0.18);
}

.fit__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
}

.fit__title {
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1f2d3d;
}

.fit__count {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.fit__words {
  margin: 0;
  max-width: 90ch;
  font-size: var(--edc-fs-body);
  color: #35404d;
  line-height: 1.5;
}
.fit__words:empty {
  display: none;
}

.fit__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}

.fit__show, .fit__pick, .fit__leave {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.fit__leave {
  margin-left: auto;
}

.fit__label {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.fit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 44px;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid #d3dae5;
  border-radius: 8px;
  background: #fff;
  color: #35404d;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
}
.fit-btn:hover {
  background: #f7f9fc;
  color: #1f2d3d;
}
.fit-btn:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.fit-btn--side {
  min-width: 48px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}
.fit-btn--side[aria-pressed=true] {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
}
.fit-btn--pick {
  border-color: #2f5cc4;
  color: #2f5cc4;
}
.fit-btn--pick:hover {
  background: #eef3fc;
  color: #2f5cc4;
}
.fit-btn--quiet {
  border-color: transparent;
  background: transparent;
  color: #556070;
}
.fit-btn--quiet:hover {
  background: #f7f9fc;
}

.fit--side .fit__show {
  display: none;
}

.fit__panel:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.fit__panel {
  max-height: min(62vh, 720px);
  overflow: auto;
  padding: 12px;
  border: 1px solid #d3dae5;
  border-radius: 14px;
  background: #f7f9fc;
  box-shadow: 0 10px 30px rgba(31, 45, 61, 0.18);
}
.fit__panel[hidden] {
  display: none;
}

.fit__panel-title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  color: #1f2d3d;
}

.fit__cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.fit--side .fit__cols {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fit-col {
  min-width: 0;
  padding: 8px;
  border: 1px solid #d3dae5;
  border-radius: 10px;
  background: #fff;
}

.fit-col__head {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  margin: 0 0 8px;
  border-radius: 8px;
  background: #2f5cc4;
  color: #fff;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}

.fit-part {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.fit-ring {
  animation: fit-ring 1.5s ease-out 1;
}

@keyframes fit-ring {
  0% {
    box-shadow: 0 0 0 0 rgba(47, 92, 196, 0.55);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(47, 92, 196, 0);
  }
}
.fitp__levers {
  padding: 0;
  margin: 0 0 12px;
}

.fitp__start {
  margin: 0 0 24px;
}

.fitp__plain {
  margin: 0 0 16px;
  padding: 12px 16px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #fff;
}

.fitp__plain-summary {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1f2d3d;
  cursor: pointer;
}

.fitp__form {
  margin: 12px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid #e3e8ef;
}

.fitp__choices {
  display: grid;
  gap: 6px;
  margin: 0 0 10px;
}

.fitp__choice {
  justify-content: flex-start;
  min-height: 44px;
  padding: 6px 12px;
  line-height: 1.45;
}

@media (prefers-reduced-motion: reduce) {
  .fit-ring {
    animation: none;
  }
}
.sc-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0;
  margin: 0 0 16px;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}

.sc-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 14px 16px 12px;
  box-shadow: -1px 0 0 #e3e8ef, 0 -1px 0 #e3e8ef;
}
.sc-card__name {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  line-height: 1.35;
  color: #556070;
}
.sc-card__band {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  color: #1f2d3d;
  line-height: 1.2;
}
.sc-card__why {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
  line-height: 1.45;
}
.sc-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: auto 0 0;
  padding-top: 10px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.sc-card__foot a {
  color: #2f5cc4;
  font-weight: 600;
  text-decoration: none;
}
.sc-card__foot a:hover {
  text-decoration: underline;
}
.sc-card__foot:empty {
  display: none;
}

.sc-meter {
  display: inline-flex;
  align-items: flex-end;
  gap: 3px;
  height: 16px;
  flex: 0 0 auto;
}

.sc-meter__bar {
  width: 5px;
  border-radius: 2px;
  background: #dde3ec;
}
.sc-meter__bar:nth-child(1) {
  height: 7px;
}
.sc-meter__bar:nth-child(2) {
  height: 11px;
}
.sc-meter__bar:nth-child(3) {
  height: 16px;
}

.sc-card--ok .sc-meter__bar.is-on {
  background: #0d9f6e;
}

.sc-card--warn .sc-meter__bar.is-on {
  background: #c2620e;
}

.sc-card--danger .sc-meter__bar.is-on {
  background: #b42318;
}

.sc-card--muted .sc-card__word {
  color: #556070;
  font-weight: 600;
}

.sc-cards--compact {
  margin-bottom: 12px;
}
.sc-cards--compact .sc-card {
  padding: 12px 14px 10px;
}
.sc-cards--compact .sc-card__band {
  font-size: calc(var(--edc-fs-heading) * 15.5 / 16);
}
.sc-cards--compact .sc-card__why {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}

.pm-body {
  margin: 0;
  background: #f7f8fb;
  color: #1f2d3d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.pm-body--embed {
  background: transparent;
}
.pm-body a {
  color: var(--face-primary, #2f5cc4);
}

.pm-shell {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 20px;
}

.pm-topbar {
  background: #fff;
  border-bottom: 1px solid #e3e8ef;
}
.pm-topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 14px;
  padding-bottom: 14px;
}
.pm-topbar__org {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
}
.pm-topbar__nav {
  display: flex;
  gap: 18px;
}
.pm-topbar__nav a {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #35404d;
  text-decoration: none;
}
.pm-topbar__nav a:hover {
  color: var(--face-primary, #2f5cc4);
  text-decoration: underline;
}

.pm-main {
  padding: 28px 20px 48px;
}

.pm-footer {
  border-top: 1px solid #e3e8ef;
  padding: 18px 20px 28px;
  text-align: center;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.pm-title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 23.8 / 24);
  font-weight: 700;
}

.pm-sub {
  margin: 0 0 20px;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
  color: #556070;
}

.pm-band-title {
  margin: 0 0 10px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #556070;
}

.pm-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  border-radius: 8px;
  background: var(--face-primary, #2f5cc4);
  color: #fff;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  padding: 9px 16px;
  cursor: pointer;
  text-decoration: none;
}
.pm-btn:hover {
  background: var(--face-primary-strong, #2549a8);
  color: #fff;
}
.pm-btn:focus-visible {
  outline: 2px solid #1f2d3d;
  outline-offset: 2px;
}
.pm-btn--ghost {
  background: transparent;
  color: var(--face-primary, #2f5cc4);
  border: 1px solid #b9c6e4;
}
.pm-btn--ghost:hover {
  background: #eef2fb;
  color: var(--face-primary-strong, #2549a8);
}

.pm-body a.pm-btn {
  color: #fff;
}
.pm-body a.pm-btn:hover {
  color: #fff;
}

.pm-body a.pm-btn--ghost {
  color: var(--face-primary, #2f5cc4);
}
.pm-body a.pm-btn--ghost:hover {
  color: var(--face-primary-strong, #2549a8);
}

.pm-filter {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
.pm-filter__input, .pm-filter__select {
  border: 1px solid #cbd4e1;
  border-radius: 8px;
  padding: 9px 12px;
  font-size: var(--edc-fs-body);
  min-width: 200px;
  background: #fff;
}
.pm-filter__input:focus-visible, .pm-filter__select:focus-visible {
  outline: 2px solid var(--face-primary, #2f5cc4);
  outline-offset: 1px;
}
.pm-filter__clear {
  align-self: center;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}

.pm-featured {
  margin-bottom: 26px;
}

.pm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
}

.pm-card {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 16px 18px;
}
.pm-card--featured {
  border-color: var(--face-primary, #2f5cc4);
  box-shadow: 0 1px 0 var(--face-primary, #2f5cc4) inset;
}
.pm-card__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.pm-card__name {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 15.5 / 16);
  font-weight: 700;
}
.pm-card__tier {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--face-primary, #2f5cc4);
  white-space: nowrap;
}
.pm-card__category {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}
.pm-card__blurb {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
}
.pm-card__facts {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
}
.pm-card__facts i {
  width: 16px;
  color: #68737f;
}

.pm-empty {
  background: #fff;
  border: 1px dashed #cbd4e1;
  border-radius: 12px;
  padding: 32px 20px;
  text-align: center;
  font-size: var(--edc-fs-body);
  color: #556070;
}

.pm-events {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pm-event {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 16px 18px;
}
.pm-event__date {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 6px 12px;
  min-width: 56px;
}
.pm-event__month {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #b02f28;
}
.pm-event__day {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 700;
  line-height: 1.1;
}
.pm-event__body {
  flex: 1 1 auto;
  min-width: 0;
}
.pm-event__name {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 15.5 / 16);
  font-weight: 700;
}
.pm-event__name a {
  color: inherit;
  text-decoration: none;
}
.pm-event__name a:hover {
  color: var(--face-primary, #2f5cc4);
  text-decoration: underline;
}
.pm-event__meta {
  margin: 3px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.pm-event__desc {
  margin: 6px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
}
.pm-event__cta {
  flex: 0 0 auto;
  align-self: center;
}
@media (max-width: 560px) {
  .pm-event {
    flex-wrap: wrap;
  }
  .pm-event .pm-event__cta {
    align-self: flex-start;
  }
}

.pm-listings {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 14px;
}

.pm-listing {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.pm-listing__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
.pm-listing__title {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 15.5 / 16);
  font-weight: 700;
}
.pm-listing__until {
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #93550c;
  white-space: nowrap;
}
.pm-listing__member {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
}
.pm-listing__body {
  margin: 2px 0 4px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
}

.pm-page__title {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 800;
  margin: 24px 0 16px;
}

.pm-lead {
  color: #556070;
  margin: 0 0 20px;
  font-size: var(--edc-fs-heading);
}

.pm-trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.pm-note {
  border-radius: 8px;
  padding: 12px 14px;
  margin: 0 0 16px;
  background: #eef2fb;
  color: #1f2d3d;
  font-weight: 600;
}

.pm-note--ok {
  background: #e6f6ee;
  color: #0b5c3a;
}

.pm-note--error {
  background: #fdecec;
  color: #9b1c1c;
}

.pm-join__step {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: var(--edc-fs-title);
  margin: 24px 0 12px;
  padding: 0;
}
.pm-join__step span {
  display: inline-flex;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: var(--face-primary, #2f5cc4);
  color: #fff;
  font-size: var(--edc-fs-body);
}

.pm-join__levels, .pm-join__details {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}

.pm-level {
  display: flex;
  gap: 12px;
  cursor: pointer;
  align-items: flex-start;
}

.pm-level input {
  margin-top: 4px;
  accent-color: var(--face-primary, #2f5cc4);
}

.pm-level:has(input:checked) {
  outline: 2px solid var(--face-primary, #2f5cc4);
  outline-offset: -2px;
  background: #f4f7fd;
}

.pm-level__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pm-level__price {
  font-weight: 800;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  color: var(--face-primary, #2f5cc4);
}

.pm-level__benefits {
  margin: 4px 0 0;
  padding-left: 18px;
  color: #35404d;
  font-size: var(--edc-fs-body);
}

.pm-join__grid {
  display: grid;
  gap: 0 16px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.pm-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 14px;
  font-weight: 600;
  font-size: var(--edc-fs-body);
  color: #35404d;
}

.pm-field .pm-filter__input {
  width: 100%;
  box-sizing: border-box;
}

.pm-join__note {
  color: #556070;
  margin: 0 0 12px;
}

.pm-subscribe__fields {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pm-subscribe__fields .pm-filter__input {
  flex: 1 1 200px;
  min-width: 0;
}

.pm-subscribe__msg {
  margin: 10px 0 0;
  font-weight: 600;
  color: #0b5c3a;
}
.pm-subscribe__msg:empty {
  display: none;
}

.pm-subscribe__msg.pm-note--error {
  background: transparent;
  padding: 0;
  color: #9b1c1c;
}

.pm-card--logo {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.pm-card--logo .pm-card__head, .pm-card--logo .pm-card__category, .pm-card--logo .pm-card__blurb, .pm-card--logo .pm-card__facts, .pm-card--logo .pm-card__more {
  grid-column: 2;
}

.pm-card__logo {
  grid-row: 1/span 5;
  width: 64px;
  height: 64px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e3e8ef;
}

.pm-card__more {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.pm-link {
  color: var(--face-primary, #2f5cc4);
}

.pm-member__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  margin: 24px 0 20px;
}

.pm-member__logo {
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e3e8ef;
}

.pm-member__name {
  margin: 4px 0 6px;
  font-size: calc(var(--edc-fs-display) * 30 / 24);
  font-weight: 800;
  color: #1f2d3d;
  line-height: 1.15;
}

.pm-member__tagline {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  color: #556070;
}

.pm-member__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
  gap: 24px;
  align-items: start;
  margin-bottom: 40px;
}
@media (max-width: 800px) {
  .pm-member__grid {
    grid-template-columns: 1fr;
  }
}

.pm-member__section {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  padding: 18px 20px;
  margin: 0 0 16px;
}
.pm-member__section h2 {
  margin: 0 0 10px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1f2d3d;
}
.pm-member__section p {
  color: #35404d;
  line-height: 1.6;
}

.pm-member__photos {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 10px;
}
.pm-member__photos li {
  position: relative;
}
.pm-member__photos img {
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  display: block;
  background: #eef1f5;
}
.pm-member__photos span {
  display: block;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
  margin-top: 4px;
}

.pm-member__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}
.pm-member__cats a {
  text-decoration: none;
}

.pm-member__contact .pm-card__facts {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}
.pm-member__contact .pm-card__facts li {
  margin: 0 0 8px;
  color: #35404d;
  font-size: calc(var(--edc-fs-body) * 14.5 / 14);
}
.pm-member__contact .pm-card__facts i {
  width: 18px;
  color: var(--face-primary, #2f5cc4);
}

.pm-member__social {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: flex;
  gap: 8px;
}
.pm-member__social a {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eef2fb;
  color: var(--face-primary, #2f5cc4);
  text-decoration: none;
}

.pm-member__hours {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
}
.pm-member__hours th {
  text-align: left;
  font-weight: 600;
  color: #35404d;
  padding: 4px 8px 4px 0;
  width: 3.5em;
}
.pm-member__hours td {
  color: #556070;
  padding: 4px 0;
}

.pm-body {
  font-family: var(--face-body-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

.pm-body h1, .pm-body h2, .pm-body h3 {
  font-family: var(--face-heading-font, inherit);
}

.pm-identity {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}

.pm-identity__logo {
  height: 32px;
  width: auto;
  max-width: 150px;
}

.dist-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 4px 6px 40px;
}
.dist-page h1, .dist-page h2, .dist-page h3 {
  text-shadow: none;
}

.dist-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 10px 0 18px;
}
.dist-head__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  font-weight: 700;
  color: #1f2d3d;
}
.dist-head__sub {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
  max-width: 560px;
}
.dist-head__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.dist-link {
  color: #2f5cc4;
  text-decoration: underline;
}

.dist-btn {
  min-width: 0;
}

.dist-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 14px;
}
.dist-stats--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 900px) {
  .dist-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.dist-stat {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 14px 16px;
}
.dist-stat__value {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: #1f2d3d;
  font-variant-numeric: tabular-nums;
}
.dist-stat__label {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}

.dist-add {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 0 0 14px;
}
.dist-add__heading {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  color: #1f2d3d;
}
.dist-add__form {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.dist-add__label {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}
.dist-add__input {
  max-width: 280px;
}
.dist-add__clear {
  padding-left: 4px;
}
.dist-add__results {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
.dist-add__result {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 2px;
  border-top: 1px solid #eef1f6;
}
.dist-add__name {
  font-weight: 600;
  color: #1f2d3d;
}
.dist-add__meta {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #68737f;
}
.dist-add__action {
  margin-left: auto;
  display: inline;
}
.dist-add__none {
  margin: 12px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.dist-roster {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  overflow: hidden;
}
.dist-roster__scroll {
  overflow-x: auto;
}
.dist-roster__count {
  margin: 0;
  padding: 10px 16px;
  border-top: 1px solid #eef1f6;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.dist-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.dist-table th {
  text-align: left;
  padding: 11px 16px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #556070;
  border-bottom: 1px solid #e3e8ef;
  white-space: nowrap;
}
.dist-table td {
  padding: 11px 16px;
  border-bottom: 1px solid #eef1f6;
  color: #35404d;
  vertical-align: middle;
}
.dist-table tbody tr:last-child td {
  border-bottom: 0;
}
.dist-table tbody tr:hover td {
  background: #f8fafc;
}
.dist-table__name {
  font-weight: 600;
  color: #1f2d3d;
  text-decoration: none;
}
.dist-table__name:hover {
  text-decoration: underline;
}
.dist-table__actions {
  text-align: right;
}
.dist-table__action {
  display: inline;
}

.dist-empty {
  padding: 44px 24px;
  text-align: center;
}
.dist-empty__line {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2d3d;
}
.dist-empty__hint {
  margin: 0 auto;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
  max-width: 480px;
}

.dst-crumb {
  margin: 0 0 2px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
}

.dst-period {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.dst-period__label {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}
.dst-period__select {
  max-width: 150px;
}

.dst-tilelink {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 600;
  margin-left: 4px;
}

.dst-forms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 14px;
}
@media (max-width: 1100px) {
  .dst-forms {
    grid-template-columns: minmax(0, 1fr);
  }
}
.dst-forms .dist-add {
  margin: 0;
}

.dst-form {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.dst-form__field {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 170px;
  flex: 1 1 170px;
}
.dst-form__field label {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}
.dst-form__field--sm {
  min-width: 100px;
  flex: 0 1 120px;
}
.dst-form__check {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-bottom: 8px;
}
.dst-form__check label {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}

.dst-hint {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.dst-trails {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1100px) {
  .dst-trails {
    grid-template-columns: minmax(0, 1fr);
  }
}

.dst-trail__heading {
  margin: 0;
  padding: 12px 16px 0;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  color: #1f2d3d;
}

.dst-meta {
  display: block;
  font-size: var(--edc-fs-label);
  color: #68737f;
  margin-top: 1px;
}

.dst-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.dist-table th.dst-num {
  text-align: right;
}

.dst-none {
  margin: 0;
  padding: 12px 16px 16px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.drp-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 14px;
}

.drp-doc {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 34px 38px;
  max-width: 860px;
  margin: 0 auto;
}
.drp-doc__head {
  border-bottom: 2px solid #1f2d3d;
  padding-bottom: 14px;
  margin-bottom: 8px;
}
.drp-doc__org {
  margin: 0 0 2px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.drp-doc__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 23.8 / 24);
  font-weight: 700;
  color: #1f2d3d;
}
.drp-doc__period {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}
.drp-doc__foot {
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid #e3e8ef;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.drp-line {
  padding: 14px 0 10px;
  border-bottom: 1px solid #eef1f6;
}
.drp-line:last-of-type {
  border-bottom: 0;
}
.drp-line__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.drp-line__row--total {
  margin-top: 2px;
}
.drp-line__row--total .drp-line__name, .drp-line__row--total .drp-line__value {
  font-weight: 700;
}
.drp-line__name {
  margin: 0;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2d3d;
}
.drp-line__value {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 600;
  color: #1f2d3d;
  font-variant-numeric: tabular-nums;
}

.drp-prov {
  margin: 8px 0 0;
  padding: 0 0 0 16px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}
.drp-prov li {
  margin: 2px 0;
}
.drp-prov--empty, .drp-prov--derived {
  list-style: none;
  padding-left: 0;
  margin: 6px 0 0;
}

@media print {
  .site-menubar, .site-navbar, .site-footer, .drp-toolbar,
  .site-gridmenu, .page-aside {
    display: none !important;
  }
  .page, .page-content {
    margin: 0 !important;
    padding: 0 !important;
  }
  .drp-page {
    padding: 0;
  }
  .drp-doc {
    border: 0;
    border-radius: 0;
    padding: 0;
    max-width: none;
  }
}
.dist-pubdir__line {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
}
.dist-pubdir__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.dist-pubdir__action {
  display: inline;
}
.dist-pubdir__note {
  margin: 10px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.dprop-table td {
  vertical-align: middle;
}

.dprop-select {
  max-width: 130px;
}

.dprop-units {
  max-width: 90px;
}

.dprop-row-form {
  display: none;
}

.dg-lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.dg-lanes--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1100px) {
  .dg-lanes {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.dg-lane__count {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
  margin-left: 6px;
}

.dg-badge {
  font-size: var(--edc-fs-label);
  font-weight: 600;
}
.dg-badge--warn {
  color: #6b5d0d;
}
.dg-badge--good {
  color: #1d5c38;
}

.dg-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0 16px 12px;
}

.dg-item {
  padding: 10px 0;
  border-top: 1px solid #eef1f6;
}
.dg-item:first-child {
  border-top: 0;
}
.dg-item__title {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1f2d3d;
}
.dg-item__meta {
  margin: 1px 0 6px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.dg-item__ledger {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.dg-item__form {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.dg-item__amount {
  max-width: 110px;
}
.dg-item__inline {
  display: inline;
}
.dg-item__picker {
  width: 100%;
  max-width: 320px;
  height: auto;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
}
.dg-item__check {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.dg-item__check label {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}

.dwp-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1100px) {
  .dwp-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.dwp-card {
  margin: 0;
}

.dwp-plan__title {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1f2d3d;
}
.dwp-plan__meta {
  margin: 1px 0 6px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}
.dwp-plan__items {
  margin: 0 0 10px;
  padding-left: 18px;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
}
.dwp-plan__items li {
  margin: 2px 0;
}
.dwp-plan__items .dst-meta {
  display: inline;
  margin-left: 6px;
}
.dwp-plan__more {
  color: #556070;
}
.dwp-plan__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.dwp-plan__inline {
  display: inline;
}

.dwp-attach {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 0 16px 14px;
}
.dwp-attach__select {
  max-width: 240px;
}
.dwp-attach__title {
  max-width: 260px;
}

.fln-note {
  margin: 0 0 14px;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #35404d;
}
.fln-note strong {
  color: #1f2d3d;
}

.fln-title-link {
  font-weight: 600;
  color: #1f2d3d;
}
.fln-title-link:hover, .fln-title-link:focus {
  color: #2f5cc4;
}

.fln-inline-label {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}

.fln-date {
  width: 142px;
  max-width: 100%;
}

.fln-money {
  width: 100px;
  max-width: 100%;
  font-variant-numeric: tabular-nums;
}

.fln-rows .drp-line__row + .drp-line__row,
.fln-rows .drp-prov + .drp-line__row {
  margin-top: 8px;
}

.fln-nowrap {
  white-space: nowrap;
}

.fln-pay {
  display: flex;
  align-items: flex-end;
  gap: 8px 12px;
  flex-wrap: wrap;
}
.fln-pay__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.fln-pay__field label {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}
.fln-pay__field--wide {
  flex: 1 1 220px;
  min-width: 0;
}

.dg-item .fln-pay {
  margin-top: 8px;
}

.fln-cancel {
  align-self: flex-end;
  padding-bottom: 6px;
  font-size: var(--edc-fs-secondary);
}

.fln-lanes {
  align-items: start;
}

.fln-side {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.fln-side .dist-add {
  margin: 0;
}

.fln-panel .dst-hint {
  margin-top: 12px;
}

.fln-hint--first {
  margin: 0 0 12px !important;
}

.fln-table td, .fln-table th {
  padding-left: 16px;
  padding-right: 16px;
}
.fln-table__row--open td {
  background: #f8fafc;
}
.fln-table tbody tr.fln-table__row--open:hover td {
  background: #f8fafc;
}

.fln-correct {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 4px 0;
}

.fln-void {
  padding-top: 16px;
  border-top: 1px solid #e3e8ef;
}

.fln-voided {
  padding: 12px 16px 16px;
  border-top: 1px solid #eef1f6;
}

.fln-subheading {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #556070;
}

.fln-voided__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-secondary);
  color: #35404d;
}
.fln-voided__list li + li {
  margin-top: 6px;
}
.fln-voided__list .dst-meta {
  display: inline;
  margin-left: 6px;
}

.fln-close {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}

.fln-choice {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.fln-choice__legend {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}
.fln-choice__option {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.fln-choice__option + .fln-choice__option {
  margin-top: 8px;
}
.fln-choice__option input {
  margin-top: 3px;
}
.fln-choice__option label {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  font-weight: 600;
  color: #1f2d3d;
}

.fln-terms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  margin: 0 0 12px;
}
.fln-terms dt {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #556070;
}
.fln-terms dd {
  margin: 4px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #1f2d3d;
  font-variant-numeric: tabular-nums;
}

.fln-closed {
  margin-top: 14px;
}
.fln-closed__item {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.fln-closed__meta {
  margin: 0;
}

.fln-close > .fln-pay {
  align-self: stretch;
}

.dst-form__field.fln-field-md {
  flex: 0 1 150px;
  min-width: 150px;
}

@media (max-width: 1180px) {
  .dist-stats.fln-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.vol-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 4px 6px 40px;
}
.vol-page h1, .vol-page h2, .vol-page h3 {
  text-shadow: none;
}

.vol-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 10px 0 18px;
}
.vol-head__crumb {
  margin: 0 0 2px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
}
.vol-head__title {
  margin: 0 0 4px;
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  font-weight: 700;
  color: #1f2d3d;
}
.vol-head__sub {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
  max-width: 620px;
}
.vol-head__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.vol-link {
  color: #2f5cc4;
  text-decoration: underline;
}

.vol-btn {
  min-width: 0;
}

.vol-optional {
  font-weight: 400;
  color: #68737f;
}

.vol-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 14px;
}
.vol-stats--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px) {
  .vol-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.vol-stat {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 14px 16px;
}
.vol-stat__value {
  margin: 0;
  font-size: calc(var(--edc-fs-title) * 21 / 18);
  font-weight: 700;
  color: #1f2d3d;
  font-variant-numeric: tabular-nums;
}
.vol-stat__label {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}

.vol-log {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 0 0 14px;
}
.vol-log__heading {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  color: #1f2d3d;
}
.vol-log__form {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.vol-log__field {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 180px;
  flex: 1 1 180px;
}
.vol-log__field label {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}
.vol-log__field--sm {
  min-width: 110px;
  flex: 0 1 130px;
}
.vol-log__none {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.vol-add {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 0 0 14px;
}
.vol-add__heading {
  margin: 0 0 10px;
  font-size: calc(var(--edc-fs-body) * 14.7 / 14);
  font-weight: 700;
  color: #1f2d3d;
}
.vol-add__form {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.vol-add__label {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #556070;
}
.vol-add__input {
  max-width: 280px;
}
.vol-add__clear {
  padding-left: 4px;
}
.vol-add__results {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
.vol-add__result {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 2px;
  border-top: 1px solid #eef1f6;
}
.vol-add__name {
  font-weight: 600;
  color: #1f2d3d;
}
.vol-add__meta {
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #68737f;
}
.vol-add__action {
  margin-left: auto;
  display: inline;
}
.vol-add__none {
  margin: 12px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.vol-roster {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  overflow: hidden;
}
.vol-roster__scroll {
  overflow-x: auto;
}
.vol-roster__count {
  margin: 0;
  padding: 10px 16px;
  border-top: 1px solid #eef1f6;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.vol-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.vol-table th {
  text-align: left;
  padding: 11px 16px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #556070;
  border-bottom: 1px solid #e3e8ef;
  white-space: nowrap;
}
.vol-table th.vol-table__num {
  text-align: right;
}
.vol-table td {
  padding: 11px 16px;
  border-bottom: 1px solid #eef1f6;
  color: #35404d;
  vertical-align: middle;
}
.vol-table tbody tr:last-child td {
  border-bottom: 0;
}
.vol-table tbody tr:hover td {
  background: #f8fafc;
}
.vol-table__name {
  font-weight: 600;
  color: #1f2d3d;
  text-decoration: none;
}
.vol-table__name:hover {
  text-decoration: underline;
}
.vol-table__num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.vol-table__actions {
  text-align: right;
}
.vol-table__action {
  display: inline;
}

.vol-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 600;
  color: #35404d;
  white-space: nowrap;
}
.vol-chip__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #98a2ae;
}
.vol-chip--active .vol-chip__dot {
  background: #0d9f6e;
}
.vol-chip--inactive .vol-chip__dot {
  background: #98a2ae;
}

.vol-empty {
  padding: 44px 24px;
  text-align: center;
}
.vol-empty__line {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  color: #1f2d3d;
}
.vol-empty__hint {
  margin: 0 auto;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
  max-width: 480px;
}

.icd {
  color: #1c2531;
}

.icd-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 14px;
}

.icd-head__lede {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  color: #556070;
}

.icd-figures {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0 0 14px;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  overflow: hidden;
  background: #dfe4ea;
}

.icd-figures__cell {
  padding: 12px 16px;
  background: #ffffff;
}
.icd-figures__cell dt {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #556070;
}
.icd-figures__cell dd {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.icd-figures__cell--late dd {
  color: #b42318;
}

.icd-lanes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
}

.icd-lanes__group {
  margin: 0 2px 0 8px;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
}
.icd-lanes__group:first-child {
  margin-left: 0;
}

.icd-lane {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #ffffff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  text-decoration: none;
}
.icd-lane:hover {
  border-color: #c9d2dd;
  color: #1c2531;
}
.icd-lane.is-active {
  background: #e6eefa;
  border-color: #c9d8f0;
  color: #1c3f75;
}
.icd-lane:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.icd-lane__count {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
  font-variant-numeric: tabular-nums;
}
.is-active .icd-lane__count {
  color: #1c3f75;
}

.icd-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.icd-split.is-open {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
}

.icd-list {
  min-width: 0;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  padding: 4px 0;
}

.icd-table {
  margin: 0;
}
.icd-table th {
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #556070;
  border-bottom-width: 1px;
}

.icd-table td, .icd-table th {
  padding: 10px 14px;
}

.icd-table tr[data-icd-open-row] td {
  background: #eef3fb;
}

.icd .icd-table__payer {
  display: block;
  font-weight: 600;
  color: #1c2531;
  text-decoration: none;
}
.icd .icd-table__payer:hover {
  color: #1c3f75;
  text-decoration: underline;
}

.icd-table__meta {
  display: block;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.icd-table__money {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.icd-late {
  font-weight: 700;
  color: #b42318;
  font-variant-numeric: tabular-nums;
}

.icd-split.is-open .icd-table__reminded {
  display: none;
}

.icd-count {
  margin: 4px 14px 8px;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.icd-clear {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px;
}
.icd-clear .fa-solid {
  color: #2f6b4f;
  font-size: var(--edc-fs-title);
}
.icd-clear p {
  margin: 0;
}

.icd-pane {
  position: sticky;
  top: 12px;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  padding: 16px 18px;
  max-height: calc(100vh - 140px);
  overflow: auto;
}

.icd-p__head {
  position: relative;
  padding-right: 30px;
}

.icd-p__close {
  position: absolute;
  top: -6px;
  right: -8px;
  color: #556070;
  min-width: 0 !important;
}

.icd-p__kicker {
  margin: 0;
  font-size: calc(var(--edc-fs-eyebrow) * 11.5 / 11);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
}

.icd-p__title {
  margin: 2px 0 0;
  font-size: calc(var(--edc-fs-title) * 19 / 18);
  font-weight: 700;
  text-shadow: none;
}
.icd-p__title:focus {
  outline: none;
}

.icd-p__owed {
  margin: 4px 0 0;
  font-size: var(--edc-fs-body);
}
.icd-p__owed strong {
  font-variant-numeric: tabular-nums;
}

.icd-p__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0 0;
  padding-bottom: 12px;
  border-bottom: 1px solid #dfe4ea;
}
.icd-p__acts .btn {
  min-width: 0 !important;
}
.icd-p__acts kbd {
  margin-left: 4px;
  padding: 0 4px;
  font-size: max(var(--edc-fs-floor, 0px), var(--edc-fs-fine) * 10.5 / 10);
  background: transparent;
  color: inherit;
  border: 1px solid currentColor;
  border-radius: 3px;
  opacity: 0.7;
}

.icd-p__why {
  margin: 8px 0 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  color: #556070;
}

.icd-p__error {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #b42318;
}

.icd-p__form {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #f5f7fa;
}
.icd-p__form label {
  display: grid;
  gap: 3px;
  margin: 0;
}
.icd-p__form label span {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
}

.icd-p__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.icd-p__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.icd-p__row .btn {
  min-width: 0 !important;
}

.icd-p__note {
  font-size: var(--edc-fs-label);
  color: #556070;
}

.icd-p__section {
  margin-top: 16px;
}

.icd-p__heading {
  margin: 0 0 6px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #556070;
  text-shadow: none;
}

.icd-p__subheading {
  margin: 10px 0 4px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  text-shadow: none;
}

.icd-p__facts {
  display: grid;
  gap: 4px;
  margin: 0;
}
.icd-p__facts div {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 8px;
}
.icd-p__facts dt {
  margin: 0;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  font-weight: 700;
  color: #556070;
}
.icd-p__facts dd {
  margin: 0;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
  overflow-wrap: anywhere;
}

.icd-p__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.icd-p__list li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 0;
  border-bottom: 1px solid #dfe4ea;
  font-size: calc(var(--edc-fs-secondary) * 13.5 / 13);
}
.icd-p__list li:last-child {
  border-bottom: 0;
}

.icd-p__paid {
  color: #2f6b4f;
}

.icd-p__links {
  margin: 10px 0 0;
  font-size: var(--edc-fs-secondary);
}

.icd-p__loading {
  margin: 0;
  color: #556070;
}

@media (max-width: 1100px) {
  .icd-split.is-open {
    grid-template-columns: minmax(0, 1fr);
  }
  .icd-pane {
    position: static;
    max-height: none;
  }
}
@media (max-width: 700px) {
  .icd-figures {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ═══════════════════════════════════════════════════════════════════════
   INVOICES, SIMPLE FIRST (docs/plans/invoices-simple-first.md)
   .ivh-  the simple home ("who owes us what") and the mark-paid dialog
   .isu-  the get-started wizard
   Spacing on the 4/8/12/16/24/32 scale; body ≥ 13px, labels ≥ 11px at
   #475467 or darker; status is words + icon, never colour alone; no
   coloured card edges.
   ═══════════════════════════════════════════════════════════════════════ */
.ivh {
  color: #101828;
}

.ivh-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.ivh-title {
  font-size: var(--edc-fs-display);
  font-weight: 700;
  margin: 0 0 4px;
  text-shadow: none;
}

.ivh-sub {
  font-size: var(--edc-fs-body);
  color: #475467;
  margin: 0;
}

.ivh-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ivh-actions .btn {
  min-width: 0;
}

.ivh-setup {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin-bottom: 24px;
  background: #f0f7f4;
  border: 1px solid #cfe3da;
  border-radius: 10px;
  font-size: var(--edc-fs-body);
  color: #344054;
}
.ivh-setup .ivh-setup__icon {
  color: #175a47;
  font-size: var(--edc-fs-title);
  flex: none;
}
.ivh-setup .ivh-setup__text {
  flex: 1 1 auto;
  min-width: 0;
}
.ivh-setup .btn {
  min-width: 0;
  flex: none;
}

.ivh-figures {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  margin-bottom: 24px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.ivh-figure {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 24px;
  min-width: 0;
}
.ivh-figure + .ivh-figure {
  border-left: 1px solid #eaecf0;
}

.ivh-figure__label {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #475467;
}

.ivh-figure__value {
  font-size: clamp(20px, 1.2rem + 0.6vw, 28px);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  line-height: 1.2;
}

.ivh-figure__sub {
  font-size: var(--edc-fs-secondary);
  color: #475467;
}

.ivh-figure--alert .ivh-figure__value {
  color: #b42318;
}

.ivh-figure--alert .ivh-figure__sub {
  color: #b42318;
}

@media (max-width: 767.98px) {
  .ivh-figures {
    grid-template-columns: minmax(0, 1fr);
  }
  .ivh-figure + .ivh-figure {
    border-left: 0;
    border-top: 1px solid #eaecf0;
  }
}
.ivh-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  gap: 24px;
  align-items: start;
}

@media (max-width: 1599.98px) {
  .ivh-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Made for you: a band under the figures — where invoices come from by
   themselves is the module's point, not a footnote. */
.ivh-band .ivh-card__hint {
  margin-bottom: 0;
}

.ivh-sources--band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 12px;
}
.ivh-sources--band .ivh-source {
  border-top: 0;
  padding: 0;
}
.ivh-sources--band .ivh-source + .ivh-source {
  border-left: 1px solid #f2f4f7;
  padding-left: 24px;
}

@media (max-width: 1199.98px) {
  .ivh-sources--band {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .ivh-sources--band .ivh-source {
    padding: 12px 0;
  }
  .ivh-sources--band .ivh-source + .ivh-source {
    border-left: 0;
    border-top: 1px solid #f2f4f7;
    padding-left: 0;
  }
}
.ivh-main, .ivh-side {
  min-width: 0;
}

.ivh-card {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 16px 24px;
  margin-bottom: 24px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.ivh-card__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.ivh-card__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0;
  color: #101828;
  text-shadow: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ivh-card__hint {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 4px 0 8px;
}

.ivh-count {
  display: inline-flex;
  min-width: 24px;
  justify-content: center;
  padding: 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #344054;
  background: #f2f4f7;
  border-radius: 999px;
  font-variant-numeric: tabular-nums;
}

.ivh-more {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #175a47;
  white-space: nowrap;
}

.ivh-empty {
  text-align: center;
  padding: 32px 24px;
}

.ivh-empty .ivh-card__title {
  justify-content: center;
  margin-bottom: 8px;
}

.ivh-empty p {
  font-size: var(--edc-fs-body);
  color: #475467;
  margin: 0 auto;
  max-width: 520px;
}

.ivh-empty__icon {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  color: #175a47;
  margin-bottom: 8px;
}

.ivh-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ivh-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 16px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #f2f4f7;
}
.ivh-row:first-child {
  border-top: 0;
}

.ivh-row__who {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.ivh-row__payer {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #101828;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ivh-row__payer:hover {
  text-decoration: underline;
  color: #101828;
}

.ivh-row__what {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ivh-row__money {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.ivh-row__amount {
  font-size: var(--edc-fs-body);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ivh-row__when {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  white-space: nowrap;
}

.ivh-row--late .ivh-row__when {
  color: #b42318;
  font-weight: 600;
}

.ivh-row--paid .ivh-row__when {
  color: #175a47;
}

.ivh-row__actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  min-width: 196px;
}
.ivh-row__actions form {
  margin: 0;
}
.ivh-row__actions .btn {
  min-width: 0;
  white-space: nowrap;
}

@media (max-width: 575.98px) {
  .ivh-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .ivh-row__actions {
    grid-column: 1/-1;
    justify-content: flex-start;
    min-width: 0;
  }
}
.ivh-sources {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}

.ivh-source {
  display: flex;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #f2f4f7;
}
.ivh-source:first-child {
  border-top: 0;
  padding-top: 4px;
}

.ivh-source__icon {
  flex: none;
  width: 20px;
  margin-top: 2px;
  color: #175a47;
  text-align: center;
}

.ivh-source__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  align-items: flex-start;
}

.ivh-source__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
}

.ivh-source__text {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  line-height: 1.5;
}

.ivh-source__action {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #175a47;
}

.ivh-source__button {
  min-width: 0;
  margin-top: 4px;
}

.ivh-source form {
  margin: 0;
}

.ivh-look {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

.ivh-look__logo {
  max-width: 200px;
  max-height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  align-self: flex-start;
}

.ivh-look__facts {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 16px;
  margin: 0;
  font-size: var(--edc-fs-secondary);
}
.ivh-look__facts dt {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #475467;
  padding-top: 2px;
}
.ivh-look__facts dd {
  margin: 0;
  color: #344054;
}

.ivh-look__links {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #f2f4f7;
  font-size: var(--edc-fs-secondary);
}
.ivh-look__links a {
  color: #175a47;
  font-weight: 600;
}

/* Mark paid. */
.ivh-dialog {
  width: min(560px, 100vw - 32px);
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 0;
  box-shadow: 0 12px 40px rgba(16, 24, 40, 0.2);
}
.ivh-dialog::backdrop {
  background: rgba(16, 24, 40, 0.45);
}

.ivh-dialog__form {
  padding: 24px;
}

.ivh-dialog__title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  margin: 0 0 4px;
  text-shadow: none;
}

.ivh-dialog__lead {
  font-size: var(--edc-fs-body);
  color: #475467;
  margin: 0 0 16px;
}

.ivh-dialog__receipt {
  margin: 16px 0 0;
  font-size: var(--edc-fs-body);
}

.ivh-dialog__actions {
  display: flex;
  gap: 8px;
  margin-top: 24px;
}
.ivh-dialog__actions .btn {
  min-width: 0;
}

/* ── The get-started wizard ─────────────────────────────────────────── */
.isu {
  max-width: 1240px;
  margin: 0 auto;
  padding: 24px 24px 48px;
  color: #101828;
}

.isu-head {
  max-width: 720px;
  margin-bottom: 24px;
}

.isu-eyebrow {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #175a47;
  margin: 0 0 4px;
}

.isu-title {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  margin: 0 0 8px;
  text-shadow: none;
}

.isu-sub {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  line-height: 1.55;
  color: #475467;
  margin: 0;
}

.isu-later {
  margin: 8px 0 0;
  font-size: var(--edc-fs-body);
}
.isu-later a {
  color: #175a47;
  font-weight: 600;
}

.isu-errors {
  padding: 12px 16px;
  margin-bottom: 24px;
  background: #fef3f2;
  border: 1px solid #fecdca;
  border-radius: 10px;
  color: #7a271a;
  font-size: var(--edc-fs-body);
}
.isu-errors ul {
  margin: 4px 0 0;
  padding-left: 20px;
}

.isu-body {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(320px, 5fr);
  gap: 32px;
  align-items: start;
}

@media (max-width: 1199.98px) {
  .isu-body {
    grid-template-columns: minmax(0, 1fr);
  }
}
.isu-form {
  min-width: 0;
}

.isu-progress {
  display: flex;
  gap: 8px;
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  counter-reset: none;
}

.isu-progress__step {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  min-width: 0;
  border: 1px solid #eaecf0;
  border-radius: 999px;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  color: #475467;
}
.isu-progress__step[aria-current=step] {
  border-color: #175a47;
  color: #101828;
  font-weight: 600;
  box-shadow: 0 0 0 1px #175a47 inset;
}
.isu-progress__step.is-done {
  color: #344054;
}
.isu-progress__step.is-done .isu-progress__num {
  background: #175a47;
  color: #fff;
}

.isu-progress__num {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #f2f4f7;
  font-size: var(--edc-fs-label);
  font-weight: 700;
}

.isu-progress__step[aria-current=step] .isu-progress__num {
  background: #175a47;
  color: #fff;
}

.isu-progress__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .isu-progress__label {
    display: none;
  }
  .isu-progress__step[aria-current=step] .isu-progress__label {
    display: inline;
  }
}
.isu-step {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 16px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
.isu-step[hidden] {
  display: none;
}

.isu-step--missing {
  border-color: #f5d79e;
  background: #fffdf7;
}

.isu-step__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.isu-step__title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  margin: 0;
  text-shadow: none;
}
.isu-step__title:focus {
  outline: none;
}
.isu-step__title:focus-visible {
  outline: 2px solid #1570ef;
  outline-offset: 4px;
}

.isu-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
}

.isu-state--ok {
  color: #175a47;
}

.isu-state--missing {
  color: #93370d;
}

.isu-summary {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: var(--edc-fs-body);
  color: #344054;
}
.isu-summary > span {
  flex: 1 1 240px;
  min-width: 0;
}
.isu-summary .isu-change {
  margin-left: auto;
  min-width: 0;
}

.isu-summary__logo {
  max-height: 40px;
  max-width: 160px;
  -o-object-fit: contain;
     object-fit: contain;
}

.isu-fields {
  margin-top: 16px;
}

.isu-fields[hidden] {
  display: none;
}

.isu-fields .ops-group {
  padding-bottom: 0;
}

.isu-fields .ops-group + .ops-group {
  margin-top: 24px;
}

.isu-step:not([data-isu-step]) .isu-fields {
  margin-top: 0;
}

.isu-nav {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #eaecf0;
}
.isu-nav .btn {
  min-width: 0;
}
.isu-nav[hidden] {
  display: none;
}

.isu-skip {
  margin-left: auto;
  color: #475467;
  font-size: var(--edc-fs-body);
}

.isu-finish {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.isu-finish .btn {
  min-width: 0;
}
.isu-finish[hidden] {
  display: none;
}

.isu-finish__note {
  flex-basis: 100%;
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 8px 0 0;
}
.isu-finish__note a {
  color: #175a47;
}

/* ── Settings ───────────────────────────────────────────────────────── */
.ivs .ivh-title {
  margin-bottom: 24px;
}

.ivs-profile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.ivs-profile .ivh-card__hint {
  margin-bottom: 0;
  max-width: 620px;
}

.ivs-profile__links {
  display: flex;
  gap: 8px;
  align-items: center;
}
.ivs-profile__links .btn {
  min-width: 0;
}

.ivs-tools {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 32px;
}

@media (max-width: 991.98px) {
  .ivs-tools {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ivs-tool .form-check-label {
  font-weight: 600;
}

.ivs-tool__desc {
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
  margin: 4px 0 0 44px;
}

.ivs-tool__why {
  display: block;
  color: #175a47;
  font-weight: 600;
  margin-top: 2px;
}

.ivs-off-note {
  font-size: var(--edc-fs-body);
  color: #475467;
  margin: 0 0 24px;
}

.es {
  max-width: 960px;
}
.es .panel.es-panel {
  height: auto;
  margin-bottom: 24px;
}
.es h1, .es h2, .es h3 {
  text-shadow: none;
}
.es .btn {
  min-width: 0;
}

.es-head {
  margin-bottom: 20px;
}

.es-title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #1c2531;
}

.es-lede {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #556070;
}

.es-flash {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin: 0 0 18px;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
}
.es-flash--ok {
  background: #e9f6ee;
  color: #1e7a3c;
}
.es-flash--warn {
  background: #fdecea;
  color: #b42318;
}
.es-flash--info {
  background: #fdf3e2;
  color: #8a5300;
}

.es-section {
  padding: 22px 0;
  border-top: 1px solid #e3e8ee;
}
.es-section:first-of-type {
  border-top: 0;
  padding-top: 4px;
}

.es-h2 {
  margin: 0 0 10px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1c2531;
}

.es-text {
  margin: 0 0 14px;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #1c2531;
  max-width: 68ch;
}

.es-label {
  display: block;
  margin: 0 0 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
}

.es-help {
  margin: 6px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.es-note {
  margin: 10px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #556070;
}

.es-note--box {
  padding: 12px 14px;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  background: #f6f8fa;
  color: #1c2531;
}

.es-preview {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 0;
  margin: 0;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  background: #f6f8fa;
  overflow: hidden;
}
.es-preview dt, .es-preview dd {
  margin: 0;
  padding: 11px 16px;
  border-top: 1px solid #e3e8ee;
}
.es-preview dt {
  padding-right: 12px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #556070;
}
.es-preview dd {
  padding-left: 0;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  overflow-wrap: anywhere;
}
.es-preview dt:first-of-type, .es-preview dd:first-of-type {
  border-top: 0;
}

.es-mailbox__row, .es-add__row {
  display: flex;
  gap: 10px;
  align-items: stretch;
  flex-wrap: wrap;
}

.es-mailbox__field {
  display: flex;
  align-items: stretch;
  flex: 0 1 460px;
  min-width: 0;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}
.es-mailbox__field:focus-within {
  border-color: #4c6ef5;
  box-shadow: 0 0 0 3px rgba(76, 110, 245, 0.18);
}
.es-mailbox__field .form-control {
  border: 0;
  box-shadow: none;
  min-width: 0;
  flex: 1 1 auto;
  height: auto;
  font-size: var(--edc-fs-body);
}
.es-mailbox__field .form-control:focus {
  box-shadow: none;
}

.es-mailbox__domain {
  display: flex;
  align-items: center;
  padding: 0 12px;
  background: #f6f8fa;
  border-left: 1px solid #e3e8ee;
  font-size: var(--edc-fs-body);
  color: #556070;
  white-space: nowrap;
}

.es-add__row .form-control {
  flex: 0 1 360px;
  min-width: 0;
  height: auto;
  font-size: var(--edc-fs-body);
}

.es-mailbox__row .btn, .es-add__row .btn {
  min-height: 40px;
  padding: 0 18px;
  font-size: var(--edc-fs-body);
}

.es-mailbox__field, .es-add__row .form-control {
  min-height: 40px;
}

.es-domain {
  margin-top: 14px;
  padding: 18px 20px;
  border: 1px solid #e3e8ee;
  border-radius: 12px;
  background: #fff;
}

.es-domain__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.es-domain__name {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  color: #1c2531;
}

.es-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  white-space: nowrap;
}
.es-status--ok {
  background: #e9f6ee;
  color: #1e7a3c;
}
.es-status--bad {
  background: #fdecea;
  color: #b42318;
}
.es-status--wait {
  background: #fdf3e2;
  color: #8a5300;
}

.es-records {
  margin: 4px 0 14px;
  font-size: var(--edc-fs-secondary);
}
.es-records th {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  color: #556070;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 1px solid #e3e8ee;
}
.es-records td {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
  border-color: #e3e8ee;
}

.es-records__type {
  font-weight: 700;
  color: #1c2531;
  white-space: nowrap;
}

.es-records__full {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-label);
  color: #556070;
  overflow-wrap: anywhere;
}

.es-records__state {
  white-space: nowrap;
}

.es-code {
  display: inline-block;
  max-width: 100%;
  padding: 2px 6px;
  border-radius: 4px;
  background: #f6f8fa;
  color: #1c2531;
  font-size: calc(var(--edc-fs-label) * 12.5 / 12);
  overflow-wrap: normal;
  word-break: keep-all;
  white-space: normal;
}

.es-cell {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}

.es-cell .es-code {
  flex: 0 1 auto;
  min-width: 0;
}

.es-copy {
  flex: 0 0 auto;
  padding: 2px 8px;
  border: 1px solid #c9d2dd;
  border-radius: 6px;
  background: #fff;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #1c2531;
  cursor: pointer;
  vertical-align: baseline;
}
.es-copy:hover {
  background: #f6f8fa;
}
.es-copy:focus-visible {
  outline: 2px solid #4c6ef5;
  outline-offset: 2px;
}
.es-copy.is-copied {
  border-color: #1e7a3c;
  color: #1e7a3c;
}

.es-found {
  font-weight: 600;
  color: #556070;
}
.es-found--ok {
  color: #1e7a3c;
}
.es-found--bad {
  color: #b42318;
}
.es-found--wait {
  color: #8a5300;
}

.es-domain__foot {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.es-domain__foot .es-help {
  margin: 0;
}

.es-default {
  padding-top: 16px;
  border-top: 1px solid #e3e8ee;
}

.es-remove {
  margin-top: 12px;
  padding-left: 0;
  color: #b42318;
  font-size: var(--edc-fs-secondary);
}

@media (max-width: 640px) {
  .es-preview {
    grid-template-columns: minmax(0, 1fr);
  }
  .es-preview dt {
    padding-bottom: 2px;
  }
  .es-preview dd {
    padding: 0 16px 11px;
    border-top: 0;
  }
  .es-domain {
    padding: 14px;
  }
}
.mail-from__name {
  font-weight: 600;
}
.mail-from__addr {
  color: #475569;
  overflow-wrap: anywhere;
}

.aia {
  max-width: 1120px;
}
.aia .panel.aia-panel {
  height: auto;
  margin-bottom: 24px;
}
.aia h1, .aia h2, .aia h3 {
  text-shadow: none;
}
.aia .btn {
  min-width: 0;
}
.aia .btn-sm {
  font-size: var(--edc-fs-secondary);
  padding: 4px 12px;
}
.aia .btn-outline-danger {
  color: #a8231a;
  border-color: #a8231a;
  background: #fff;
}
.aia .btn-outline-danger:hover, .aia .btn-outline-danger:focus-visible {
  color: #fff;
  background: #a8231a;
  border-color: #a8231a;
}

.aia-head {
  margin-bottom: 16px;
}

.aia-title {
  margin: 0 0 6px;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  color: #1c2531;
}

.aia-lede {
  margin: 0;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #4b5568;
  max-width: 78ch;
}

.aia-flash {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin: 0 0 16px;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
}
.aia-flash--ok {
  background: #e9f6ee;
  color: #1e6b37;
}
.aia-flash--warn {
  background: #fdecea;
  color: #a8231a;
}
.aia-flash--info {
  background: #fdf3e2;
  color: #7a4a00;
}

.aia-section {
  padding: 24px 0;
  border-top: 1px solid #e3e8ee;
}
.aia-section:first-of-type {
  border-top: 0;
  padding-top: 4px;
}

.aia-h2 {
  margin: 0 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1c2531;
}

.aia-text {
  margin: 0 0 12px;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #1c2531;
  max-width: 72ch;
}

.aia-help {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #4b5568;
  max-width: 72ch;
}

.aia-label {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #4b5568;
}

.aia-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  background: #f6f8fa;
}
.aia-bar .form-select, .aia-bar .form-control {
  min-height: 36px;
  font-size: var(--edc-fs-body);
  min-width: 180px;
}
.aia-bar .aia-check {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 36px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.aia-bar .aia-check input {
  width: 16px;
  height: 16px;
  margin: 0;
}
.aia-bar .btn {
  min-height: 36px;
  font-size: var(--edc-fs-body);
  padding: 0 14px;
}

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

.aia-bar__spacer {
  flex: 1 1 auto;
}

.aia-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  overflow: hidden;
}

.aia-table th {
  text-align: left;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #4b5568;
  background: #f6f8fa;
  padding: 10px 16px;
  border-bottom: 1px solid #e3e8ee;
  white-space: nowrap;
}

.aia-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #e3e8ee;
  font-size: var(--edc-fs-body);
  color: #1c2531;
  vertical-align: top;
}

.aia-table tr:last-child td {
  border-bottom: 0;
}

.aia-table .aia-when {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.aia-table .aia-when .aia-sub {
  margin-top: 2px;
}

.aia-table .aia-act {
  text-align: right;
  white-space: nowrap;
}

.aia-what {
  min-width: 200px;
}

.aia-table-wrap {
  overflow-x: auto;
  border-radius: 10px;
}

.aia-what a {
  color: #2f5cc4;
  text-decoration-color: rgba(47, 92, 196, 0.4);
  text-underline-offset: 2px;
}

.aia-what a:hover {
  text-decoration-color: currentColor;
}

.aia-sub {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #4b5568;
}

.aia-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid transparent;
}
.aia-pill--ok {
  background: #e9f6ee;
  color: #1e6b37;
  border-color: #bfe3cc;
}
.aia-pill--off {
  background: #fdecea;
  color: #a8231a;
  border-color: #f2c3be;
}
.aia-pill--idle {
  background: #f6f8fa;
  color: #4b5568;
  border-color: #e3e8ee;
}
.aia-pill--wait {
  background: #fdf3e2;
  color: #7a4a00;
  border-color: #f0d6a3;
}

.aia-empty {
  padding: 24px 16px;
  text-align: left;
  font-size: var(--edc-fs-body);
  color: #4b5568;
  border: 1px dashed #e3e8ee;
  border-radius: 10px;
  background: #fff;
}

.aia-pages {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 12px;
  font-size: var(--edc-fs-body);
  color: #4b5568;
}

.aia-url {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 12px;
}

.aia-url code {
  font-size: var(--edc-fs-body);
  background: #f6f8fa;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  padding: 8px 12px;
  color: #1c2531;
  overflow-wrap: anywhere;
}

.aia-steps {
  margin: 0;
  padding-left: 20px;
  font-size: var(--edc-fs-body);
  line-height: 1.6;
  color: #1c2531;
  max-width: 80ch;
}

.aia-steps li + li {
  margin-top: 4px;
}

.aia-switches {
  display: grid;
  gap: 0;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

.aia-switch {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 12px;
  align-items: start;
  padding: 16px;
  border-top: 1px solid #e3e8ee;
}
.aia-switch:first-child {
  border-top: 0;
}
.aia-switch input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
}
.aia-switch label {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}
.aia-switch .aia-help {
  grid-column: 2;
  margin: 0;
}

.aia-switch__spacer {
  width: 18px;
}

.aia-cap {
  display: flex;
  gap: 12px;
  align-items: center;
  grid-column: 2;
}

.aia-cap .form-control {
  width: 96px;
  min-height: 36px;
  font-size: var(--edc-fs-body);
  font-variant-numeric: tabular-nums;
}

.aia-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 16px;
}

.aia-actions .btn {
  min-height: 40px;
  padding: 0 20px;
  font-size: var(--edc-fs-body);
}

.aia-modules {
  width: 100%;
  max-width: 640px;
  border-collapse: collapse;
  margin-top: 8px;
}

.aia-modules th, .aia-modules td {
  padding: 8px 12px;
  border-bottom: 1px solid #e3e8ee;
  font-size: var(--edc-fs-body);
  text-align: left;
}

.aia-modules th {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #4b5568;
}

.aia :focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

@media (max-width: 1100px) {
  .aia-table .aia-hide-md {
    display: none;
  }
  .aia-table th, .aia-table td {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.page-content .dt-container div:has(> table) {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1199.98px) {
  .page-content :is(.panel-body, .table-responsive-auto):has(> table) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.page-content .pagination {
  flex-wrap: wrap;
  row-gap: 4px;
  max-width: 100%;
}

.xp-list {
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  padding: 20px 22px 8px;
  margin-bottom: 24px;
}

.xp-list__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 20px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.xp-list__title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #1d2939;
  margin: 0 0 2px;
  text-shadow: none;
}

.xp-list__lede {
  font-size: var(--edc-fs-body);
  color: #475467;
  margin: 0;
}

.xp-list__rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  -moz-column-gap: 28px;
       column-gap: 28px;
}

.xp-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #eef0f3;
  min-width: 0;
}

.xp-row__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1d2939;
  overflow-wrap: anywhere;
}

.xp-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 13px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  color: #1d2939;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  min-width: 0;
}
.xp-btn i {
  color: #475467;
  font-size: var(--edc-fs-label);
}
.xp-btn:hover {
  background: #f5f7fb;
  color: #1d2939;
  text-decoration: none;
}
.xp-btn:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.xp-btn--primary {
  border-color: #c7d7fe;
  color: #1d4ed8;
}
.xp-btn--primary i {
  color: #1d4ed8;
}
.xp-btn--primary:hover {
  background: #eef4ff;
  color: #1e40af;
}

.attn-page {
  max-width: 960px;
  padding-block: 8px 32px;
}

.attn-page__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 24px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.attn-page__title {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  color: #1d2939;
  margin: 0 0 4px;
  text-shadow: none;
}

.attn-page__lede {
  font-size: var(--edc-fs-body);
  color: #475467;
  margin: 0;
  max-width: 60ch;
}

.attn-page__whose {
  display: inline-flex;
  gap: 4px;
  padding: 3px;
  background: #eef1f5;
  border-radius: 999px;
}

.attn-page__pill {
  padding: 6px 14px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  text-decoration: none;
}
.attn-page__pill:hover {
  color: #1d2939;
  text-decoration: none;
  background: #e2e7ee;
}
.attn-page__pill.is-on {
  background: #fff;
  color: #1d4ed8;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}
.attn-page__pill:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.attn-page__body {
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  padding: 18px 20px;
}

.ets-locked {
  background: #f8fafc;
  border-style: dashed;
}

.ets-page p.text-muted, .ets-page .form-label, .ets-page .form-check-label, .ets-page .btn {
  font-size: var(--edc-fs-secondary);
}
.ets-page .badge {
  font-size: var(--edc-fs-eyebrow);
}

.ets-sending-again {
  margin-top: 4px;
  padding: 14px 16px;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  background: #f8fafc;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #344054;
}
.ets-sending-again p {
  margin: 0 0 10px;
}
.ets-sending-again p:last-child {
  margin-bottom: 0;
}
.ets-sending-again i {
  margin-right: 6px;
}
.ets-sending-again__done {
  color: #0b5c48;
}
.ets-sending-again__kept {
  color: #7a4f00;
}
.ets-sending-again__problem {
  color: #8c1c1c;
}
.ets-sending-again__lede {
  font-weight: 600;
}
.ets-sending-again__holds {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  display: grid;
  gap: 6px;
}
.ets-sending-again__holds li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
}
.ets-sending-again__hold {
  font-weight: 600;
}
.ets-sending-again__where, .ets-sending-again__consent, .ets-sending-again__detail {
  font-size: var(--edc-fs-secondary);
  padding: 1px 8px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #e4e7ec;
  color: #475467;
}
.ets-sending-again__consent {
  border-color: #f1d9a7;
  background: #fff8e8;
  color: #7a4f00;
}
.ets-sending-again__detail {
  border: 0;
  background: none;
  padding: 0;
}
.ets-sending-again__note {
  display: inline-block;
  margin-left: 10px;
  color: #475467;
}
.ets-sending-again__consentform {
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid #e4e7ec;
}

.lcs_wrap .lcs_switch.lcs_on {
  background: #15803d;
  box-shadow: 0 0 2px #0f5c2b inset;
}

.lcs_wrap .lcs_switch.lcs_off {
  background: #667085;
  box-shadow: 0 0 2px #475467 inset;
}

@media (max-width: 575.98px) {
  .page-content :is(div, form):has(> table.table) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
  .ev-panel__titlerow, .ev-panel__tools, .rv3__header-actions, .dup-runbar__actions {
    flex-wrap: wrap;
  }
  .page-content .btn-group:not(.dropdown):not(.bootstrap-select) {
    flex-wrap: wrap;
  }
  .page-content .btn {
    min-width: 0;
    flex-shrink: 0;
  }
  .page-content .alert:has(> .btn), .page-content .alert .d-flex:has(> .btn) {
    flex-wrap: wrap;
  }
  .page-content .mx-20 {
    max-width: calc(100% - 40px);
  }
  .page-content .col-auto:has(> .input-group) {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .page-content .input-group > .form-control {
    min-width: 0;
  }
}
:where(.page-content) a:where(:not(.btn)) {
  color: #1d4ed8;
}

:where(.page-content) a:where(:not(.btn)):hover {
  color: #1e40af;
}

:where(.page-content) .btn-link {
  color: #1d4ed8;
}

:where(.page-content) .btn-link:hover {
  color: #1e40af;
}

.ss {
  --ss-ink: #0f172a;
  --ss-muted: #475569;
  --ss-line: #e2e8f0;
  --ss-line-strong: #cbd5e1;
  --ss-surface: #ffffff;
  --ss-bg: #f6f7fb;
  --ss-tint: #f1f5f9;
  --ss-primary: #1c3f75;
  --ss-primary-ink: #ffffff;
  --ss-primary-soft: #e8eef8;
  --ss-good: #166534;
  --ss-good-soft: #dcfce7;
  --ss-warn: #92400e;
  --ss-warn-soft: #fef3c7;
  --ss-bad: #991b1b;
  --ss-bad-soft: #fee2e2;
  --ss-info: #1e40af;
  --ss-info-soft: #dbeafe;
  --ss-radius: 12px;
  --ss-radius-sm: 8px;
  color: var(--ss-ink);
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  line-height: 1.5;
}
.ss h1, .ss h2, .ss h3 {
  text-shadow: none;
  color: var(--ss-ink);
  letter-spacing: 0;
}
.ss h1 {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  margin: 0;
  line-height: 1.25;
}
.ss h2 {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}
.ss h3 {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  margin: 0;
}
.ss p {
  margin: 0;
}
.ss a:where(:not(.ss-button)) {
  color: var(--ss-primary);
}
.ss a:focus-visible, .ss button:focus-visible, .ss input:focus-visible, .ss select:focus-visible, .ss textarea:focus-visible,
.ss summary:focus-visible, .ss [tabindex]:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 2px;
}

.ss-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 32px 24px 48px;
  display: grid;
  gap: 24px;
}

.ss-page--narrow {
  max-width: 760px;
}

.ss-page--wide {
  max-width: 1440px;
}

.ss-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.ss-head__text {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.ss-head__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.ss-crumb {
  font-size: var(--edc-fs-body);
  color: var(--ss-muted);
}

.ss-crumb a {
  color: var(--ss-muted);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ss-lede {
  color: var(--ss-muted);
  max-width: 70ch;
}

.ss-panel {
  background: var(--ss-surface);
  border: 1px solid var(--ss-line);
  border-radius: var(--ss-radius);
  padding: 24px;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.ss-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.ss-panel__note {
  color: var(--ss-muted);
  font-size: var(--edc-fs-body);
}

.ss-panel--quiet {
  background: var(--ss-tint);
  border-color: transparent;
}

.ss-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  align-items: start;
}

.ss-grid--2-1 {
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
}

@media (max-width: 1199px) {
  .ss-grid--2-1 {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ss-stack {
  display: grid;
  gap: 16px;
}

.ss-stack--tight {
  gap: 8px;
}

.ss-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.ss-divider {
  border: 0;
  border-top: 1px solid var(--ss-line);
  margin: 0;
}

.ss-label {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ss-muted);
}

.ss-facts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
  gap: 16px 24px;
  margin: 0;
}

.ss-facts div {
  display: grid;
  gap: 4px;
}

.ss-facts dt {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ss-muted);
}

.ss-facts dd {
  margin: 0;
  font-variant-numeric: tabular-nums;
}

.ss-muted {
  color: var(--ss-muted);
}

.ss-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

.ss-nowrap {
  white-space: nowrap;
}

.ss-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 16px;
  border-radius: var(--ss-radius-sm);
  border: 1px solid var(--ss-line-strong);
  background: var(--ss-surface);
  color: var(--ss-ink);
  font: inherit;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  min-width: 0;
  box-shadow: none;
}
.ss-button:hover {
  background: var(--ss-tint);
  color: var(--ss-ink);
  text-decoration: none;
}
.ss-button[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}

.ss-button--primary {
  background: var(--ss-primary);
  border-color: var(--ss-primary);
  color: var(--ss-primary-ink);
}
.ss-button--primary:hover {
  background: #163360;
  color: var(--ss-primary-ink);
}

.ss-button--danger {
  color: var(--ss-bad);
  border-color: #fca5a5;
}
.ss-button--danger:hover {
  background: var(--ss-bad-soft);
  color: var(--ss-bad);
}

.ss-button--small {
  min-height: 32px;
  padding: 4px 12px;
  font-size: var(--edc-fs-body);
}

.ss-button--link {
  border-color: transparent;
  background: none;
  padding-left: 0;
  padding-right: 0;
  color: var(--ss-primary);
}
.ss-button--link:hover {
  background: none;
  text-decoration: underline;
}

.ss-inline-form {
  display: inline;
  margin: 0;
}

.ss-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
  background: var(--ss-tint);
  color: var(--ss-ink);
  line-height: 1.6;
}

.ss-pill i {
  font-size: var(--edc-fs-label);
}

.ss-pill--good {
  background: var(--ss-good-soft);
  color: var(--ss-good);
}

.ss-pill--warn {
  background: var(--ss-warn-soft);
  color: var(--ss-warn);
}

.ss-pill--bad {
  background: var(--ss-bad-soft);
  color: var(--ss-bad);
}

.ss-pill--info {
  background: var(--ss-info-soft);
  color: var(--ss-info);
}

.ss-pill--primary {
  background: var(--ss-primary-soft);
  color: var(--ss-primary);
}

.ss-flash {
  border-radius: var(--ss-radius-sm);
  padding: 12px 16px;
  font-weight: 600;
  background: var(--ss-good-soft);
  color: var(--ss-good);
}

.ss-flash--alert {
  background: var(--ss-bad-soft);
  color: var(--ss-bad);
}

.ss-form {
  display: grid;
  gap: 16px;
}

.ss-field {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.ss-field > label, .ss-field > .ss-field__label {
  font-weight: 600;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.ss-field__hint {
  color: var(--ss-muted);
  font-size: var(--edc-fs-body);
}

.ss-fields {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
}

.ss-input, .ss .ss-input {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid var(--ss-line-strong);
  border-radius: var(--ss-radius-sm);
  background: #fff;
  color: var(--ss-ink);
  font: inherit;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  box-shadow: none;
}

textarea.ss-input {
  min-height: 96px;
  resize: vertical;
  line-height: 1.5;
}

textarea.ss-input--short {
  min-height: 64px;
}

.ss .ss-input--date {
  max-width: 280px;
}

.ss .ss-input--auto {
  width: auto;
}

.ss-fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.ss-fieldset > legend {
  font-weight: 600;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  width: auto;
}

.ss-check, .ss .ss-check {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-weight: 400;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: var(--ss-ink);
  margin: 0;
}

.ss-check input {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  flex: 0 0 auto;
}

.ss-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.ss-errors {
  background: var(--ss-bad-soft);
  color: var(--ss-bad);
  border-radius: var(--ss-radius-sm);
  padding: 12px 16px;
}

.ss-errors ul {
  margin: 8px 0 0;
  padding-left: 20px;
}

.ss-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.ss-choices {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
  border: 0;
  padding: 0;
  margin: 0;
}

.ss-choice {
  position: relative;
  display: grid;
  gap: 4px;
  padding: 16px;
  border: 1px solid var(--ss-line-strong);
  border-radius: var(--ss-radius-sm);
  background: #fff;
  cursor: pointer;
}

.ss-choice input {
  position: absolute;
  opacity: 0;
  inset: 0;
  cursor: pointer;
}

.ss-choice strong {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.ss-choice span {
  color: var(--ss-muted);
  font-size: var(--edc-fs-body);
}

.ss-choice:has(input:checked) {
  border-color: var(--ss-primary);
  box-shadow: 0 0 0 2px var(--ss-primary);
  background: var(--ss-primary-soft);
}

.ss-choice:has(input:focus-visible) {
  outline: 3px solid #2563eb;
  outline-offset: 2px;
}

.ss-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--ss-line);
  border-radius: var(--ss-radius);
  background: #fff;
}

.ss-table-wrap:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 2px;
}

.ss-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.ss-table th, .ss-table td {
  text-align: left;
  padding: 12px 16px;
  border-bottom: 1px solid var(--ss-line);
  vertical-align: top;
}

.ss-table thead th {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ss-muted);
  background: var(--ss-tint);
  white-space: nowrap;
}

.ss-table tbody tr:last-child > * {
  border-bottom: 0;
}

.ss-table tbody th {
  font-weight: 600;
}

.ss-table td.ss-num, .ss-table th.ss-num {
  text-align: right;
}

.ss-table__sub {
  display: block;
  color: var(--ss-muted);
  font-size: var(--edc-fs-body);
  font-weight: 400;
}

.ss-table--compare {
  min-width: 720px;
}

.ss-table--compare thead th {
  position: sticky;
  top: 0;
}

.ss-table--compare tbody th {
  position: sticky;
  left: 0;
  background: #fff;
  min-width: 220px;
  max-width: 300px;
  z-index: 1;
}

.ss-table--compare td {
  min-width: 220px;
  max-width: 360px;
  white-space: pre-line;
}

.ss-section-row th {
  background: var(--ss-tint) !important;
  font-size: var(--edc-fs-label);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ss-muted);
}

.ss-score {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.ss-score__bar {
  width: 72px;
  height: 8px;
  border-radius: 4px;
  background: var(--ss-line);
  overflow: hidden;
}

.ss-score__bar span {
  display: block;
  height: 100%;
  background: var(--ss-primary);
}

.ss-bullets {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
}

.ss-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.ss-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--ss-line);
  border-radius: var(--ss-radius-sm);
  background: #fff;
}

.ss-item__main {
  display: grid;
  gap: 4px;
  min-width: 0;
  flex: 1 1 280px;
}

.ss-item__side {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
}

.ss-empty {
  padding: 24px;
  border: 1px dashed var(--ss-line-strong);
  border-radius: var(--ss-radius);
  color: var(--ss-muted);
  display: grid;
  gap: 12px;
  justify-items: start;
}

.ss-projects {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
}

.ss-project {
  display: grid;
  gap: 12px;
  padding: 24px;
  background: #fff;
  border: 1px solid var(--ss-line);
  border-radius: var(--ss-radius);
  align-content: start;
}

.ss-project__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.ss-project__title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: var(--ss-ink);
  text-decoration: none;
}

.ss-project__title:hover {
  text-decoration: underline;
}

.ss-progress {
  display: grid;
  gap: 8px;
}

.ss-progress__track {
  height: 8px;
  border-radius: 4px;
  background: var(--ss-line);
  overflow: hidden;
}

.ss-progress__track span {
  display: block;
  height: 100%;
  background: var(--ss-primary);
}

.ss-thread {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.ss-msg {
  padding: 12px 16px;
  border-radius: var(--ss-radius-sm);
  background: var(--ss-tint);
  display: grid;
  gap: 4px;
  max-width: 80ch;
}

.ss-msg--mine {
  background: var(--ss-primary-soft);
  justify-self: end;
}

.ss-msg__who {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: var(--ss-muted);
}

.ss-msg__body {
  white-space: pre-line;
}

.ss-question {
  display: grid;
  gap: 8px;
  padding: 16px 0;
  border-top: 1px solid var(--ss-line);
}

.ss-question:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.ss-question__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.ss-answer {
  white-space: pre-line;
}

.ss-answer--empty {
  color: var(--ss-muted);
  font-style: italic;
}

.ss-fit {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.ss-terms {
  white-space: pre-line;
  padding: 16px;
  border-radius: var(--ss-radius-sm);
  background: var(--ss-tint);
  max-height: 320px;
  overflow: auto;
}

.ss-map {
  min-height: 420px;
  border-radius: var(--ss-radius);
  border: 1px solid var(--ss-line);
  background: var(--ss-tint);
  z-index: 0;
}

.ss-map .leaflet-popup-content {
  font-size: var(--edc-fs-body);
  line-height: 1.45;
  color: var(--ss-ink);
}

.ss .wb-map__popup {
  display: grid;
  gap: 2px;
}

.ss .wb-map__marker {
  background: none;
  border: 0;
}

.ss .wb-map__marker span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  background: var(--ss-primary);
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-weight: 700;
  font-size: var(--edc-fs-label);
}

.ss .wb-map__marker b {
  transform: rotate(45deg);
  line-height: 1;
}

.ss-copy {
  display: flex;
  gap: 8px;
}

.ss-copy .ss-input {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: var(--edc-fs-body);
}

@media (max-width: 600px) {
  .ss-page {
    padding: 24px 16px 48px;
  }
  .ss-panel {
    padding: 16px;
  }
  .ss h1 {
    font-size: calc(var(--edc-fs-display) * 22 / 24);
  }
}
.rsh, .rsh-view {
  --rsh-ink: #0f172a;
  --rsh-muted: #475569;
  --rsh-line: #e2e8f0;
  --rsh-line-strong: #cbd5e1;
  --rsh-surface: #ffffff;
  --rsh-tint: #f1f5f9;
  --rsh-primary: #1c3f75;
  --rsh-primary-soft: #e8eef8;
  --rsh-good: #166534;
  --rsh-good-soft: #dcfce7;
  --rsh-bad: #991b1b;
  --rsh-bad-soft: #fee2e2;
  --rsh-info: #1e40af;
  --rsh-info-soft: #dbeafe;
  --rsh-radius: 12px;
  --rsh-radius-sm: 8px;
}

.rsh {
  color: var(--rsh-ink);
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  line-height: 1.5;
}
.rsh h1, .rsh h2, .rsh h3 {
  text-shadow: none;
  color: var(--rsh-ink);
  letter-spacing: 0;
}
.rsh h1 {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  margin: 0;
  line-height: 1.25;
}
.rsh h2 {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}
.rsh p {
  margin: 0;
}
.rsh a:where(:not(.rsh-button)) {
  color: var(--rsh-primary);
}
.rsh a:focus-visible, .rsh button:focus-visible, .rsh input:focus-visible, .rsh select:focus-visible,
.rsh [tabindex]:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 2px;
}

.rsh-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 32px 24px 48px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}

@media (max-width: 575.98px) {
  .rsh-page {
    padding: 24px 16px 32px;
  }
}
.rsh-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.rsh-head__text {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.rsh-crumb {
  font-size: var(--edc-fs-body);
  color: var(--rsh-muted);
}

.rsh-crumb a {
  color: var(--rsh-muted);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.rsh-lede {
  color: var(--rsh-muted);
  max-width: 75ch;
}

.rsh-panel {
  background: var(--rsh-surface);
  border: 1px solid var(--rsh-line);
  border-radius: var(--rsh-radius);
  padding: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
}

.rsh-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.rsh-panel__note {
  color: var(--rsh-muted);
  font-size: var(--edc-fs-body);
}

.rsh-empty {
  padding: 24px;
  border: 1px dashed var(--rsh-line-strong);
  border-radius: var(--rsh-radius);
  color: var(--rsh-muted);
}

.rsh-flash {
  border-radius: var(--rsh-radius-sm);
  padding: 12px 16px;
  font-weight: 600;
  background: var(--rsh-good-soft);
  color: var(--rsh-good);
  display: flex;
  gap: 8px;
  align-items: baseline;
}

.rsh-flash--alert {
  background: var(--rsh-bad-soft);
  color: var(--rsh-bad);
}

.rsh-form {
  display: grid;
  gap: 16px;
}

.rsh-fields {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.rsh-field {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
}

.rsh-field > label, .rsh .rsh-field > label {
  font-weight: 600;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  margin: 0;
  color: var(--rsh-ink);
}

.rsh-field__hint {
  display: block;
  color: var(--rsh-muted);
  font-size: var(--edc-fs-body);
}

.rsh-optional {
  font-weight: 400;
  color: var(--rsh-muted);
}

.rsh-input, .rsh .rsh-input, .rsh-view .rsh-input {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid var(--rsh-line-strong);
  border-radius: var(--rsh-radius-sm);
  background: #fff;
  color: var(--rsh-ink);
  font: inherit;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  box-shadow: none;
}

.rsh-input--auto, .rsh-view .rsh-input--auto {
  width: auto;
  max-width: 100%;
}

.rsh-fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.rsh-fieldset > legend {
  font-weight: 600;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  margin: 0 0 4px;
  padding: 0;
  border: 0;
  width: auto;
  float: none;
  color: var(--rsh-ink);
}

.rsh-check {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: var(--rsh-ink);
}

.rsh-check input {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  flex: 0 0 auto;
}

.rsh-check label, .rsh .rsh-check label {
  font-weight: 600;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  margin: 0;
  color: var(--rsh-ink);
}

.rsh-check > span {
  display: grid;
  gap: 2px;
}

.rsh-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.rsh-sides {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr);
  container-type: inline-size;
}

.rsh-side {
  border: 1px solid var(--rsh-line);
  border-radius: var(--rsh-radius);
  padding: 16px 20px 20px;
  margin: 0;
  display: grid;
  gap: 16px;
  align-content: start;
  min-width: 0;
  background: #fafbfc;
  grid-template-columns: minmax(0, 1fr);
}

@container (min-width: 760px) {
  .rsh-side {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
}
.rsh-side > legend, .rsh .rsh-side > legend {
  float: none;
  width: auto;
  margin: 0;
  padding: 0 8px;
  border: 0;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rsh-muted);
}

.rsh-input:disabled {
  background: var(--rsh-tint);
  color: var(--rsh-muted);
  cursor: not-allowed;
}

.rsh-copy-make {
  display: grid;
  gap: 8px;
  justify-items: start;
  padding-top: 4px;
}

.rsh-live {
  min-height: 0;
  font-size: var(--edc-fs-body);
  color: var(--rsh-ink);
}

.rsh-live:empty {
  display: none;
}

.rsh-live--done {
  color: var(--rsh-good);
  font-weight: 600;
}

.rsh-live--error {
  color: var(--rsh-bad);
  font-weight: 600;
}

.rsh-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 16px;
  border-radius: var(--rsh-radius-sm);
  border: 1px solid var(--rsh-line-strong);
  background: var(--rsh-surface);
  color: var(--rsh-ink);
  font: inherit;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  min-width: 0;
  box-shadow: none;
}
.rsh-button:hover {
  background: var(--rsh-tint);
  color: var(--rsh-ink);
  text-decoration: none;
}

.rsh-button--primary {
  background: var(--rsh-primary);
  border-color: var(--rsh-primary);
  color: #fff;
}
.rsh-button--primary:hover {
  background: #163360;
  color: #fff;
}

.rsh-button--danger {
  color: var(--rsh-bad);
  border-color: #fca5a5;
}
.rsh-button--danger:hover {
  background: var(--rsh-bad-soft);
  color: var(--rsh-bad);
}

.rsh-button--small {
  min-height: 32px;
  padding: 4px 12px;
  font-size: var(--edc-fs-body);
}

.rsh-button--wrap {
  white-space: normal;
  text-align: left;
  justify-content: flex-start;
  max-width: 100%;
}

.rsh-button:disabled, .rsh-button[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}

.rsh-inline-form {
  display: inline;
  margin: 0;
}

.rsh-row-actions {
  white-space: nowrap;
}

.rsh-row-actions .rsh-inline-form + .rsh-inline-form {
  margin-left: 8px;
}

.rsh-table--shares th:first-child {
  min-width: 220px;
}

.rsh-table--shares td:nth-child(3) {
  min-width: 200px;
}

.rsh-table--shares .rsh-row-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.rsh-table--shares .rsh-row-actions .rsh-inline-form + .rsh-inline-form {
  margin-left: 0;
}

.rsh-table--shares .rsh-row-actions .rsh-button {
  width: 100%;
  white-space: normal;
  text-align: center;
}

.rsh-table--shares td.rsh-row-actions {
  width: 168px;
  min-width: 168px;
  white-space: normal;
}

.rsh-table-wrap:has(.rsh-table--stack) {
  container-type: inline-size;
}

@container (max-width: 879.98px) {
  .rsh-table--stack, .rsh-table--stack tbody, .rsh-table--stack tr, .rsh-table--stack th, .rsh-table--stack td {
    display: block;
  }
  .rsh-table--stack thead {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .rsh-table--stack tr {
    padding: 16px;
    border-bottom: 1px solid var(--rsh-line);
  }
  .rsh-table--stack tbody tr:last-child {
    border-bottom: 0;
  }
  .rsh-table--stack th, .rsh-table--stack td {
    border: 0;
    padding: 4px 0;
    min-width: 0 !important;
    width: auto !important;
  }
  .rsh-table--stack td[data-label] {
    display: grid;
    grid-template-columns: 136px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
  }
  .rsh-table--stack td[data-label] > div {
    min-width: 0;
  }
  .rsh-table--stack td[data-label]::before {
    content: attr(data-label);
    font-size: var(--edc-fs-label);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--rsh-muted);
    padding-top: 3px;
  }
  .rsh-table--stack td.rsh-row-actions {
    padding-top: 12px;
  }
  .rsh-table--shares .rsh-row-actions {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .rsh-table--shares .rsh-row-actions .rsh-button {
    width: auto;
  }
}
.rsh-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  white-space: nowrap;
  background: var(--rsh-tint);
  color: var(--rsh-ink);
  line-height: 1.6;
}

.rsh-pill i {
  font-size: var(--edc-fs-label);
}

.rsh-pill--good {
  background: var(--rsh-good-soft);
  color: var(--rsh-good);
}

.rsh-pill--bad {
  background: var(--rsh-bad-soft);
  color: var(--rsh-bad);
}

.rsh-pill--info {
  background: var(--rsh-info-soft);
  color: var(--rsh-info);
}

.rsh-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--rsh-line);
  border-radius: var(--rsh-radius);
  background: #fff;
}

.rsh-table-wrap:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 2px;
}

.rsh-table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.rsh-table th, .rsh-table td {
  text-align: left;
  padding: 12px 16px;
  border-bottom: 1px solid var(--rsh-line);
  vertical-align: top;
}

.rsh-table thead th {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rsh-muted);
  background: var(--rsh-tint);
  white-space: nowrap;
}

.rsh-table tbody tr:last-child > * {
  border-bottom: 0;
}

.rsh-table tbody th {
  font-weight: 600;
}

.rsh-table__sub {
  display: block;
  color: var(--rsh-muted);
  font-size: var(--edc-fs-body);
  font-weight: 400;
}

.rsh-nowrap {
  white-space: nowrap;
}

.rsh-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.rsh-view .rsh-intro {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 0 0 24px;
  padding: 16px 20px;
  background: var(--rsh-primary-soft);
  border-radius: var(--rsh-radius);
  color: var(--rsh-ink);
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  line-height: 1.55;
  max-width: 100%;
}
.rsh-view .rsh-intro > i {
  color: var(--rsh-primary);
  margin-top: 4px;
}
.rsh-view .rsh-note {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin: 0 0 16px;
  color: var(--rsh-muted);
  font-size: var(--edc-fs-body);
}
.rsh-view .rsh-note > i {
  color: var(--rsh-info);
}
.rsh-view .rsh-tiles {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 168px), 1fr));
  margin: 0 0 24px;
}
.rsh-view .rsh-tile {
  display: grid;
  gap: 4px;
  align-content: start;
  padding: 16px 20px;
  background: #fff;
  border: 1px solid var(--rsh-line);
  border-radius: var(--rsh-radius);
  min-width: 0;
}
.rsh-view .rsh-tile--combined {
  background: var(--rsh-tint);
}
.rsh-view .rsh-tile__label {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rsh-muted);
  overflow-wrap: anywhere;
}
.rsh-view .rsh-tile__value {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 700;
  line-height: 1.2;
  color: var(--rsh-ink);
  font-variant-numeric: tabular-nums;
}
.rsh-view .rsh-tile__value--hidden {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  color: var(--rsh-muted);
}
.rsh-view .rsh-tile__sub {
  font-size: var(--edc-fs-body);
  color: var(--rsh-muted);
}
.rsh-view .rsh-groupby {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 16px;
}
.rsh-view .rsh-groupby label {
  font-weight: 600;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  margin: 0;
  color: var(--rsh-ink);
}
.rsh-view .rsh-groupby .rsh-input {
  flex: 0 1 380px;
  min-width: 0;
}
.rsh-view .rsh-q .sr-q__head {
  margin-bottom: 12px;
}
.rsh-view .rsh-compare-wrap {
  border-radius: var(--rsh-radius-sm);
  container-type: inline-size;
}
@container (max-width: 680px) {
  .rsh-view .rsh-bar {
    display: none;
  }
  .rsh-view .rsh-compare {
    min-width: 0;
  }
}
.rsh-view .rsh-compare {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
  min-width: 520px;
}
.rsh-view .rsh-compare th, .rsh-view .rsh-compare td {
  padding: 8px 12px;
  border-bottom: 1px solid var(--rsh-line);
  text-align: left;
  vertical-align: middle;
}
.rsh-view .rsh-compare thead th {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rsh-muted);
  background: var(--rsh-tint);
  vertical-align: bottom;
}
.rsh-view .rsh-compare tbody th {
  font-weight: 400;
  color: var(--rsh-ink);
  width: 40%;
  overflow-wrap: anywhere;
}
.rsh-view .rsh-compare tfoot th, .rsh-view .rsh-compare tfoot td {
  border-bottom: 0;
  background: #fafbfc;
  color: var(--rsh-muted);
  font-weight: 600;
}
.rsh-view .rsh-compare__extra th {
  font-weight: 600;
}
.rsh-view .rsh-compare .rsh-num {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  width: 20%;
}
.rsh-view .rsh-compare thead .rsh-num {
  white-space: normal;
}
.rsh-view .rsh-val strong {
  font-weight: 700;
  color: var(--rsh-ink);
}
.rsh-view .rsh-pct {
  color: var(--rsh-muted);
  margin-left: 4px;
}
.rsh-view .rsh-none {
  color: var(--rsh-muted);
}
.rsh-view .rsh-hidden-cell {
  color: var(--rsh-muted);
  font-style: italic;
}
.rsh-view .rsh-cellrow {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.rsh-view .rsh-val {
  display: inline-block;
  min-width: 64px;
  text-align: right;
}
.rsh-view .rsh-bar {
  display: inline-block;
  flex: 0 0 auto;
  height: 8px;
  width: 88px;
  background: #e8ecf1;
  border-radius: 999px;
  overflow: hidden;
}
.rsh-view .rsh-bar > span {
  display: block;
  height: 100%;
  border-radius: 999px;
  min-width: 2px;
}
.rsh-view .rsh-groups {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}
.rsh-view .rsh-group {
  border: 1px solid var(--rsh-line);
  border-radius: var(--rsh-radius);
  background: #fff;
  padding: 0 16px;
}
.rsh-view .rsh-group__summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 4px 16px;
  padding: 12px 0;
  cursor: pointer;
  list-style-position: inside;
}
.rsh-view .rsh-group__summary:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 2px;
  border-radius: 4px;
}
.rsh-view .rsh-group__name {
  font-weight: 700;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: var(--rsh-ink);
}
.rsh-view .rsh-group__counts {
  font-size: var(--edc-fs-body);
  color: var(--rsh-muted);
  font-variant-numeric: tabular-nums;
}
.rsh-view .rsh-group[open] > .rsh-group__summary, .rsh-view .rsh-group--open > .rsh-group__summary {
  border-bottom: 1px solid var(--rsh-line);
}
.rsh-view div.rsh-group__summary {
  cursor: default;
}
.rsh-view .rsh-group .sr-q:last-child {
  border-bottom: 0;
}

.rsh .modal-title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
}

.rsh .modal-body.rsh-form {
  gap: 20px;
}

.rsh-totals {
  background: #fff;
  border: 1px solid var(--rsh-line);
  border-radius: var(--rsh-radius);
  padding: 24px;
  display: grid;
  gap: 16px;
  margin: 0 0 24px;
}

.rsh-totals__title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  margin: 0;
}

.rsh-totals__figures {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0;
}

.rsh-totals__figure {
  display: grid;
  gap: 4px;
  min-width: 168px;
  padding: 16px 20px;
  border: 1px solid var(--rsh-line);
  border-radius: var(--rsh-radius);
  background: var(--rsh-tint);
}
.rsh-totals__figure dt {
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rsh-muted);
}
.rsh-totals__figure dd {
  margin: 0;
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  font-weight: 700;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  color: var(--rsh-ink);
}

.rsh-totals__text {
  color: var(--rsh-muted);
  max-width: 75ch;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}
.rsh-totals__text > i {
  color: var(--rsh-primary);
  margin-right: 4px;
}

.rollup-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.rollup-card-head__title {
  margin: 0;
  flex: 1 1 auto;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  text-shadow: none;
}

.rollup-card-head__toggle {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  cursor: pointer;
  color: inherit;
  font: inherit;
  border-radius: 4px;
}
.rollup-card-head__toggle:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.rollup-card-head__toggle .fa-caret-down {
  margin-left: auto;
  transition: transform 0.15s ease;
}
.rollup-card-head__toggle[aria-expanded=false] .fa-caret-down {
  transform: rotate(-90deg);
}

.rollup-card-head__action {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: calc(var(--edc-fs-label) * 12.25 / 12);
}

.rollup-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 120px;
}

.rollup-progress__bar {
  flex: 1 1 auto;
  height: 8px;
  margin: 0;
  border-radius: 4px;
  background: #e2e8f0;
  overflow: hidden;
}

.rollup-progress__fill {
  height: 100%;
  border-radius: 4px;
  background: #0e7490;
}

.rollup-progress__value {
  flex: 0 0 auto;
  font-size: calc(var(--edc-fs-eyebrow) * 11.375 / 11);
  font-weight: 600;
  color: #475569;
  font-variant-numeric: tabular-nums;
}

.rollup-actions {
  white-space: nowrap;
}

.rsh-filter {
  position: relative;
}

.rsh-filter .fa-magnifying-glass {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--rsh-muted);
  font-size: var(--edc-fs-secondary);
  pointer-events: none;
}

.rsh-filter .rsh-filter__input {
  padding-left: 34px;
}

.rsh-ended {
  max-width: 640px;
  margin: 24px auto;
  padding: 40px 32px;
}

.rsh-ended__icon {
  display: block;
  margin: 0 auto 12px;
  font-size: var(--edc-fs-display);
  color: #475569;
}

.rsh-ended__title {
  font-size: calc(var(--edc-fs-heading) * 15.75 / 16);
  line-height: 1.4;
  text-shadow: none;
}

.rsh.rct .rct-roles {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.rsh.rct .rct-roles .rsh-pill {
  white-space: normal;
  line-height: 1.4;
  padding-top: 4px;
  padding-bottom: 4px;
}
.rsh.rct .rct-none {
  color: var(--rsh-muted);
}
.rsh.rct .rct-switch {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.rsh.rct .rct-switch .rsh-inline-form {
  display: inline;
}
.rsh.rct .rsh-table--orgs td.rsh-row-actions {
  white-space: normal;
}
.rsh.rct tr:target > * {
  background: #fff8e6;
}
.rsh.rct .rct-figure {
  display: grid;
  gap: 8px;
}
.rsh.rct .rct-figure__scroll {
  overflow-x: auto;
  padding: 4px 0;
}
.rsh.rct .rct-figure__scroll:focus-visible {
  outline: 3px solid #2563eb;
  outline-offset: 2px;
}
.rsh.rct .rct-figure__scroll--more {
  box-shadow: inset -28px 0 20px -20px rgba(15, 23, 42, 0.22);
}
.rsh.rct .rct-figure__more {
  color: var(--rsh-muted);
  font-size: var(--edc-fs-body);
  margin: 0;
}
.rsh.rct .rct-figure__more[hidden] {
  display: none;
}
.rsh.rct .rct-key {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  color: var(--rsh-muted);
  font-size: var(--edc-fs-body);
  margin: 0;
}
.rsh.rct .rct-key span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.rsh.rct .rct-key i {
  width: 18px;
  height: 12px;
  border-radius: 3px;
  border: 1.5px solid #667085;
  background: #fff;
  flex: 0 0 auto;
}
.rsh.rct .rct-key i.rct-key--source {
  background: #eef2f6;
}
.rsh.rct .rct-prose {
  color: var(--rsh-ink);
  max-width: 85ch;
}
.rsh.rct .rsh-table--edges th:first-child {
  min-width: 180px;
}
.rsh.rct .rct-lock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.rsh.rct .rct-lock i {
  color: var(--rsh-muted);
}
.rsh.rct .rct-lock--open i {
  color: var(--rsh-info);
}
.rsh.rct .rct-notice {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 16px;
  border-radius: var(--rsh-radius-sm);
  background: var(--rsh-primary-soft);
  color: var(--rsh-ink);
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  line-height: 1.5;
}
.rsh.rct .rct-notice > i {
  color: var(--rsh-primary);
  margin-top: 4px;
  flex: 0 0 auto;
}

.glance-page--organization_operations .ood-tools {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.glance-page--organization_operations .ood-print {
  cursor: pointer;
}
.glance-page--organization_operations .ood-report, .glance-page--organization_operations .ood-report:hover, .glance-page--organization_operations .ood-report:focus {
  text-decoration: none;
  color: inherit;
}
.glance-page--organization_operations .glance-brief__band-heading, .glance-page--organization_operations .glance-page__heading {
  text-shadow: none;
}
.glance-page--organization_operations .glance-brief__band--counts .glance-brief__grid, .glance-page--organization_operations .glance-brief__band--numbers .glance-brief__grid {
  align-items: stretch;
}
.glance-page--organization_operations .glance-brief__band--counts .glance-brief__grid.glance-brief__grid, .glance-page--organization_operations .glance-brief__band--numbers .glance-brief__grid.glance-brief__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.glance-page--organization_operations .glance-brief__band--counts .glance-brief__grid.glance-brief__grid--pair, .glance-page--organization_operations .glance-brief__band--numbers .glance-brief__grid.glance-brief__grid--pair {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.glance-page--organization_operations .glance-brief__band--counts .glance-brief__grid.glance-brief__grid--solo, .glance-page--organization_operations .glance-brief__band--numbers .glance-brief__grid.glance-brief__grid--solo {
  grid-template-columns: minmax(0, 1fr);
}
.glance-page--organization_operations .glance-brief__band--counts .glance-widget, .glance-page--organization_operations .glance-brief__band--numbers .glance-widget {
  grid-column: auto;
  height: 100%;
}
@media (max-width: 1100px) {
  .glance-page--organization_operations .glance-brief__band--counts .glance-brief__grid.glance-brief__grid, .glance-page--organization_operations .glance-brief__band--numbers .glance-brief__grid.glance-brief__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .glance-page--organization_operations .glance-brief__band--counts .glance-brief__grid.glance-brief__grid--solo, .glance-page--organization_operations .glance-brief__band--numbers .glance-brief__grid.glance-brief__grid--solo {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 620px) {
  .glance-page--organization_operations .glance-brief__band--counts .glance-brief__grid.glance-brief__grid,
  .glance-page--organization_operations .glance-brief__band--counts .glance-brief__grid.glance-brief__grid--pair, .glance-page--organization_operations .glance-brief__band--numbers .glance-brief__grid.glance-brief__grid,
  .glance-page--organization_operations .glance-brief__band--numbers .glance-brief__grid.glance-brief__grid--pair {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ood-print-head {
  display: none;
}

@media print {
  @page {
    size: letter portrait;
    margin: 0.5in;
  }
  body:has(.glance-page--organization_operations) {
    background: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body:has(.glance-page--organization_operations) .site-navbar, body:has(.glance-page--organization_operations) .site-menubar, body:has(.glance-page--organization_operations) .site-menubar-footer, body:has(.glance-page--organization_operations) nav.navbar, body:has(.glance-page--organization_operations) .navbar, body:has(.glance-page--organization_operations) .page-tabs,
  body:has(.glance-page--organization_operations) .breadcrumb, body:has(.glance-page--organization_operations) .breadcrumbs, body:has(.glance-page--organization_operations) .quick_create_container, body:has(.glance-page--organization_operations) .skip-to-content,
  body:has(.glance-page--organization_operations) .flashMessages, body:has(.glance-page--organization_operations) #flash-messages, body:has(.glance-page--organization_operations) #flash_messages, body:has(.glance-page--organization_operations) .site-footer, body:has(.glance-page--organization_operations) footer,
  body:has(.glance-page--organization_operations) .announcement-modal, body:has(.glance-page--organization_operations) .quota-banner, body:has(.glance-page--organization_operations) #bullet-warnings, body:has(.glance-page--organization_operations) #quick-message-modal,
  body:has(.glance-page--organization_operations) .custom-spinner, body:has(.glance-page--organization_operations) .section-info-flash, body:has(.glance-page--organization_operations) .desk-sidenav, body:has(.glance-page--organization_operations) .desk-topbar, body:has(.glance-page--organization_operations) .insights-rail,
  body:has(.glance-page--organization_operations) [data-help-launcher], body:has(.glance-page--organization_operations) .help-launcher, body:has(.glance-page--organization_operations) .quick_create_entities, body:has(.glance-page--organization_operations) .wb_container, body:has(.glance-page--organization_operations) .edcf-support-fab-wrap,
  body:has(.glance-page--organization_operations) #bullet-footer, body:has(.glance-page--organization_operations) .profiler-results {
    display: none !important;
  }
  body:has(.glance-page--organization_operations) .page, body:has(.glance-page--organization_operations) .page-content, body:has(.glance-page--organization_operations) .container-fluid, body:has(.glance-page--organization_operations) main {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    background: #fff !important;
  }
  .glance-page--organization_operations {
    padding: 0;
    color: #000;
  }
  .glance-page--organization_operations .ood-print-head {
    display: block;
    border-bottom: 2px solid #000;
    padding-bottom: 6pt;
    margin-bottom: 12pt;
  }
  .glance-page--organization_operations .ood-print-head__org {
    margin: 0;
    font-size: 10pt;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  .glance-page--organization_operations .ood-print-head__title {
    margin: 2pt 0 0;
    font-size: 18pt;
    font-weight: 700;
  }
  .glance-page--organization_operations .ood-print-head__date {
    margin: 2pt 0 0;
    font-size: 10pt;
  }
  .glance-page--organization_operations .glance-page__head {
    display: none;
  }
  .glance-page--organization_operations .glance-brief__band--counts .glance-brief__grid.glance-brief__grid,
  .glance-page--organization_operations .glance-brief__band--numbers .glance-brief__grid.glance-brief__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10pt;
  }
  .glance-page--organization_operations .glance-brief__band-heading {
    font-size: 9pt;
    color: #000;
    -moz-column-break-after: avoid;
         break-after: avoid;
    page-break-after: avoid;
  }
  .glance-page--organization_operations .glance-widget {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
    box-shadow: none !important;
    border: 1px solid #888 !important;
  }
  .glance-page--organization_operations .glance-widget__menu, .glance-page--organization_operations .glance-widget__gear, .glance-page--organization_operations .glance-widget__door, .glance-page--organization_operations .workbook-pin-icon, .glance-page--organization_operations .glance-widget__actions, .glance-page--organization_operations .glance-widget__report,
  .glance-page--organization_operations .glance-records__more, .glance-page--organization_operations .glance-attention__more, .glance-page--organization_operations .ny-actions, .glance-page--organization_operations .glance-rules, .glance-page--organization_operations .glance-prov__about,
  .glance-page--organization_operations [data-component=DashboardBuilder], .glance-page--organization_operations .glance-customize-mount {
    display: none !important;
  }
  .glance-page--organization_operations .glance-records__link, .glance-page--organization_operations .glance-attention__link {
    color: #000;
    text-decoration: none;
  }
}
.org-ops-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 8px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  color: #4f5b6b;
  text-decoration: none;
}
.org-ops-eyebrow i {
  font-size: var(--edc-fs-eyebrow);
}
.org-ops-eyebrow:hover, .org-ops-eyebrow:focus {
  color: #1f2937;
  text-decoration: underline;
}

.frs-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.frs-page h1, .frs-page h2, .frs-page h3 {
  text-shadow: none;
  color: #1c2531;
}
.frs-page .card, .frs-page .panel {
  height: auto;
  margin-bottom: 0;
}
.frs-page .frs-sub {
  display: block;
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
  margin-top: 2px;
}
.frs-page .btn {
  min-width: 0;
}
.frs-page .btn-sm {
  white-space: nowrap;
}

.frs-page--narrow {
  max-width: 880px;
}

.frs-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.frs-head__kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  color: #4b5565;
}
.frs-head__kicker a {
  color: #1c3f75;
  font-weight: 600;
  text-decoration: none;
}
.frs-head__kicker a:hover {
  text-decoration: underline;
}
.frs-head__title {
  font-size: var(--edc-fs-display);
  font-weight: 800;
  letter-spacing: -0.01em;
  margin: 0 0 4px;
  line-height: 1.2;
}
.frs-head__sub {
  margin: 0;
  color: #4b5565;
  max-width: 68ch;
  line-height: 1.5;
}
.frs-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.frs-section {
  margin-bottom: 24px;
}

.frs-section--apart {
  margin-top: 48px;
}

.frs-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.frs-section__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0;
}

.frs-section__note {
  margin: 0;
  max-width: 75ch;
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
}

.frs-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
  margin: 0;
}
.frs-check input {
  margin-top: 3px;
}

.frs-label {
  display: block;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4b5565;
  margin: 0 0 4px;
}

.frs-panel {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 20px;
}

.frs-figures {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}

.frs-figure {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 16px;
  min-width: 0;
}
.frs-figure__value {
  display: block;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.frs-figure__note {
  display: block;
  margin-top: 4px;
  font-size: var(--edc-fs-secondary);
  color: #4b5565;
}
.frs-figure--warn .frs-figure__value {
  color: #a34d09;
}
.frs-figure--bad .frs-figure__value {
  color: #b42318;
}
.frs-figure--good .frs-figure__value {
  color: #0a7a54;
}

.frs-progress__bar {
  position: relative;
  height: 12px;
  border-radius: 999px;
  background: #e4e8ee;
  overflow: hidden;
}
.frs-progress__pledged, .frs-progress__received {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 999px;
}
.frs-progress__pledged {
  background: #6f93d8;
}
.frs-progress__received {
  background: #1f3f8f;
}
.frs-progress__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--edc-fs-secondary);
  color: #4b5565;
  font-variant-numeric: tabular-nums;
}
.frs-progress__legend strong {
  color: #1c2531;
  font-weight: 700;
}
.frs-progress__swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  margin-right: 4px;
  vertical-align: -1px;
}
.frs-progress__swatch--pledged {
  background: #6f93d8;
}
.frs-progress__swatch--received {
  background: #1f3f8f;
}
.frs-progress__swatch--goal {
  background: #e4e8ee;
  border: 1px solid #b7c0cc;
}
.frs-progress--lg .frs-progress__bar {
  height: 16px;
}

.frs-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.frs-tools form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
  margin: 0;
}
.frs-tools input[type=search], .frs-tools input[type=text], .frs-tools input[type=date], .frs-tools select {
  width: auto;
  min-width: 180px;
  max-width: 280px;
}

.frs-pills {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
}
.frs-pills a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 999px;
  color: #1c2531;
  font-weight: 600;
  font-size: var(--edc-fs-secondary);
  text-decoration: none;
  white-space: nowrap;
}
.frs-pills a:hover {
  background: #fff;
}
.frs-pills a[aria-current=page], .frs-pills a.is-on {
  background: #1c3f75;
  color: #fff;
}
.frs-pills .frs-pills__count {
  font-variant-numeric: tabular-nums;
  opacity: 0.85;
}

.frs-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.frs-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 20px;
  min-width: 0;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.frs-card:hover, .frs-card:focus-within {
  border-color: #b9c4d3;
  box-shadow: 0 2px 10px rgba(28, 37, 49, 0.06);
}
.frs-card__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
.frs-card__name {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1c2531;
  text-decoration: none;
  line-height: 1.3;
}
.frs-card__name:hover, .frs-card__name:focus {
  color: #1c3f75;
  text-decoration: underline;
}
.frs-card__meta {
  margin: 4px 0 0;
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
}
.frs-card__percent {
  flex: none;
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #1c3f75;
}
.frs-card__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}
.frs-card__facts dt {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4b5565;
}
.frs-card__facts dd {
  margin: 4px 0 0;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.frs-card__foot {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
}

.frs-chip, .frs-pay__state {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f5f7fa;
  border: 1px solid #dfe4ea;
  color: #1c2531;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  white-space: nowrap;
}
.frs-chip--warn {
  background: #fdf0e3;
  border-color: #f3cfa9;
  color: #a34d09;
}
.frs-chip--bad {
  background: #fdecea;
  border-color: #f5c2bd;
  color: #b42318;
}
.frs-chip--good {
  background: #e3f4ec;
  border-color: #b6e0cb;
  color: #0a7a54;
}

.frs-status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  white-space: nowrap;
  border: 1px solid transparent;
}
.frs-status--identified {
  background: #f5f7fa;
  color: #3d4756;
  border-color: #dfe4ea;
}
.frs-status--asked {
  background: #e8eefb;
  color: #1d4ca3;
  border-color: #c6d5f3;
}
.frs-status--pledged {
  background: #e3f4ec;
  color: #0a7a54;
  border-color: #b6e0cb;
}
.frs-status--declined {
  background: #fdecea;
  color: #b42318;
  border-color: #f5c2bd;
}

.frs-status-switch {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 4px;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  background: #f5f7fa;
}
.frs-status-switch form {
  margin: 0;
}
.frs-status-switch button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 8px;
  padding: 4px 12px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
  cursor: pointer;
}
.frs-status-switch button:hover {
  background: #fff;
  border-color: #dfe4ea;
}
.frs-status-switch button:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.frs-status-switch button[aria-pressed=true] {
  background: #fff;
  border-color: #9fb0c8;
  box-shadow: 0 1px 2px rgba(28, 37, 49, 0.08);
}
.frs-status-switch details[open] {
  flex-basis: 100%;
}
.frs-status-switch__more {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
  cursor: pointer;
}
.frs-status-switch__more::-webkit-details-marker {
  display: none;
}
.frs-status-switch__more:hover {
  background: #fff;
  border-color: #dfe4ea;
}
.frs-status-switch__more:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}
.frs-status-switch__more.is-on {
  background: #fff;
  border-color: #9fb0c8;
}
.frs-status-switch .frs-inline-form {
  padding: 12px 8px 4px;
}

.frs-table-wrap {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  overflow-x: auto;
  position: relative;
}

.frs-table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  font-size: var(--edc-fs-body);
}
.frs-table caption {
  caption-side: top;
  padding: 0;
}
.frs-table th {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4b5565;
  background: #f5f7fa;
  padding: 12px 16px;
  border-bottom: 1px solid #dfe4ea;
  text-align: left;
  white-space: nowrap;
}
.frs-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #eef1f5;
  vertical-align: middle;
}
.frs-table tbody tr:last-child td {
  border-bottom: 0;
}
.frs-table tbody tr:hover td {
  background: #fafbfc;
}
.frs-table .frs-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.frs-table .frs-nowrap {
  white-space: nowrap;
}
.frs-table .frs-name {
  min-width: 180px;
}
.frs-table a.frs-row-link {
  color: #1c2531;
  font-weight: 700;
  text-decoration: none;
}
.frs-table a.frs-row-link:hover, .frs-table a.frs-row-link:focus {
  color: #1c3f75;
  text-decoration: underline;
}
.frs-table .frs-sub {
  display: block;
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
  margin-top: 2px;
}
.frs-table tfoot td {
  font-weight: 700;
  background: #f5f7fa;
  border-top: 1px solid #dfe4ea;
}

.frs-icon-btn {
  min-width: 32px;
  padding-left: 8px;
  padding-right: 8px;
  align-self: stretch;
  display: inline-flex;
  align-items: center;
}

.frs-row-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 4px;
}
.frs-row-actions form {
  margin: 0;
  display: inline;
}
.frs-row-actions:has(details[open]) {
  flex-wrap: wrap;
}

.frs-empty {
  background: #fff;
  border: 1px dashed #c3ccd8;
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  color: #4b5565;
}
.frs-empty__icon {
  font-size: calc(var(--edc-fs-display) * 28 / 24);
  color: #8a97a8;
  margin-bottom: 8px;
}
.frs-empty__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #1c2531;
  margin: 0 0 4px;
}
.frs-empty p {
  margin: 0 auto 16px;
  max-width: 52ch;
  line-height: 1.5;
}
.frs-empty p:last-child {
  margin-bottom: 0;
}

.frs-split {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.frs-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.frs-facts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 16px;
  margin: 0;
}
.frs-facts dt {
  font-size: var(--edc-fs-eyebrow);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4b5565;
}
.frs-facts dd {
  margin: 4px 0 0;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.frs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.frs-list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #eef1f5;
}
.frs-list li:first-child {
  padding-top: 0;
}
.frs-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.frs-list .frs-list__main {
  min-width: 0;
}
.frs-list .frs-list__title {
  font-weight: 700;
  color: #1c2531;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.frs-list a.frs-list__title:hover, .frs-list a.frs-list__title:focus {
  color: #1c3f75;
  text-decoration: underline;
}
.frs-list .frs-list__meta {
  display: block;
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
  margin-top: 2px;
}
.frs-list .frs-list__value {
  flex: none;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.frs-form fieldset {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 20px;
  margin: 0 0 24px;
  min-width: 0;
}
.frs-form legend {
  float: left;
  width: 100%;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0 0 12px;
  padding: 0;
}
.frs-form legend + * {
  clear: both;
}
.frs-form .frs-form__hint {
  margin: 0 0 16px;
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
  clear: both;
}
.frs-form .frs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}
.frs-form .frs-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.frs-form .frs-field--wide {
  grid-column: 1/-1;
}
.frs-form .frs-field label, .frs-form .frs-field .frs-field__label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1c2531;
  margin: 0;
}
.frs-form .frs-field small {
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
}
.frs-form .frs-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  margin: 0;
}
.frs-form .frs-check input {
  margin-top: 3px;
}
.frs-form .form-control, .frs-form .form-select {
  min-height: 38px;
}
.frs-form .frs-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.frs-inline-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
}
.frs-inline-form .frs-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1 1 160px;
}
.frs-inline-form .frs-field.w-100 {
  flex: 1 1 100%;
}
.frs-inline-form label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  margin: 0;
}

.frs-head > .frs-details[open] {
  flex-basis: 100%;
}

.frs-details > summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
}
.frs-details > summary::-webkit-details-marker {
  display: none;
}
.frs-details[open] > summary {
  margin-bottom: 12px;
}

.frs-pay--overdue td {
  background: #fff8f7;
}
.frs-pay__state--paid {
  background: #e3f4ec;
  border-color: #b6e0cb;
  color: #0a7a54;
}
.frs-pay__state--overdue {
  background: #fdecea;
  border-color: #f5c2bd;
  color: #b42318;
}
.frs-pay__state--billed {
  background: #e8eefb;
  border-color: #c6d5f3;
  color: #1d4ca3;
}
.frs-pay__state--soon {
  background: #fdf0e3;
  border-color: #f3cfa9;
  color: #a34d09;
}

.frs-record-pay > summary {
  list-style: none;
}
.frs-record-pay > summary::-webkit-details-marker {
  display: none;
}
.frs-record-pay[open] {
  width: 100%;
}
.frs-record-pay .frs-inline-form {
  margin-top: 8px;
  padding: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 8px;
  background: #f5f7fa;
}

.frs-letter {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 12px;
  padding: 32px;
  line-height: 1.6;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}
.frs-letter__subject {
  font-weight: 700;
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eef1f5;
}
.frs-letter p {
  margin: 0 0 12px;
}

.frs-merge-words {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.frs-merge-words code {
  font-size: var(--edc-fs-label);
  color: #1c3f75;
  background: #e8eefb;
  padding: 2px 6px;
  border-radius: 6px;
}
.frs-merge-words li {
  font-size: var(--edc-fs-secondary);
  color: #4b5565;
}

.frs-recognition {
  -moz-columns: 2 260px;
       columns: 2 260px;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.frs-recognition__level {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin: 0 0 24px;
}
.frs-recognition__title {
  font-size: var(--edc-fs-secondary);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1c3f75;
  margin: 0 0 8px;
}
.frs-recognition__names {
  list-style: none;
  margin: 0;
  padding: 0;
}
.frs-recognition__names li {
  padding: 4px 0;
}
.frs-recognition__anon {
  color: #4b5565;
  font-style: italic;
}

.frs-levels {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.frs-level {
  display: flex;
  flex-direction: column;
}
.frs-level > .frs-details {
  margin-top: auto;
}
.frs-level__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 8px;
}
.frs-level__name {
  font-size: var(--edc-fs-heading);
  font-weight: 800;
  margin: 0;
}
.frs-level__min {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  color: #1c3f75;
  white-space: nowrap;
}
.frs-level__benefits {
  margin: 0 0 12px;
  padding-left: 20px;
  list-style: disc;
  color: #1c2531;
}
.frs-level__benefits li {
  margin-bottom: 4px;
  display: list-item;
}
.frs-level__count {
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
  margin: 0 0 12px;
}

.frs-callout {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 16px 20px;
  border-radius: 12px;
  background: #e8eefb;
  border: 1px solid #c6d5f3;
  margin-bottom: 24px;
}
.frs-callout p {
  margin: 0;
  max-width: 72ch;
  line-height: 1.5;
}
.frs-callout strong {
  color: #1c2531;
}

.frs-board-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px;
}
.frs-board-head__title {
  font-size: calc(var(--edc-fs-title) * 20 / 18);
  font-weight: 800;
  margin: 0;
}

@media (max-width: 1199px) {
  .frs-split {
    grid-template-columns: minmax(0, 1fr);
  }
  .frs-figures {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .frs-row-actions {
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) {
  .frs-page {
    padding: 16px 16px 32px;
  }
  .frs-head__title {
    font-size: calc(var(--edc-fs-title) * 20 / 18);
  }
  .frs-cards {
    grid-template-columns: minmax(0, 1fr);
  }
  .frs-card__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .frs-tools input[type=search], .frs-tools select, .frs-tools input[type=date] {
    max-width: none;
    width: 100%;
  }
  .frs-tools form {
    width: 100%;
  }
  .frs-letter {
    padding: 20px;
  }
}
@media print {
  .frs-no-print {
    display: none !important;
  }
}
.frs-giving {
  color: #1c2531;
  font-size: var(--edc-fs-body);
}
.frs-giving .frs-figures {
  margin-bottom: 16px;
}
.frs-giving .frs-sub {
  display: block;
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
  margin-top: 2px;
}
.frs-giving .frs-row-actions {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.frs-history {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.frs-history__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

.frs-giving-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.frs-giving-chips__more {
  color: #4b5565;
  font-size: var(--edc-fs-secondary);
}

.frs-giving-chip {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #dfe4ea;
  border-radius: 999px;
  background: #fff;
  color: #1c2531;
  font-size: var(--edc-fs-secondary);
  line-height: 1.35;
  text-decoration: none;
}
.frs-giving-chip i {
  color: #1c3f75;
}
.frs-giving-chip__what {
  font-weight: 700;
}
.frs-giving-chip__sep {
  color: #4b5565;
}
.frs-giving-chip:hover {
  border-color: #1c3f75;
  text-decoration: none;
  color: #1c2531;
}
.frs-giving-chip:focus-visible {
  outline: 2px solid #1c3f75;
  outline-offset: 2px;
}

.oo-app[data-oo-module=fundraising] .oo-entity select {
  max-width: 340px;
}

.gs-walk-highlight {
  border: 3px solid #193f87;
  box-shadow: 0 0 0 4px rgba(61, 111, 214, 0.35), 0 0 0 6000px rgba(17, 24, 39, 0.16);
}

.gs-walk {
  position: fixed;
  z-index: 2060;
  width: min(380px, 100vw - 32px);
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  background: #fff;
  color: #212529;
  border: 1px solid #d5ddef;
  border-radius: 12px;
  box-shadow: 0 12px 36px rgba(17, 24, 39, 0.28);
  padding: 16px 18px 14px;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
}
.gs-walk__eyebrow {
  margin: 0 0 2px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #495057;
}
.gs-walk__title {
  margin: 0;
  font-size: calc(var(--edc-fs-heading) * 17 / 16);
  font-weight: 700;
  line-height: 1.3;
  color: #212529;
  text-shadow: none;
  outline: none;
}
.gs-walk__title:focus-visible {
  outline: 2px solid #3d6fd6;
  outline-offset: 3px;
  border-radius: 3px;
}
.gs-walk__position {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #495057;
}
.gs-walk__dots {
  display: inline-flex;
  gap: 4px;
}
.gs-walk__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1.5px solid #193f87;
  background: #fff;
}
.gs-walk__dot.is-past {
  background: rgba(25, 63, 135, 0.45);
}
.gs-walk__dot.is-on {
  background: #193f87;
}
.gs-walk__control {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  margin: 12px 0 4px;
}
.gs-walk__control strong {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #193f87;
}
.gs-walk__control-label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #495057;
}
.gs-walk__text {
  margin: 6px 0 12px;
  font-size: var(--edc-fs-body);
  color: #212529;
}
.gs-walk__note {
  margin: 0 0 12px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f3f6fc;
  font-size: var(--edc-fs-secondary);
  color: #495057;
}
.gs-walk__note--warn {
  background: #fff7ed;
  color: #7a4100;
}
.gs-walk__win {
  margin: 10px 0 14px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #ecf7f0;
  color: #0f5132;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 600;
}
.gs-walk--done .gs-walk__title::before {
  content: "✓";
  display: inline-block;
  margin-right: 8px;
  color: #146c43;
}
.gs-walk__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid #e6e9ef;
}
.gs-walk__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}
.gs-walk__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 0;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 7px 12px;
  font: inherit;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
}
.gs-walk__btn:focus-visible {
  outline: 2px solid #3d6fd6;
  outline-offset: 2px;
}
.gs-walk__btn--primary {
  background: #193f87;
  color: #fff;
}
.gs-walk__btn--primary:hover {
  background: #142f66;
}
.gs-walk__btn--ghost {
  background: #fff;
  color: #193f87;
  border-color: #d5ddef;
}
.gs-walk__btn--ghost:hover {
  background: #f3f6fc;
}
.gs-walk__btn--quiet {
  background: transparent;
  color: #495057;
  padding-left: 0;
  padding-right: 0;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.gs-walk__btn--quiet:hover {
  color: #212529;
}
.gs-walk--failure {
  padding: 12px 16px;
}
.gs-walk__live {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (max-width: 599.98px) {
  .gs-walk {
    left: 8px !important;
    right: 8px;
    width: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .gs-walk-highlight {
    transition: none;
  }
}
@media (forced-colors: active) {
  .gs-walk {
    border: 2px solid CanvasText;
  }
  .gs-walk-highlight {
    border-color: Highlight;
    box-shadow: none;
  }
  .gs-walk__btn {
    border: 1px solid ButtonText;
  }
  .gs-walk__dot.is-on {
    forced-color-adjust: none;
    background: Highlight;
  }
}
@media print {
  .gs-walk, .gs-walk-backdrop {
    display: none !important;
  }
}
.gs-hero {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  margin: 0 0 24px;
  padding: 20px 24px;
  border: 0;
  border-radius: 14px;
  background: #193f87;
  color: #fff;
  text-align: left;
  font: inherit;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(25, 63, 135, 0.22);
}
.gs-hero:hover {
  background: #142f66;
}
.gs-hero:focus-visible {
  outline: 3px solid #3d6fd6;
  outline-offset: 3px;
}
.gs-hero__icon {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  font-size: calc(var(--edc-fs-display) * 22 / 24);
}
.gs-hero__body {
  flex: 1 1 auto;
  min-width: 0;
}
.gs-hero__title {
  display: block;
  font-size: calc(var(--edc-fs-display) * 22 / 24);
  font-weight: 700;
  line-height: 1.25;
}
.gs-hero__sub {
  display: block;
  margin-top: 4px;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  color: #e3e9f6;
}
.gs-hero__go {
  flex: 0 0 auto;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  font-weight: 700;
  white-space: nowrap;
}
.gs-hero--small {
  display: inline-flex;
  width: auto;
  padding: 10px 16px;
  margin: 0;
  gap: 10px;
  box-shadow: none;
}
.gs-hero--small .gs-hero__icon {
  width: 30px;
  height: 30px;
  font-size: var(--edc-fs-body);
}
.gs-hero--small .gs-hero__title {
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}

.gs-hero-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
  margin: 0 0 24px;
}

.gs-whats-new {
  flex: 1 1 320px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border: 1px solid #d5ddef;
  border-radius: 12px;
  background: #f3f6fc;
  color: #212529;
  text-decoration: none;
}
.gs-whats-new:hover {
  background: #e9eff9;
  color: #212529;
}
.gs-whats-new:focus-visible {
  outline: 2px solid #3d6fd6;
  outline-offset: 2px;
}
.gs-whats-new strong {
  display: block;
  font-size: var(--edc-fs-heading);
  color: #193f87;
}
.gs-whats-new span {
  font-size: var(--edc-fs-body);
  color: #495057;
}

@media (max-width: 599.98px) {
  .gs-hero {
    padding: 16px;
    gap: 12px;
  }
  .gs-hero__go {
    display: none;
  }
  .gs-hero__title {
    font-size: calc(var(--edc-fs-title) * 19 / 18);
  }
}
.gs-invite {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 8px 14px;
  border: 1px solid #d5ddef;
  border-radius: 999px;
  background: #fff;
  color: #193f87;
  font: inherit;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  cursor: pointer;
}
.gs-invite:hover {
  background: #f3f6fc;
}
.gs-invite:focus-visible {
  outline: 2px solid #3d6fd6;
  outline-offset: 2px;
}

.gs-start {
  display: block;
  margin: 0 0 28px;
  padding: 0;
  border: 0;
  background: none;
}
.gs-start .gs-hero {
  margin-bottom: 10px;
}
.gs-start .gs-hero-row {
  margin-bottom: 10px;
}

.gs-start__manual {
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #495057;
}
.gs-start__manual a {
  color: #193f87;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.gs-walk__stack {
  display: grid;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid #e6e9ef;
}

.gs-walk__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.gs-walk__btn--wide {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.edcf-reload-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 16px;
  padding: 8px 8px 8px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  color: #1f2937;
  font-size: var(--edc-fs-body);
  line-height: 1.45;
  text-align: left;
}
.edcf-reload-line .edcf-reload-line__text {
  flex: 1 1 18rem;
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: 400;
}
.edcf-reload-line .edcf-reload-line__reload,
.edcf-reload-line .edcf-reload-line__dismiss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  margin: 0;
  border-radius: 6px;
  font-family: inherit;
  font-size: var(--edc-fs-body);
  line-height: 1.4;
  cursor: pointer;
}
.edcf-reload-line .edcf-reload-line__reload:focus-visible,
.edcf-reload-line .edcf-reload-line__dismiss:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.edcf-reload-line .edcf-reload-line__reload {
  padding: 4px 14px;
  border: 1px solid #64748b;
  background: #fff;
  color: #1e3a8a;
  font-weight: 600;
}
.edcf-reload-line .edcf-reload-line__reload:hover {
  background: #eff6ff;
  border-color: #1e3a8a;
}
.edcf-reload-line .edcf-reload-line__dismiss {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #374151;
}
.edcf-reload-line .edcf-reload-line__dismiss:hover {
  background: #e2e8f0;
}

.ccs-sheet__main > .edcf-reload-line {
  margin: 0;
  border-width: 0 0 1px;
  border-radius: 0;
  padding-left: 24px;
}

.edcf-part-failed {
  margin: 0 0 16px;
  padding: 8px 16px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  color: #1f2937;
  font-size: var(--edc-fs-body);
  line-height: 1.45;
  text-align: left;
}
.edcf-part-failed > .edcf-reload-line {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.edcf-tell-us {
  margin: 12px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid #e2e8f0;
}
.edcf-tell-us .edcf-tell-us__label {
  display: block;
  margin: 0 0 4px;
  color: #1f2937;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1.45;
}
.edcf-tell-us .edcf-tell-us__words {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 64px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #64748b;
  border-radius: 6px;
  background: #fff;
  color: #1f2937;
  font-family: inherit;
  font-size: var(--edc-fs-body);
  line-height: 1.45;
  resize: vertical;
  box-shadow: none;
}
.edcf-tell-us .edcf-tell-us__words:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.edcf-tell-us .edcf-tell-us__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 8px;
}
.edcf-tell-us .edcf-tell-us__send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  margin: 0;
  padding: 4px 14px;
  border: 1px solid #64748b;
  border-radius: 6px;
  background: #fff;
  color: #1e3a8a;
  font-family: inherit;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
}
.edcf-tell-us .edcf-tell-us__send:hover {
  background: #eff6ff;
  border-color: #1e3a8a;
}
.edcf-tell-us .edcf-tell-us__send:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.edcf-tell-us .edcf-tell-us__status {
  flex: 1 1 12rem;
  margin: 0;
  color: #1f2937;
  font-size: var(--edc-fs-body);
  line-height: 1.45;
}
.edcf-tell-us .edcf-tell-us__status:empty {
  display: none;
}
.edcf-tell-us .edcf-tell-us__status:focus {
  outline: none;
}
.edcf-tell-us .edcf-tell-us__status:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.edcf-tell-us [hidden] {
  display: none !important;
}

.navbar-downloads {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-right: 4px;
}

.navbar-downloads-btn {
  font-size: calc(var(--edc-fs-title) * 21 / 18);
}

.navbar-downloads-badge {
  position: absolute;
  top: 2px;
  right: 1px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: #1d4ed8;
  color: #fff;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  line-height: 16px;
  text-align: center;
}
.navbar-downloads-badge[hidden] {
  display: none;
}

.navbar-downloads-dropdown {
  width: 400px;
  max-width: calc(100vw - 24px);
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  padding: 0;
  overflow: hidden;
  margin-top: 8px !important;
  color: #1c2531;
}

.dlp__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #e5e7eb;
}

.dlp__title {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
  text-shadow: none;
}

.dlp__count {
  font-size: var(--edc-fs-label);
  color: #475569;
}

.dlp__body .dlj-list {
  max-height: min(400px, 100vh - 220px);
  overflow-y: auto;
}

.dlp__live {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  padding: 0 16px;
}
.dlp__live.is-shown {
  padding: 8px 16px;
  background: #f5f7fa;
  border-bottom: 1px solid #dfe4ea;
}
.dlp__live.is-error {
  color: #b42318;
  background: #fef3f2;
}

.dlp__empty {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 0;
  padding: 16px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}
.dlp__empty i {
  font-size: var(--edc-fs-title);
  margin-top: 2px;
  color: #475569;
}
.dlp__empty p {
  margin: 0;
}
.dlp__empty--error {
  color: #b42318;
}

.dlp__footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-top: 1px solid #e5e7eb;
  background: #fafafa;
}
.dlp__footer a {
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #1d4ed8;
  text-decoration: none;
}
.dlp__footer a:hover, .dlp__footer a:focus {
  text-decoration: underline;
}

.dlj-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dlj-list > .dlj {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 136px 216px;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 8px;
  align-items: start;
  padding: 16px 20px;
  border-top: 1px solid #dfe4ea;
}
.dlj-list > .dlj:first-child {
  border-top: 0;
}

.dlj-list--compact > .dlj {
  grid-template-columns: 28px minmax(0, 1fr);
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding: 12px 16px;
}
.dlj-list--compact > .dlj .dlj__acts {
  grid-column: 2;
  justify-content: flex-start;
}
.dlj-list--compact > .dlj .dlj__acts:empty {
  display: none;
}

.navbar-downloads-dropdown .dlj-list > .dlj {
  display: grid !important;
}

.dlj__state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: -3px;
}

.dlj .dlj__remove--narrow {
  display: none;
}

@media (max-width: 1099px) {
  .dlj .dlj__remove--narrow {
    display: inline-flex;
  }
  .dlj .dlj__remove--wide {
    display: none;
  }
}
.dlj__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #f5f7fa;
  color: #1c3f75;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
}
.dlj--compact .dlj__icon {
  width: 28px;
  height: 28px;
  font-size: var(--edc-fs-secondary);
}

.dlj__main {
  min-width: 0;
}

.dlj__top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.dlj__title {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
  overflow-wrap: anywhere;
}

.dlj__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: none;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  white-space: nowrap;
}
.dlj__status--running {
  color: #1d4ed8;
  background: #eff4ff;
}
.dlj__status--done {
  color: #166534;
  background: #ecfdf3;
}
.dlj__status--failed {
  color: #b42318;
  background: #fef3f2;
}
.dlj__status--muted {
  color: #475569;
  background: #f1f5f9;
}

.dlj__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}
.dlj__meta span:not(:last-child)::after {
  content: "·";
  margin-left: 12px;
  color: #64748b;
}

.dlj__bar {
  position: relative;
  height: 6px;
  margin-top: 8px;
  border-radius: 3px;
  background: #e2e8f0;
  overflow: hidden;
}

.dlj__bar-fill {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: #1d4ed8;
  transition: width 0.4s ease;
}
.dlj__bar--unknown .dlj__bar-fill {
  animation: dlj-sweep 1.6s ease-in-out infinite;
}

@keyframes dlj-sweep {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(290%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .dlj__bar-fill {
    transition: none;
  }
  .dlj__bar--unknown .dlj__bar-fill {
    animation: none;
  }
  .dlj__status .fa-spin-pulse {
    animation: none;
  }
}
body.reduced-motion .dlj__bar--unknown .dlj__bar-fill, body.reduced-motion .dlj__status .fa-spin-pulse {
  animation: none;
}

.dlj__progress {
  margin: 4px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #475569;
  font-variant-numeric: tabular-nums;
}

.dlj__error {
  margin: 8px 0 0;
  font-size: var(--edc-fs-secondary);
  color: #b42318;
}

.dlj__acts {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.dlj__btn.btn {
  min-width: 0;
  font-size: var(--edc-fs-secondary);
  padding: 4px 12px;
  white-space: nowrap;
}

.dlj .btn-primary {
  background-color: #1c3f75;
  border-color: #1c3f75;
}
.dlj .btn-primary:hover, .dlj .btn-primary:focus {
  background-color: #163258;
  border-color: #163258;
}

.dlj__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #475569;
  font-size: calc(var(--edc-fs-body) * 15 / 14);
  cursor: pointer;
}
.dlj__remove:hover, .dlj__remove:focus-visible {
  background: #f1f5f9;
  color: #1c2531;
}
.dlj__remove:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

.dlx {
  padding: 20px 24px 48px;
  color: #1c2531;
  max-width: 1200px;
}
.dlx h1, .dlx h2 {
  text-shadow: none;
}

.dlx__header {
  margin-bottom: 24px;
}

.dlx__heading {
  margin: 0 0 8px;
  font-size: calc(var(--edc-fs-display) * 22.4 / 24);
  font-weight: 600;
  color: #1c2531;
}

.dlx__lede {
  margin: 0;
  max-width: 68ch;
  font-size: var(--edc-fs-body);
  color: #475569;
}

.dlx__flash {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #ecfdf3;
  color: #166534;
  font-size: var(--edc-fs-secondary);
}
.dlx__flash--alert {
  background: #fef3f2;
  color: #b42318;
}

.dlx__live {
  margin: 0;
  font-size: var(--edc-fs-secondary);
}
.dlx__live.is-shown {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #f5f7fa;
}
.dlx__live.is-error {
  background: #fef3f2;
  color: #b42318;
}

.dlx__panel {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  margin: 0 0 24px;
  height: auto;
}

.dlx__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  flex-wrap: wrap;
  padding: 16px 20px;
  border-bottom: 1px solid #dfe4ea;
}

.dlx__section {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0;
  font-size: var(--edc-fs-heading);
  font-weight: 600;
  color: #1c2531;
}

.dlx__running {
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #1d4ed8;
}

.dlx__filters {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.dlx-seg {
  display: inline-flex;
  padding: 2px;
  border-radius: 8px;
  background: #f1f5f9;
}

.dlx-seg__opt {
  padding: 4px 12px;
  border-radius: 6px;
  font-size: var(--edc-fs-secondary);
  font-weight: 500;
  color: #475569;
  text-decoration: none;
  white-space: nowrap;
}
.dlx-seg__opt:hover, .dlx-seg__opt:focus {
  color: #1c2531;
  text-decoration: none;
}
.dlx-seg__opt:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.dlx-seg__opt.is-on {
  background: #fff;
  color: #1c2531;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
}

.dlx__note, .dlx__help {
  margin: 0;
  padding: 12px 20px 16px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
  max-width: 90ch;
}

.dlx__empty {
  padding: 32px 20px;
  text-align: center;
  color: #475569;
  font-size: var(--edc-fs-secondary);
}
.dlx__empty i {
  font-size: var(--edc-fs-display);
  margin-bottom: 8px;
  color: #94a3b8;
}
.dlx__empty p {
  margin: 0 auto;
  max-width: 56ch;
}

.dlx__empty-title {
  margin-bottom: 4px !important;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}

.dlx-prefs__table {
  width: 100%;
  border-collapse: collapse;
}
.dlx-prefs__table th, .dlx-prefs__table td {
  padding: 12px 20px;
  border-top: 1px solid #dfe4ea;
  vertical-align: middle;
}
.dlx-prefs__table thead th {
  border-top: 0;
  font-size: var(--edc-fs-eyebrow);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  text-align: left;
}
.dlx-prefs__table thead th i {
  margin-right: 4px;
}
.dlx-prefs__table tbody th {
  font-weight: 400;
  text-align: left;
}

.dlx-prefs__ch {
  width: 112px;
  text-align: center !important;
}
.dlx-prefs__ch .form-check-input {
  float: none;
  margin: 0;
  width: 18px;
  height: 18px;
}
.dlx-prefs__ch .form-check-input:disabled {
  opacity: 0.45;
}

.dlx-prefs__kind {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #1c2531;
}
.dlx-prefs__kind i {
  width: 16px;
  color: #1c3f75;
}

.dlx-prefs__desc {
  display: block;
  margin: 2px 0 0 24px;
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.dlx-prefs__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 0 20px 16px 0;
  border-top: 1px solid #dfe4ea;
}
.dlx-prefs__foot .dlx__help {
  padding-top: 16px;
  padding-bottom: 0;
}
.dlx-prefs__foot .btn {
  min-width: 0;
  margin-top: 16px;
  background-color: #1c3f75;
  border-color: #1c3f75;
}
.dlx-prefs__foot .btn:hover, .dlx-prefs__foot .btn:focus {
  background-color: #163258;
  border-color: #163258;
}

@media (max-width: 1099px) {
  .dlx-prefs__ch {
    width: 88px;
  }
  .dlj-list > .dlj {
    grid-template-columns: 32px minmax(0, 1fr) auto;
  }
  .dlj-list > .dlj .dlj__acts {
    grid-column: 2/4;
    justify-content: flex-start;
  }
  .dlj-list > .dlj .dlj__acts:empty {
    display: none;
  }
}
@media (max-width: 767px) {
  .dlj-list > .dlj {
    grid-template-columns: 32px minmax(0, 1fr);
  }
  .dlj-list > .dlj .dlj__state {
    grid-column: 2;
  }
  .dlj-list > .dlj .dlj__acts {
    grid-column: 2;
  }
  .dlx-prefs__ch {
    width: 72px;
  }
  .dlx-prefs__table th, .dlx-prefs__table td {
    padding: 12px;
  }
}
.navbar-downloads-dropdown .dlj .btn-primary, .navbar-downloads-dropdown .dlj .btn-primary:hover, .navbar-downloads-dropdown .dlj .btn-primary:focus {
  color: #fff !important;
}
.navbar-downloads-dropdown .dlj .btn-outline-secondary {
  color: #1c2531 !important;
}
.navbar-downloads-dropdown .dlj__top {
  flex-wrap: nowrap;
  align-items: flex-start;
}
.navbar-downloads-dropdown .dlj__title {
  flex: 1 1 auto;
  min-width: 0;
}

.xb-page {
  max-width: 1440px;
  padding-block: 8px 48px;
  color: #101828;
}
.xb-page h1, .xb-page h2, .xb-page h3, .xb-page legend {
  text-shadow: none;
}

.xb-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 24px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.xb-head__title {
  font-size: calc(var(--edc-fs-display) * 26 / 24);
  font-weight: 700;
  color: #101828;
  margin: 0 0 4px;
  line-height: 1.25;
}

.xb-head__lede {
  font-size: var(--edc-fs-body);
  color: #475467;
  margin: 0;
  max-width: 70ch;
  line-height: 1.5;
}

.xb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 16px;
  min-width: 0;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  color: #344054;
  font-size: var(--edc-fs-body);
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
}
.xb-btn i {
  font-size: var(--edc-fs-secondary);
}
.xb-btn:hover:not(:disabled) {
  background: #f9fafb;
  color: #101828;
  text-decoration: none;
}
.xb-btn:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.xb-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.xb-btn--primary {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #fff;
}
.xb-btn--primary:hover:not(:disabled) {
  background: #1e40af;
  border-color: #1e40af;
  color: #fff;
}

.xb-btn--quiet {
  border-color: transparent;
  background: transparent;
  color: #475467;
  padding: 0 8px;
}
.xb-btn--quiet:hover:not(:disabled) {
  background: #f9fafb;
}

.xb-btn--small {
  height: 32px;
  padding: 0 12px;
  font-size: var(--edc-fs-secondary);
}

.xb-btn--danger {
  color: #b42318;
  border-color: #fda29b;
}
.xb-btn--danger:hover:not(:disabled) {
  background: #fef3f2;
  color: #b42318;
}

.xb-link {
  border: 0;
  background: none;
  padding: 0;
  color: #1d4ed8;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  cursor: pointer;
}
.xb-link:hover {
  text-decoration: underline;
}
.xb-link:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
  border-radius: 2px;
}

.xb-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #475467;
  cursor: pointer;
}
.xb-icon:hover:not(:disabled) {
  background: #fff;
  border-color: #d0d5dd;
  color: #101828;
}
.xb-icon:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.xb-icon:disabled {
  opacity: 0.35;
  cursor: default;
}

.xb-steps {
  margin-bottom: 16px;
}

.xb-steps__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.xb-steps__item {
  width: 100%;
  display: grid;
  grid-template-columns: 28px 1fr;
  grid-template-rows: auto auto;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 2px;
  align-items: center;
  text-align: left;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid #e4e7ec;
  background: #fff;
  color: #344054;
  cursor: pointer;
  min-width: 0;
}
.xb-steps__item:hover:not(:disabled) {
  border-color: #d0d5dd;
}
.xb-steps__item:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.xb-steps__item:disabled {
  cursor: not-allowed;
  color: #475467;
  background: #f9fafb;
}
.xb-steps__item.is-current {
  border-color: #1d4ed8;
  background: #eef4ff;
  color: #101828;
}
.xb-steps__item.is-current .xb-steps__num {
  background: #1d4ed8;
  color: #fff;
  border-color: #1d4ed8;
}

.xb-steps__num {
  grid-row: 1/span 2;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #d0d5dd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  background: #fff;
  color: #344054;
}

.xb-steps__label {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-steps__sub {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  min-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-status {
  display: none;
  margin-bottom: 16px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  background: #f9fafb;
  border: 1px solid #e4e7ec;
  color: #344054;
}
.xb-status.is-on {
  display: block;
}

.xb-status--ok {
  background: #ecfdf3;
  border-color: #abefc6;
  color: #067647;
}

.xb-status--warn {
  background: #fffaeb;
  border-color: #fedf89;
  color: #93370d;
}

.xb-status--bad {
  background: #fef3f2;
  border-color: #fecdca;
  color: #b42318;
}

.xb-status__link {
  font-weight: 600;
  color: inherit;
  text-decoration: underline;
}

.xb-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 440px);
  gap: 24px;
  align-items: start;
}

.xb-main {
  min-width: 0;
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
}

.xb-panel {
  padding: 24px 24px 8px;
}

.xb-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.xb-panel__title {
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #101828;
  margin: 0 0 16px;
  line-height: 1.3;
}
.xb-panel__title:focus, .xb-panel__title:focus-visible {
  outline: none;
}

.xb-panel__head .xb-panel__title {
  margin-bottom: 0;
}

.xb-label {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #475467;
  margin: 0 0 8px;
  padding: 0;
}

.xb-help {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 0 0 16px;
  line-height: 1.5;
  max-width: 72ch;
}

.xb-empty {
  font-size: var(--edc-fs-body);
  color: #475467;
  margin: 0;
}

.xb-start + .xb-start {
  margin-top: 24px;
}

.xb-bar {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid #e4e7ec;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 0 0 12px 12px;
  margin-top: 16px;
  z-index: 2;
}

.xb-bar__spacer {
  flex: 1;
}

.xb-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
}

.xb-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  min-width: 0;
}
.xb-item + .xb-item {
  border-top: 1px solid #e4e7ec;
}

.xb-item__text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.xb-item__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #101828;
  overflow-wrap: anywhere;
}

.xb-item__meta {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  line-height: 1.45;
}

.xb-kinds {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px;
}

.xb-kind {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid #e4e7ec;
  background: #fff;
  cursor: pointer;
  min-width: 0;
}
.xb-kind:hover {
  border-color: #c7d7fe;
  background: #eef4ff;
}
.xb-kind:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.xb-kind[aria-checked=true] {
  border-color: #1d4ed8;
  background: #eef4ff;
}

.xb-kind__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #101828;
}

.xb-kind__lede {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  line-height: 1.45;
}

.xb-search {
  position: relative;
  width: min(280px, 100%);
}
.xb-search i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #475467;
  font-size: var(--edc-fs-secondary);
}
.xb-search .xb-input {
  padding-left: 34px;
}

.xb-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 280px);
  gap: 24px;
  align-items: start;
}

.xb-groups {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.xb-group {
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  padding: 12px 16px 16px;
  margin: 0;
  min-width: 0;
  position: relative;
}

.xb-group__title {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #101828;
  margin: 0 0 8px;
  padding: 0 112px 0 0;
}

.xb-group__tools {
  position: absolute;
  top: 12px;
  right: 16px;
  display: flex;
  gap: 12px;
}

.xb-group__grid {
  clear: both;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
  gap: 4px 16px;
}

.xb-tag {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  background: #f9fafb;
  color: #475467;
  border: 1px solid #e4e7ec;
  white-space: nowrap;
}

.xb-tag--money {
  margin-left: 8px;
}

.xb-chosen {
  position: sticky;
  top: 16px;
  background: #f9fafb;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  padding: 16px;
  min-width: 0;
}

.xb-chosen__list {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: xb;
  max-height: 420px;
  overflow-y: auto;
}

.xb-chosen__item {
  counter-increment: xb;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 0;
  font-size: var(--edc-fs-secondary);
  color: #344054;
}
.xb-chosen__item::before {
  content: counter(xb);
  width: 22px;
  flex: 0 0 22px;
  color: #475467;
  font-variant-numeric: tabular-nums;
}

.xb-chosen__name {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.4;
}

.xb-fieldset {
  border: 0;
  margin: 0 0 24px;
  padding: 0;
  min-width: 0;
}

.xb-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  margin-bottom: 12px;
}

.xb-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 180px;
  flex: 0 1 220px;
}

.xb-field--wide {
  flex: 1 1 360px;
  max-width: 520px;
}

.xb-field__label {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  margin: 0;
}

.xb-input {
  height: 38px;
  width: 100%;
  padding: 0 12px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #101828;
  font-size: var(--edc-fs-body);
}
.xb-input:focus {
  outline: 2px solid #1d4ed8;
  outline-offset: 0;
  border-color: #1d4ed8;
}
.xb-input:disabled {
  background: #f9fafb;
  color: #475467;
}

.xb-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.xb-chip {
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #d0d5dd;
  background: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  cursor: pointer;
}
.xb-chip:hover {
  background: #f9fafb;
}
.xb-chip:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

.xb-check {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
  font-size: var(--edc-fs-body);
  color: #344054;
}
.xb-check input {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  accent-color: #1d4ed8;
}
.xb-check label {
  margin: 0;
  line-height: 1.45;
  cursor: pointer;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  color: #344054;
}

.xb-check--tight {
  margin-bottom: 0;
  padding: 4px 0;
  align-items: center;
}
.xb-check--tight input {
  margin-top: 0;
}
.xb-check--tight label {
  font-weight: 400;
}

.xb-check__help {
  display: block;
  font-size: var(--edc-fs-secondary);
  font-weight: 400;
  color: #475467;
  margin-top: 2px;
}

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

.xb-option {
  position: relative;
  display: grid;
  grid-template-columns: 16px 1fr;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 4px;
  padding: 12px 16px;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  cursor: pointer;
  margin: 0;
}
.xb-option input {
  grid-row: 1/span 2;
  margin-top: 3px;
  width: 16px;
  height: 16px;
  accent-color: #1d4ed8;
}
.xb-option:has(input:checked) {
  border-color: #1d4ed8;
  background: #eef4ff;
}
.xb-option:has(input:focus-visible) {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

.xb-option__name {
  font-size: var(--edc-fs-body);
  font-weight: 600;
  color: #101828;
}

.xb-option__help {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  line-height: 1.45;
}

.xb-save-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.xb-preview {
  position: sticky;
  top: 16px;
  min-width: 0;
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  padding: 16px 16px 16px;
}

.xb-preview__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.xb-preview__title {
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  margin: 0;
  color: #101828;
}

.xb-preview__count {
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #344054;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.xb-preview__note {
  font-size: var(--edc-fs-secondary);
  color: #475467;
  margin: 0 0 12px;
  line-height: 1.5;
}

.xb-preview__stamp {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  padding: 8px 12px;
  border-radius: 6px;
  background: #b42318;
  color: #fff;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.xb-preview__table {
  overflow: auto;
  max-height: 560px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
}
.xb-preview__table:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}

.xb-table {
  border-collapse: separate;
  border-spacing: 0;
  font-size: var(--edc-fs-secondary);
  min-width: 100%;
}
.xb-table th {
  position: sticky;
  top: 0;
  background: #f9fafb;
  text-align: left;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475467;
  padding: 8px 12px;
  border-bottom: 1px solid #e4e7ec;
  white-space: nowrap;
}
.xb-table td {
  padding: 8px 12px;
  border-bottom: 1px solid #e4e7ec;
  color: #344054;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.xb-table td.is-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.xb-table tbody tr:last-child td {
  border-bottom: 0;
}

@media (max-width: 1199px) {
  .xb-body {
    grid-template-columns: minmax(0, 1fr);
  }
  .xb-preview {
    position: static;
  }
  .xb-columns {
    grid-template-columns: minmax(0, 1fr);
  }
  .xb-chosen {
    position: static;
  }
  .xb-chosen__list {
    max-height: none;
  }
  .xb-steps__item {
    grid-template-columns: 24px 1fr;
    -moz-column-gap: 8px;
         column-gap: 8px;
    padding: 12px;
  }
  .xb-steps__num {
    grid-row: auto;
    width: 24px;
    height: 24px;
    font-size: var(--edc-fs-secondary);
  }
  .xb-steps__label {
    white-space: normal;
    line-height: 1.25;
  }
  .xb-steps__sub {
    display: none;
  }
}
@media (max-width: 991px) {
  .xb-steps__list {
    grid-template-columns: repeat(5, minmax(128px, 1fr));
    overflow-x: auto;
    padding-bottom: 4px;
  }
}
@media (max-width: 575px) {
  .xb-panel {
    padding: 16px 16px 8px;
  }
  .xb-bar {
    padding: 12px 16px;
    flex-wrap: wrap;
  }
  .xb-steps__sub {
    display: none;
  }
  .xb-input, .xb-btn, .xb-chip, .xb-steps__item, .xb-kind, .xb-list__use, .xb-list__remove, .xb-group__tools button, .xb-chosen__remove {
    min-height: 44px;
  }
  .xb-check input[type=checkbox], .xb-option input[type=radio] {
    width: 20px;
    height: 20px;
  }
  .xb-check, .xb-option {
    min-height: 44px;
    align-items: center;
  }
  .xb-group__tools {
    position: static;
    margin: 0 0 8px;
  }
}
.dh-full-backup__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  flex-wrap: wrap;
}

.dh-full-backup__text {
  font-size: var(--edc-fs-body);
  color: #475467;
  margin: 0;
  line-height: 1.5;
  max-width: 72ch;
}

.oosw {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
}

.oosw__button {
  order: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0 !important;
  margin: 0;
  padding: 2px 6px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  text-shadow: none;
  cursor: pointer;
}
.oosw__button:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}

.oosw__name {
  min-width: 0;
  overflow-wrap: break-word;
}

.oosw__caret {
  flex: none;
  font-size: var(--edc-fs-label);
  color: #475569;
}

.oosw.is-open .oosw__caret {
  transform: rotate(180deg);
}

.oosw.is-busy .oosw__button {
  cursor: progress;
  opacity: 0.75;
}

.oosw__area {
  order: 2;
  color: #475569;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.oosw__pop {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 1065;
  min-width: 260px;
  max-width: min(360px, 100vw - 32px);
  margin: 0;
  padding: 6px 0;
  background: #fff;
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16), 0 2px 6px rgba(15, 23, 42, 0.08);
  color: #1f2937;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
}
.oosw__pop[hidden] {
  display: none !important;
}

.oosw__title {
  margin: 0;
  padding: 6px 14px 4px;
  color: #475569;
  font-size: var(--edc-fs-label);
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 16px;
  text-transform: uppercase;
}

.oosw__menu {
  max-height: min(60vh, 420px);
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
}

.oosw__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0 !important;
  min-height: 38px;
  margin: 0;
  padding: 8px 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #1f2937;
  font-size: var(--edc-fs-body);
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  cursor: pointer;
}
.oosw__item:hover, .oosw__item:focus {
  background: #eef3fb;
  color: #0f172a;
  text-decoration: none;
}
.oosw__item:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: -2px;
}
.oosw__item.is-on {
  font-weight: 700;
  color: #0f172a;
}

.oosw__item-text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}

.oosw__item-name {
  min-width: 0;
  overflow-wrap: break-word;
}

.oosw__item-note {
  color: #475569;
  font-size: var(--edc-fs-label);
  font-weight: 500;
  line-height: 16px;
}

.oosw__check {
  flex: none;
  width: 14px;
  color: #1d4ed8;
  font-size: var(--edc-fs-secondary);
  visibility: hidden;
}

.oosw__item.is-on .oosw__check {
  visibility: visible;
}

.oosw__rule {
  margin: 6px 0;
  border-top: 1px solid #dbe3ee;
  list-style: none;
}

.oosw__item--manage {
  color: #1d4ed8;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.oosw__item--manage .fa-solid {
  width: 14px;
  text-align: center;
}
.oosw__item--manage:hover, .oosw__item--manage:focus {
  color: #1e3a8a;
}

#site-menubar .dmn-heading--oosw {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 0 16px 0 0;
}
#site-menubar .dmn-heading--oosw .dmn-toggle {
  grid-column: 1;
  grid-row: 1;
  padding-right: 8px;
}
#site-menubar .dmn-heading--oosw .dmn-heading__fold {
  grid-column: 2;
  grid-row: 1;
  padding: 8px 0 4px 8px;
  color: var(--edc-sidebar-text-muted);
  font-size: var(--edc-fs-eyebrow);
  line-height: 16px;
  cursor: pointer;
  transition: transform 0.15s ease;
}
#site-menubar .dmn-heading--oosw .dmn-heading__fold:hover {
  color: var(--edc-sidebar-text);
}
#site-menubar .dmn-section--closed .dmn-heading__fold {
  transform: rotate(-90deg);
}
#site-menubar .oosw--menu {
  position: static;
  grid-column: 1/-1;
  grid-row: 2;
  display: flex;
  padding: 0 0 6px 18px;
}
#site-menubar .oosw--menu .oosw__button {
  max-width: 100%;
  padding: 3px 6px;
  color: var(--edc-sidebar-text);
  font-size: var(--edc-fs-body);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0;
  text-transform: none;
}
#site-menubar .oosw--menu .oosw__button:hover {
  background: var(--edc-sidebar-hover-bg);
  color: var(--edc-sidebar-active-text);
}
#site-menubar .oosw--menu .oosw__button:focus-visible {
  outline-color: var(--edc-sidebar-active-icon);
}
#site-menubar .oosw--menu .oosw__name {
  overflow-wrap: break-word;
}
#site-menubar .oosw--menu .oosw__caret {
  align-self: center;
  color: var(--edc-sidebar-text-muted);
}
#site-menubar .oosw--menu .oosw__pop {
  left: 12px;
  right: 12px;
  min-width: 0;
  max-width: none;
}

.oosw--eyebrow {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 10px;
  margin: 0 0 4px -6px;
}
.oosw--eyebrow .oosw__button {
  color: #0f172a;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  line-height: 20px;
}
.oosw--eyebrow .oosw__button:hover {
  background: #eef3fb;
  border-color: #dbe3ee;
}

.oosw--heading {
  display: block;
  margin-left: -6px;
}
.oosw--heading .oosw__kicker {
  margin: 0 0 2px 6px;
  color: #475569;
  font-size: var(--edc-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 16px;
  text-transform: uppercase;
}
.oosw--heading .oosw__heading {
  display: flex;
  margin: 0;
}
.oosw--heading .oosw__button {
  color: #0f172a;
  font-weight: 700;
}
.oosw--heading .oosw__button:hover {
  background: #eef3fb;
  border-color: #dbe3ee;
}
.oosw--heading .oosw__caret {
  font-size: var(--edc-fs-heading);
}
.oosw--heading .oosw__pop {
  font-size: var(--edc-fs-body);
  font-weight: 400;
}

.glance-page:has(.oosw--heading) .glance-page__head {
  flex-wrap: wrap;
}
.glance-page:has(.oosw--heading) .glance-page__title {
  flex: 1 1 420px;
  min-width: 0;
}

.oosw--bar {
  align-self: center;
  flex: 0 1 auto;
  margin: 0 10px 0 0;
}
.oosw--bar .oosw__button {
  max-width: 240px;
  padding: 4px 10px;
  border-color: var(--edc-sidebar-border, rgba(255, 255, 255, 0.16));
  border-radius: 7px;
  background: var(--edc-sidebar-hover-bg, rgba(255, 255, 255, 0.1));
  color: var(--edc-sidebar-text, #fff);
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 18px;
  white-space: nowrap;
}
.oosw--bar .oosw__button:hover {
  background: var(--edc-sidebar-active-bg, rgba(255, 255, 255, 0.16));
  color: var(--edc-sidebar-active-text, #fff);
}
.oosw--bar .oosw__button:focus-visible {
  outline-color: var(--edc-sidebar-active-icon, #60a5fa);
}
.oosw--bar .oosw__name {
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: normal;
}
.oosw--bar .oosw__caret {
  color: var(--edc-sidebar-text-muted, rgba(255, 255, 255, 0.72));
}
.oosw--bar .oosw__pop {
  z-index: 1090;
}

.oosw--inline {
  gap: 8px;
}
.oosw--inline .oosw__lead {
  color: #1f2d3d;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.oosw--inline .oosw__button {
  min-height: 32px;
  padding: 4px 10px;
  border-color: #cfd9e6;
  background: #fff;
  color: #1f2d3d;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.oosw--inline .oosw__button:hover {
  border-color: #9fb3cc;
}

@media print {
  .oosw__caret, .oosw__pop {
    display: none !important;
  }
}
.fl-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.fl-cell__read {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.fl-cell__words {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.fl-cell__name {
  font-size: var(--edc-fs-body);
  line-height: 1.4;
  color: #1c2531;
  overflow-wrap: break-word;
}
.fl-cell--own .fl-cell__name {
  font-weight: 700;
}
.fl-cell__ours {
  font-size: var(--edc-fs-secondary);
  line-height: 1.4;
  color: #475467;
  overflow-wrap: break-word;
}
.fl-cell__acts {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0 2px;
  margin-left: -6px;
}
.fl-cell__btn {
  min-width: 0;
  min-height: 28px;
  padding: 2px 6px;
  border: 0;
  border-radius: 6px;
  background: none;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 24px;
  color: #1d4ed8;
  white-space: nowrap;
  cursor: pointer;
}
.fl-cell__btn:hover {
  background: #eef3fc;
  text-decoration: underline;
}
.fl-cell__btn:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 0;
}
.fl-cell__btn--primary {
  padding: 2px 10px;
  background: #1d4ed8;
  color: #fff;
}
.fl-cell__btn--primary:hover {
  background: #1e40af;
  text-decoration: none;
}
.fl-cell__form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.fl-cell__form[hidden] {
  display: none;
}
.fl-cell__input {
  flex: 1 1 150px;
  min-width: 0;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #cfd6e2;
  border-radius: 8px;
  font-size: var(--edc-fs-body);
  color: #1c2531;
}
.fl-cell__input::-moz-placeholder {
  color: #475467;
}
.fl-cell__input::placeholder {
  color: #475467;
}
.fl-cell__input:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 1px;
}
.fl-cell__status {
  font-size: var(--edc-fs-secondary);
  color: #475467;
}
.fl-cell__status:empty {
  display: none;
}
.fl-cell[aria-busy=true] {
  opacity: 0.7;
}

.fl-org__lede {
  margin: -4px 0 12px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
}
.fl-org__lede--door {
  margin: 12px 0 0;
}
.fl-org__lede--empty {
  margin: 0;
}
.fl-org__scroll {
  overflow-x: auto;
}
.fl-org__scroll:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.fl-org__door {
  font-weight: 600;
  color: #1d4ed8;
}

.helpc-bridge {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin: -10px 0 22px;
  padding: 8px 12px;
  border: 1px solid #d6e0f0;
  border-radius: 8px;
  background: #f5f8fd;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #344054;
}
.helpc-bridge i {
  flex: none;
  color: #1d4ed8;
}
.helpc-bridge__lines {
  min-width: 0;
}
.helpc-bridge .helpc-bridge__line {
  max-width: none;
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #344054;
}
.helpc-bridge .helpc-bridge__line + .helpc-bridge__line {
  margin-top: 4px;
}

.ins-field__names {
  display: block;
  margin: 0 0 4px;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475467;
}

.cft {
  display: grid;
  gap: 16px;
  color: #1f2937;
  font-size: var(--edc-fs-body);
}

.cft-group {
  display: grid;
  gap: 8px;
}
.cft-group__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  line-height: 1.4;
  color: #1f2937;
  text-shadow: none;
}

.cft-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #eef2f7;
  color: #334155;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
}

.cft-empty,
.cft-help,
.cft-note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}

.cft-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.cft-field {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}
.cft-field:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.cft-field--proposed {
  background: #f8fafc;
}
.cft-field__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.cft-field__name {
  margin: 0;
  font-size: var(--edc-fs-body);
  font-weight: 700;
  color: #0f172a;
  overflow-wrap: anywhere;
}
.cft-field__about, .cft-field__meta {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #334155;
  overflow-wrap: anywhere;
}
.cft-field__note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #9a3412;
}

.cft-tag {
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  min-height: 20px;
  border-radius: 4px;
  background: #eef2f7;
  color: #334155;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}
.cft-tag--off {
  background: #fff7ed;
  color: #9a3412;
}

.cft-acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cft-group > .cft-btn,
.cft-group__title > .cft-btn {
  justify-self: start;
}

.prd-item__tier .cft-list {
  gap: 0;
}
.prd-item__tier .cft-field {
  padding: 12px 0;
  border: 0;
  border-top: 1px solid #e2e8f0;
  border-radius: 0;
  background: transparent;
}
.prd-item__tier .cft-field--proposed {
  background: transparent;
}

.cft-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d6f0;
  border-radius: 6px;
  background: #fff;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}
.cft-btn:hover {
  background: #eef3fc;
  color: #1c3f75;
}
.cft-btn:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.cft-btn[aria-busy=true] {
  opacity: 0.7;
  cursor: progress;
}
.cft-btn:disabled {
  cursor: default;
}
.cft-btn--primary {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
}
.cft-btn--primary:hover {
  background: #264ea8;
  color: #fff;
}
.cft-btn--danger {
  border-color: #f1c4c4;
  color: #9b1c1c;
}
.cft-btn--danger:hover {
  background: #fdf2f2;
  color: #9b1c1c;
}
.cft-btn--quiet {
  border-color: transparent;
  background: transparent;
}
.cft-btn--small {
  min-height: 28px;
  padding: 2px 8px;
}

.cft-change {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}
.cft-change[hidden] {
  display: none;
}

.cft-row {
  display: grid;
  gap: 4px;
  margin: 0;
  min-width: 0;
}
.cft-row[hidden] {
  display: none;
}

.cft-label {
  margin: 0;
  padding: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1f2937;
}

.cft-input {
  width: 100%;
  min-height: 36px;
  padding: 6px 10px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  background: #fff;
  color: #0f172a;
  font-size: var(--edc-fs-body);
}
.cft-input:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
  border-color: #2f5cc4;
}
.cft-input--area {
  min-height: 88px;
  resize: vertical;
}

.cft-kinds {
  border: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
}
.cft-kinds .cft-label {
  width: 100%;
  margin-bottom: 4px;
  float: none;
}

.cft-kind {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1f2937;
  cursor: pointer;
}
.cft-kind input {
  margin: 0;
}

.cft-alike {
  padding: 10px 12px;
  border: 1px solid #f3d9a4;
  border-radius: 8px;
  background: #fffbeb;
  font-size: var(--edc-fs-secondary);
  color: #1f2937;
}
.cft-alike:empty {
  display: none;
}
.cft-alike__lead {
  margin: 0 0 6px;
  font-weight: 700;
}
.cft-alike__fail {
  margin: 0;
  color: #9a3412;
}
.cft-alike__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}
.cft-alike__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  line-height: 1.45;
}

.cft-plain {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 4px;
  font-size: var(--edc-fs-body);
}
.cft-plain__meta {
  font-size: var(--edc-fs-secondary);
  color: #475569;
}

.cft-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 16px 48px;
}
.cft-page__title {
  margin: 0 0 8px;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}
.cft-page__lede {
  margin: 0 0 24px;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #334155;
}

.cfs {
  display: grid;
  gap: 12px;
}

.cfs-errors:empty {
  display: none;
}

.cfs-errors {
  margin: 0;
  padding: 8px 12px;
  border-radius: 6px;
  background: #fdf2f2;
  color: #9b1c1c;
  font-size: var(--edc-fs-secondary);
}

.cfs-fields {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.cfs-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
}
@media (max-width: 767.98px) {
  .cfs-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.cfs-field {
  display: grid;
  gap: 4px;
  align-content: start;
  min-width: 0;
}
.cfs-field--wide {
  grid-column: 1/-1;
}

.cfs-label {
  margin: 0;
  padding: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1f2937;
  float: none;
}

.cfs-input {
  width: 100%;
}

.cfs-choice {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.cfs-radios {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  min-height: 36px;
  align-items: center;
}

.cfs-radio {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: var(--edc-fs-body);
  color: #1f2937;
}
.cfs-radio input {
  margin: 0;
}

.cfs-help,
.cfs-note {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}

.cfs-computed {
  font-size: var(--edc-fs-body);
  color: #0f172a;
}

.cfs-save {
  margin-top: 16px;
}
.cfs-save .cfs-save__btn {
  min-width: 0;
}

.fx {
  display: grid;
  gap: 12px;
  min-width: 0;
  color: #1f2937;
  font-size: var(--edc-fs-body);
}
.fx__row {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.fx-label {
  margin: 0;
  padding: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1f2937;
}

.fx-input,
.fx-source {
  width: 100%;
  min-height: 36px;
  padding: 6px 10px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  background: #fff;
  color: #0f172a;
  font-size: var(--edc-fs-body);
}
.fx-input:focus-visible,
.fx-source:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
  border-color: #2f5cc4;
}
.fx-input[aria-invalid=true],
.fx-source[aria-invalid=true] {
  border-color: #9a3412;
}

.fx-source {
  min-height: 72px;
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  line-height: 1.5;
}

.fx-help {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}

.fx-pick {
  display: grid;
  gap: 12px;
  min-width: 0;
}
@media (min-width: 992px) {
  .fx--page .fx-pick {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
  }
  .fx--page .fx-pick .fx-pick__group {
    align-content: start;
  }
  .fx--page .fx-pick .fx-chips {
    max-height: 348px;
  }
}

.fx-pick__group {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}

.fx-pick__title {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 700;
  line-height: 1.4;
  color: #1f2937;
  text-shadow: none;
}

.fx-chips {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-height: 156px;
  overflow-y: auto;
}
.fx-chips li[hidden] {
  display: none;
}

.fx-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d6f0;
  border-radius: 6px;
  background: #fff;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}
.fx-chip:hover {
  background: #eef3fc;
  color: #1c3f75;
}
.fx-chip:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.fx-chip[aria-busy=true] {
  opacity: 0.7;
  cursor: progress;
}
.fx-chip:disabled {
  cursor: default;
}
.fx-chip {
  min-height: 28px;
  padding: 2px 10px;
  border-radius: 999px;
  overflow-wrap: anywhere;
  text-align: left;
}

.fx-fns {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.fx-fn {
  display: grid;
  gap: 2px;
}
.fx-fn__use {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d6f0;
  border-radius: 6px;
  background: #fff;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}
.fx-fn__use:hover {
  background: #eef3fc;
  color: #1c3f75;
}
.fx-fn__use:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.fx-fn__use[aria-busy=true] {
  opacity: 0.7;
  cursor: progress;
}
.fx-fn__use:disabled {
  cursor: default;
}
.fx-fn__use {
  justify-self: start;
  min-height: 28px;
  padding: 2px 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 600;
}
.fx-fn__line {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}

.fx-result {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}

.fx-summary {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.5;
  color: #1f2937;
}
.fx-summary.is-refused {
  color: #9a3412;
}

.fx-current {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #1f2937;
}
.fx-current[hidden] {
  display: none;
}
.fx-current strong {
  font-size: var(--edc-fs-body);
  color: #0f172a;
}

.fx-preview[hidden] {
  display: none;
}

.fx-sample {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  font-size: var(--edc-fs-secondary);
  color: #1f2937;
}
.fx-sample caption {
  caption-side: top;
  padding: 0 0 4px;
  text-align: left;
  font-weight: 600;
  color: #1f2937;
}
.fx-sample th,
.fx-sample td {
  padding: 4px 8px;
  border-top: 1px solid #e2e8f0;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.fx-sample thead th {
  border-top: 0;
  color: #475569;
  font-weight: 600;
}
.fx-sample tbody th {
  font-weight: 400;
}
.fx-sample td {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  overflow-wrap: normal;
}
.fx-sample thead th:last-child {
  text-align: right;
}

.fx-blank {
  color: #475569;
  font-style: italic;
}

.fx-acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.fx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d6f0;
  border-radius: 6px;
  background: #fff;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}
.fx-btn:hover {
  background: #eef3fc;
  color: #1c3f75;
}
.fx-btn:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.fx-btn[aria-busy=true] {
  opacity: 0.7;
  cursor: progress;
}
.fx-btn:disabled {
  cursor: default;
}
.fx-btn--primary {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
}
.fx-btn--primary:hover {
  background: #264ea8;
  color: #fff;
}

.fx-saved {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #1f2937;
}
.fx-saved[hidden] {
  display: none;
}
.fx-saved.is-refused {
  color: #9a3412;
}

.fxc {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.fxc__formula {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  color: #1f2937;
  overflow-wrap: anywhere;
}
.fxc__formula code {
  padding: 1px 6px;
  border-radius: 4px;
  background: #eef2f7;
  color: #0f172a;
  font-size: var(--edc-fs-secondary);
}
.fxc__field {
  padding: 0 3px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #c9d6f0;
  color: #1c3f75;
  font-family: inherit;
  font-weight: 600;
}
.fxc__meta {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}
.fxc__change[hidden] {
  display: none;
}

.fl {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding-top: 8px;
  border-top: 1px solid #e2e8f0;
}

.fl-block {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.fl-block:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
  border-radius: 4px;
}

.fl-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 12px;
  min-width: 0;
}
.fl-line .fl-sentence {
  flex: 1 1 240px;
}

.fl-title {
  font-weight: 700;
  color: #1f2937;
}

.fl-sentence {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #1f2937;
  overflow-wrap: anywhere;
}
.fl-sentence--quiet {
  color: #475569;
}

.fl-tag {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  padding: 0 8px;
  min-height: 20px;
  border-radius: 4px;
  background: #fff7ed;
  color: #9a3412;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
}

.fl-acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c9d6f0;
  border-radius: 6px;
  background: #fff;
  color: #1c3f75;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}
.fl-btn:hover {
  background: #eef3fc;
  color: #1c3f75;
}
.fl-btn:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}
.fl-btn[aria-busy=true] {
  opacity: 0.7;
  cursor: progress;
}
.fl-btn:disabled {
  cursor: default;
}
.fl-btn--primary {
  background: #2f5cc4;
  border-color: #2f5cc4;
  color: #fff;
}
.fl-btn--primary:hover {
  background: #264ea8;
  color: #fff;
}
.fl-btn--quiet {
  border-color: transparent;
  background: transparent;
}
.fl-btn--small {
  min-height: 28px;
  padding: 2px 8px;
}

.fl-edit {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}
.fl-edit:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 2px;
}

.fl-conds {
  display: grid;
  gap: 8px;
  justify-items: start;
}

.fl-cond {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  max-width: 100%;
}

.fl-label {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  font-weight: 600;
  color: #1f2937;
}

.fl-input {
  width: 100%;
  min-height: 36px;
  padding: 6px 10px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  background: #fff;
  color: #0f172a;
  font-size: var(--edc-fs-body);
}
.fl-input:focus-visible {
  outline: 2px solid #2f5cc4;
  outline-offset: 1px;
  border-color: #2f5cc4;
}

.fl-help {
  margin: 0;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
  color: #475569;
}

.fl-notes,
.fl-sample {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 4px;
  font-size: var(--edc-fs-secondary);
  color: #1f2937;
}

.fl-note {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  overflow-wrap: anywhere;
}

.fl-sample__state {
  color: #475569;
}

.fl-form-note {
  margin: 4px 0 0;
  padding: 8px 12px;
  border: 1px solid #c7d6ee;
  border-radius: 8px;
  background: #f3f7fd;
  color: #1f2937;
  font-size: var(--edc-fs-secondary);
  line-height: 1.5;
}
.fl-form-note[hidden] {
  display: none;
}

[data-form-logic-hidden=true][hidden][hidden] {
  display: none;
}

.fx-page {
  max-width: 960px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  display: grid;
  gap: 16px;
}
.fx-page__title {
  margin: 0;
  font-size: var(--edc-fs-title);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}
.fx-page__lede {
  margin: 0;
  max-width: 680px;
  font-size: var(--edc-fs-body);
  line-height: 1.5;
  color: #1f2937;
}
.fx-page__heading {
  margin: 0 0 8px;
  font-size: var(--edc-fs-heading);
  font-weight: 700;
  color: #0f172a;
  text-shadow: none;
}
.fx-page .fx-pick__title {
  font-size: var(--edc-fs-body);
}