*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit {
  display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[multiple],[size]:where(select:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
  border-radius: 0px;
}

[type='radio'] {
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {

  [type='checkbox']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {

  [type='radio']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (forced-colors: active)  {

  [type='checkbox']:indeterminate {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='file'] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit {
  display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[multiple],[size]:where(select:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
  border-radius: 0px;
}

[type='radio'] {
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {

  [type='checkbox']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {

  [type='radio']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (forced-colors: active)  {

  [type='checkbox']:indeterminate {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='file'] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}
  progress {
  height: 0.75rem;
  overflow: hidden;
  border-radius: 9999px;
}

  progress::-webkit-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}

  progress::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

  .timer-gestorneo-theme progress::-webkit-progress-value { background-color: rgb(var(--color-primary)); }

  html[data-theme="7UC"] progress::-webkit-progress-value {
  background-color: rgb(var(--color-primary));
}

  progress::-moz-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

  .timer-gestorneo-theme progress::-moz-progress-bar { background-color: rgb(var(--color-primary)); }

  html[data-theme="7UC"] progress::-moz-progress-bar {
  background-color: rgb(var(--color-primary));
}

  progress::-ms-fill {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

  .timer-gestorneo-theme progress::-ms-fill { background-color: rgb(var(--color-primary)); }

  html[data-theme="7UC"] progress::-ms-fill {
  background-color: rgb(var(--color-primary));
}
  html {
    scrollbar-width: thin;
    scrollbar-color: rgb(156, 163, 175) rgb(249, 250, 251);
  }

  body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  body::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

  body::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

  body::-webkit-scrollbar-thumb:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
  table {
  width: 100%;
}

  thead {
  display: none;
}

  @media (min-width: 1024px) {

  thead {
    display: table-header-group;
  }
}

  tbody tr {
  position: relative;
  display: block;
  max-width: 100%;
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

  html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] labeltbody tr.font-bold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] labeltbody tr.font-bold,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] labeltbody tr.font-semibold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] labeltbody tr.font-semibold {
  color: rgb(var(--color-text));
}

  html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] labeltbody tr.font-bold,
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] labeltbody tr.font-semibold {
  color: rgb(var(--color-text));
}

  tbody tr:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}

  @media (min-width: 1024px) {

  tbody tr {
    display: table-row;
    border-bottom-width: 0px;
  }

  thead tr {
    display: table-row;
  }
}

  tbody tr:last-child {
  border-bottom-width: 0px;
}

  @media (min-width: 1024px) {

  td:not(:first-child) {
    border-left-width: 1px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  }

  td:not(:first-child):is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
  }

  th {
    display: table-cell;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    text-align: left;
    vertical-align: middle;
  }
}

  /* Móvil: etiqueta arriba (:before), valor abajo */
  td {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.25rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  vertical-align: top;
}
  td:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
  @media (min-width: 1024px) {

  td {
    display: table-cell;
    border-bottom-width: 0px;
    padding: 0.75rem;
    text-align: left;
    vertical-align: middle;
  }
}

  td:last-child {
  border-bottom-width: 0px;
}

  @media (min-width: 1024px) {
  tbody tr:hover
  button,tbody tr:hover
  a,
  tbody tr:nth-child(odd):hover
  button,
  tbody tr:nth-child(odd):hover
  a {
    color: rgb(17 24 39);
  }
  tbody tr:hover
  button svg,tbody tr:hover
  a svg,
  tbody tr:nth-child(odd):hover
  button svg,
  tbody tr:nth-child(odd):hover
  a svg {
    color: inherit;
  }
  tbody tr:hover,
  tbody tr:nth-child(odd):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
  tbody tr:hover:is(.dark *),
  tbody tr:nth-child(odd):hover:is(.dark *) {
    background-color: rgb(51 65 85 / 0.7);
  }
  tbody tr:nth-child(odd) {
    background-color: rgb(243 244 246 / 0.5);
  }
  tbody tr:nth-child(odd):is(.dark *) {
    background-color: rgb(30 41 59 / 0.5);
  }
}

  td:before {
    content: attr(data-label);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
  }

  
html[data-theme="GESTORNEO"] .aside td.aside-menu-item-inactive:before,
html:not([data-theme]) .aside td.aside-menu-item-inactive:before,
html.dark[data-theme="GESTORNEO"] .aside td.aside-menu-item-inactive:before,
html.dark:not([data-theme]) .aside td.aside-menu-item-inactive:before {
  color: rgb(255 255 255);
  fill: currentColor;
}

  html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading td:before,
html:not(.dark):not([data-theme]) .league-matchday-heading td:before {
  color: rgb(100 116 139);
}

  html.dark[data-theme="GESTORNEO"] .league-matchday-heading td:before,
html.dark:not([data-theme]) .league-matchday-heading td:before {
  color: rgb(255 255 255 / 0.88);
}

  
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option td:before,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option td:before {
  color: inherit;
}

  
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] labeltd.block:before,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] labeltd.block:before {
  color: rgb(var(--color-text));
}

  html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper td.bracket-match-player__delegation:before,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper td.bracket-match-player__delegation:before,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper td.bracket-match-player__bye:before,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper td.bracket-match-player__bye:before,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper td.bracket-match-player__code:before,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper td.bracket-match-player__code:before {
  color: rgb(100 116 139);
}

  html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper td.bracket-match-player__delegation:before,
html.dark:not([data-theme]) .single-elim-bracket-wrapper td.bracket-match-player__delegation:before,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper td.bracket-match-player__bye:before,
html.dark:not([data-theme]) .single-elim-bracket-wrapper td.bracket-match-player__bye:before,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper td.bracket-match-player__code:before,
html.dark:not([data-theme]) .single-elim-bracket-wrapper td.bracket-match-player__code:before {
  color: rgb(148 163 184);
}

  html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] td:before,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] td:before {
  color: rgb(var(--color-text-muted));
}

  
html[data-theme="7UC"] .aside td.aside-menu-item-inactive:before,
html.dark[data-theme="7UC"] .aside td.aside-menu-item-inactive:before {
  color: rgb(255 255 255);
  fill: currentColor;
}

  html[data-theme="7UC"] .app-main-content td:before,
html.dark[data-theme="7UC"] .app-main-content td:before {
  color: #4b5563;
}

  html[data-theme="7UC"] .app-main-content .event-workspace-nav td:before,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav td:before {
  color: #ffffff;
}

  html[data-theme="7UC"] .app-modal td:before,
html.dark[data-theme="7UC"] .app-modal td:before {
  color: rgb(203 213 225);
}

  html[data-theme="7UC"] .app-modal .modal-table-panel td:before,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel td:before {
  color: #6b7280;
}

  html[data-theme="7UC"] .league-matchday-heading td:before {
  color: rgb(255 255 255 / 0.8);
}

  html[data-theme="7UC"] .single-elim-bracket-wrapper td.bracket-match-player__delegation:before,
html[data-theme="7UC"] .single-elim-bracket-wrapper td.bracket-match-player__bye:before {
  color: #666666;
}

  html[data-theme="7UC"] .single-elim-bracket-wrapper td.bracket-match-player__code:before {
  color: #555555;
}

  
html[data-theme="7UC"] .app-main-content .event-workspace-nav td:before,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav td:before {
  color: #ffffff;
}

  
html[data-theme="7UC"] .app-main-content .event-workspace-nav atd:before,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav atd:before {
  color: #ffffff;
}

  
html[data-theme="7UC"] .coach-profile-option--active td:before,
html.dark[data-theme="7UC"] .coach-profile-option--active td:before {
  color: #FFFFFF;
}

  
html[data-theme="TOQUELAB"] .multiselect__option td:before {
  color: inherit;
}

  
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option td:before {
  color: inherit;
}

  
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] labeltd.block:before {
  color: rgb(var(--color-text));
}

  html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] td:before {
  color: rgb(var(--color-text-muted));
}

  @media (min-width: 1024px) {

  td:before {
    display: none;
  }
}

  td.table-cell-actions {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

  td.table-cell-actions:before {
  width: 100%;
  flex-shrink: 0;
}
/* Temas: se elige según VITE_APP_THEME en .env (GESTORNEO | FIGHTIQ | 7UC | TOQUELAB) */
/**
 * Tema Gestorneo (GesTorneo)
 * Se aplica cuando VITE_APP_THEME=GESTORNEO en .env (o por defecto).
 * Variables de color para el tema azul/slate actual.
 */
:root,
html[data-theme="GESTORNEO"],
html:not([data-theme]) {
  /* === Primarios / Marca === */
  --color-primary: 59 130 246;           /* blue-500 */
  --color-primary-hover: 37 99 235;     /* blue-600 */
  --color-primary-light: 147 197 253;   /* blue-300 */

  /* === Semánticos === */
  --color-success: 16 185 129;          /* emerald-500 */
  --color-success-hover: 5 150 105;     /* emerald-600 */
  --color-danger: 239 68 68;            /* red-500 */
  --color-danger-hover: 220 38 38;     /* red-600 */
  --color-warning: 234 179 8;          /* yellow-500 */
  --color-warning-hover: 202 138 4;     /* yellow-600 */
  --color-info: 59 130 246;             /* blue-500 */

  /* === Tipografía (rediseño 2 sep 2026) ===
   * Barlow titula, IBM Plex Sans es la interfaz, IBM Plex Mono lleva los datos
   * que se alinean en columna. Por ahora iguales en las cuatro marcas; están
   * aquí para que una pueda cambiarlas sin tocar ningún componente. */
  --font-sans: "IBM Plex Sans";
  --font-display: "Barlow";
  --font-mono: "IBM Plex Mono";
  /* === Chrome de navegación ===
   * El rediseño hace visible el cambio de contexto: entrar a un evento cambia
   * el color y la estructura del chrome, no solo el contenido. Estos tokens
   * son ese fondo oscuro y lo que se lee encima.
   * `accent` marca la sección activa y la salida al contexto anterior. */
  --chrome-ink: 15 23 42;          /* slate-900 */
  --chrome-line: 51 65 85;         /* separadores dentro del chrome */
  --chrome-on: 203 213 225;        /* texto normal sobre el chrome */
  --chrome-on-hi: 248 250 252;     /* texto destacado */
  --chrome-on-dim: 124 136 150;    /* contadores y rótulos de grupo */
  --chrome-accent: 96 165 250;     /* blue-400: sección activa */

  /* === Estado (escala propia; ver theme/README.md § Escala de estado) ===
   * NO son los semánticos de marca: `success` responde a «el verde de esta
   * marca», y en 7UC vale lo mismo que `danger`. Un estado necesita ser
   * distinguible de los otros cuatro y legible, no representar a la marca.
   * Cada sólido lleva su propio `-fg`: blanco sobre ámbar no pasa AA. */
  --state-positive: 4 120 87;           /* emerald-700 – blanco 4.5:1 */
  --state-positive-border: 5 150 105;
  --state-positive-fg: 255 255 255;
  --state-attention: 245 158 11;        /* amber-500 – texto oscuro */
  --state-attention-border: 217 119 6;
  --state-attention-fg: 41 37 36;       /* stone-800 – 7.4:1 sobre ámbar */
  --state-critical: 220 38 38;          /* red-600 */
  --state-critical-border: 239 68 68;
  --state-critical-fg: 255 255 255;
  --state-progress: 37 99 235;          /* blue-600 */
  --state-progress-border: 59 130 246;
  --state-progress-fg: 255 255 255;
  --state-neutral: 71 85 105;           /* slate-600 */
  --state-neutral-border: 100 116 139;
  --state-neutral-fg: 255 255 255;

  /* Variante para cuando el color TIENE que ser el texto (error bajo un
   * campo, asterisco de requerido). Se mide contra --color-surface, así que
   * cambia con el modo claro/oscuro; los sólidos de arriba no. */
  --state-positive-on-surface: 4 120 87;    /* emerald-700 – 5.48 sobre blanco */
  --state-attention-on-surface: 180 83 9;   /* amber-700   – 5.02 */
  --state-critical-on-surface: 220 38 38;   /* red-600     – 4.83 */
  --state-progress-on-surface: 29 78 216;   /* blue-700    – 6.70 */

  /* === Superficies (layout) === */
  --color-surface: 255 255 255;
  --color-surface-muted: 248 250 252;   /* slate-50 */
  --color-panel: 241 245 249;           /* slate-100 */
  --color-aside: 30 41 59;              /* slate-800 */
  --color-aside-brand: 30 41 59;
  --color-aside-menu: 255 255 255;
  --color-aside-menu-active: 255 255 255;
  --color-aside-menu-bg: 51 65 85;
  --color-aside-dropdown: 51 65 85;
  --color-navbar-label: 0 0 0;
  --color-navbar-label-hover: 59 130 246;
  --color-navbar-label-active: 37 99 235;
  --color-overlay-from: 51 65 85;
  --color-overlay-via: 15 23 42;
  --color-overlay-to: 51 65 85;

  /* === Neutros (texto, bordes) === */
  --color-text: 15 23 42;
  --color-text-muted: 100 116 139;     /* slate-400 */
  --color-border: 226 232 240;         /* slate-200 */
  --color-border-dark: 51 65 85;        /* slate-600 */

  /* === Inputs (fondo diferenciado del card) === */
  --color-input: 248 250 252;           /* slate-50 */

  /* === Scrollbar (aside) === */
  --color-scrollbar-track: 15 23 42;
  --color-scrollbar-thumb: 71 85 105;

  /* === Fotografías: selección en galería / uploader === */
  --color-photo-select-accent: var(--color-primary);
}
/* Gestorneo: botones de segmento/toggle no seleccionados → siempre blanco con texto negro (modo claro y oscuro) */
html[data-theme="GESTORNEO"] .segment-buttons button:not(.bg-success),
html[data-theme="GESTORNEO"] .segment-buttons a:not(.bg-success),
html.dark[data-theme="GESTORNEO"] .segment-buttons button:not(.bg-success),
html.dark[data-theme="GESTORNEO"] .segment-buttons a:not(.bg-success) {
  background-color: rgb(255 255 255) !important;
  color: rgb(0 0 0) !important;
  border-color: rgb(226 232 240) !important;
}
html[data-theme="GESTORNEO"] .segment-buttons button:not(.bg-success) svg,
html[data-theme="GESTORNEO"] .segment-buttons a:not(.bg-success) svg,
html.dark[data-theme="GESTORNEO"] .segment-buttons button:not(.bg-success) svg,
html.dark[data-theme="GESTORNEO"] .segment-buttons a:not(.bg-success) svg {
  color: inherit !important;
}
/* =============================================================================
 * Gestorneo: registro / login – toggles (tipo doc, delegación, etc.)
 * ============================================================================= */
html[data-theme="GESTORNEO"] .auth-page .doc-type-option--active,
html:not([data-theme]) .auth-page .doc-type-option--active {
  background-color: rgb(var(--color-primary)) !important;
  border-color: rgb(var(--color-primary)) !important;
  color: rgb(255 255 255) !important;
  box-shadow: 0 2px 10px rgb(var(--color-primary) / 0.28) !important;
}
html[data-theme="GESTORNEO"] .auth-page .doc-type-option--active svg,
html:not([data-theme]) .auth-page .doc-type-option--active svg,
html[data-theme="GESTORNEO"] .auth-page .doc-type-option--active .base-icon,
html:not([data-theme]) .auth-page .doc-type-option--active .base-icon {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
html[data-theme="GESTORNEO"] .auth-page .doc-type-option:not(.doc-type-option--active),
html:not([data-theme]) .auth-page .doc-type-option:not(.doc-type-option--active) {
  background-color: rgb(var(--color-surface-muted)) !important;
  border-color: rgb(var(--color-border)) !important;
  color: rgb(var(--color-text-muted)) !important;
}
html[data-theme="GESTORNEO"] .auth-page .doc-type-option:not(.doc-type-option--active):hover,
html:not([data-theme]) .auth-page .doc-type-option:not(.doc-type-option--active):hover {
  background-color: rgb(var(--color-panel)) !important;
  border-color: rgb(var(--color-primary) / 0.45) !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="GESTORNEO"] .auth-page .doc-type-option:not(.doc-type-option--active):hover svg,
html:not([data-theme]) .auth-page .doc-type-option:not(.doc-type-option--active):hover svg,
html[data-theme="GESTORNEO"] .auth-page .doc-type-option:not(.doc-type-option--active):hover .base-icon,
html:not([data-theme]) .auth-page .doc-type-option:not(.doc-type-option--active):hover .base-icon {
  color: inherit !important;
  fill: currentColor !important;
}
html.dark[data-theme="GESTORNEO"] .auth-page .doc-type-option:not(.doc-type-option--active),
html.dark:not([data-theme]) .auth-page .doc-type-option:not(.doc-type-option--active) {
  background-color: rgb(var(--color-surface-muted)) !important;
  border-color: rgb(var(--color-border-dark)) !important;
  color: rgb(var(--color-text-muted)) !important;
}
html.dark[data-theme="GESTORNEO"] .auth-page .doc-type-option:not(.doc-type-option--active):hover,
html.dark:not([data-theme]) .auth-page .doc-type-option:not(.doc-type-option--active):hover {
  background-color: rgb(var(--color-primary) / 0.14) !important;
  border-color: rgb(var(--color-primary) / 0.5) !important;
  color: rgb(var(--color-primary-light)) !important;
}
html.dark[data-theme="GESTORNEO"] .auth-page .doc-type-option:not(.doc-type-option--active):hover svg,
html.dark:not([data-theme]) .auth-page .doc-type-option:not(.doc-type-option--active):hover svg,
html.dark[data-theme="GESTORNEO"] .auth-page .doc-type-option:not(.doc-type-option--active):hover .base-icon,
html.dark:not([data-theme]) .auth-page .doc-type-option:not(.doc-type-option--active):hover .base-icon {
  color: inherit !important;
  fill: currentColor !important;
}
html.dark:not([data-theme="7UC"]),
html.dark[data-theme="GESTORNEO"],
html.dark:not([data-theme]) {
  /* Solo el color-como-texto se aclara: los sólidos --state-* llevan su
   * propio -fg y funcionan igual sobre cualquier fondo. */
  --state-positive-on-surface: 52 211 153;  /* emerald-400 – 9.29 sobre slate-900 */
  --state-attention-on-surface: 251 191 36; /* amber-400   – 10.69 */
  --state-critical-on-surface: 248 113 113; /* red-400     – 6.45 */
  --state-progress-on-surface: 96 165 250;  /* blue-400    – 7.02 */

  --color-surface: 15 23 42;           /* slate-900 */
  --color-surface-muted: 30 41 59;     /* slate-800 */
  --color-panel: 51 65 85;             /* slate-700 */
  --color-aside: 15 23 42;             /* slate-900: menú oscuro */
  --color-aside-brand: 15 23 42;
  --color-aside-menu: 255 255 255;
  --color-aside-menu-active: 255 255 255;
  --color-aside-menu-bg: 51 65 85;
  --color-aside-dropdown: 51 65 85;
  --color-navbar-label: 248 250 252;
  --color-navbar-label-hover: 147 197 253;
  --color-navbar-label-active: 96 165 250;
  --color-overlay-from: 51 65 85;
  --color-overlay-via: 15 23 42;
  --color-overlay-to: 51 65 85;
  --color-text: 248 250 252;
  --color-text-muted: 148 163 184;
  --color-border: 51 65 85;
  --color-border-dark: 71 85 105;
  --color-input: 51 65 85;              /* slate-700 */
  --color-scrollbar-track: 15 23 42;
  --color-scrollbar-thumb: 71 85 105;
}
/* GesTorneo: menú lateral — textos e iconos blancos (override text-text-muted en ítems inactivos) */
html[data-theme="GESTORNEO"] .aside .aside-menu-item,
html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive,
html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.text-text-muted,
html[data-theme="GESTORNEO"] .aside .aside-menu-item svg,
html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive svg,
html:not([data-theme]) .aside .aside-menu-item,
html:not([data-theme]) .aside .aside-menu-item-inactive,
html:not([data-theme]) .aside .aside-menu-item-inactive.text-text-muted,
html:not([data-theme]) .aside .aside-menu-item svg,
html:not([data-theme]) .aside .aside-menu-item-inactive svg,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.text-text-muted,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item svg,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive svg,
html.dark:not([data-theme]) .aside .aside-menu-item,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.text-text-muted,
html.dark:not([data-theme]) .aside .aside-menu-item svg,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
html[data-theme="GESTORNEO"] .aside .aside-menu-item:hover,
html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive:hover,
html[data-theme="GESTORNEO"] .aside .aside-menu-item-active,
html:not([data-theme]) .aside .aside-menu-item:hover,
html:not([data-theme]) .aside .aside-menu-item-inactive:hover,
html:not([data-theme]) .aside .aside-menu-item-active,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item:hover,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive:hover,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-active,
html.dark:not([data-theme]) .aside .aside-menu-item:hover,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive:hover,
html.dark:not([data-theme]) .aside .aside-menu-item-active {
  color: rgb(255 255 255) !important;
}
/**
 * GESTORNEO: solo vista **liga** (jornadas / tarjetas).
 * La eliminatoria, toolbar de llaves y pestañas Participantes/Llaves/Ranking siguen los colores por defecto del tema.
 * Aquí se alinean fondos y bordes de la liga al panel oscuro/claro; Timer/Registrar/Editar usan los mismos
 * success / warning / info que en los encuentros de eliminatoria (sin overrides de botón).
 * No aplica a data-theme="7UC".
 */
/* Modo oscuro: bloques de liga alineados al panel slate */
html.dark[data-theme="GESTORNEO"] .league-jornada-filters,
html.dark:not([data-theme]) .league-jornada-filters {
  background-color: rgb(30 41 59) !important;
  background-image: none !important;
  border-color: rgb(71 85 105) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-jornada-filters,
html:not(.dark):not([data-theme]) .league-jornada-filters {
  background-color: rgb(241 245 249) !important;
  background-image: none !important;
  border-color: rgb(226 232 240) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading,
html:not(.dark):not([data-theme]) .league-matchday-heading {
  background: linear-gradient(
    180deg,
    rgb(248 250 252) 0%,
    rgb(241 245 249) 100%
  ) !important;
  color: rgb(30 41 59) !important;
  border-bottom-color: rgb(226 232 240) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .text-text-muted,
html:not(.dark):not([data-theme]) .league-matchday-heading .text-text-muted {
  color: rgb(100 116 139) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading svg,
html:not(.dark):not([data-theme]) .league-matchday-heading svg {
  color: rgb(59 130 246) !important;
}
html.dark[data-theme="GESTORNEO"] .league-matchday-section,
html.dark:not([data-theme]) .league-matchday-section {
  background-color: rgb(30 41 59) !important;
  border-color: rgb(51 65 85 / 0.9) !important;
  box-shadow:
    0 1px 0 0 rgb(255 255 255 / 0.04) inset,
    0 1px 2px rgb(0 0 0 / 0.2) !important;
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading,
html.dark:not([data-theme]) .league-matchday-heading {
  background: linear-gradient(
    180deg,
    rgb(37 99 235) 0%,
    rgb(29 78 216) 55%,
    rgb(30 64 175) 100%
  ) !important;
  color: rgb(255 255 255) !important;
  border-bottom-color: rgb(30 58 138 / 0.65) !important;
  box-shadow: 0 1px 0 0 rgb(255 255 255 / 0.08) inset !important;
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .text-text-muted,
html.dark:not([data-theme]) .league-matchday-heading .text-text-muted,
html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.text-sm,
html.dark:not([data-theme]) .league-matchday-heading span.text-sm {
  color: rgb(255 255 255 / 0.88) !important;
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading svg,
html.dark:not([data-theme]) .league-matchday-heading svg {
  color: rgb(255 255 255) !important;
}
html.dark[data-theme="GESTORNEO"] .league-match-card,
html.dark:not([data-theme]) .league-match-card {
  background-color: rgb(51 65 85) !important;
  border-color: rgb(71 85 105 / 0.95) !important;
}
html.dark[data-theme="GESTORNEO"] .league-match-card.match-finished,
html.dark:not([data-theme]) .league-match-card.match-finished {
  border-left-color: rgb(16 185 129) !important;
  box-shadow: none !important;
}
html.dark[data-theme="GESTORNEO"] .league-match-card.match-in-progress,
html.dark:not([data-theme]) .league-match-card.match-in-progress {
  border-left-color: rgb(59 130 246) !important;
}
html.dark[data-theme="GESTORNEO"] .league-match-card .league-match-actions,
html.dark:not([data-theme]) .league-match-card .league-match-actions {
  background-color: rgb(15 23 42 / 0.55) !important;
  border-top-color: rgb(71 85 105 / 0.75) !important;
}
/* Timer y Display: siempre colores Gestorneo (controlador, esquinas, etc.) con independencia del tema de la app */
.timer-gestorneo-theme {
  --color-primary: 59 130 246;
  --color-primary-hover: 37 99 235;
  --color-primary-light: 147 197 253;
  --color-success: 16 185 129;
  --color-success-hover: 5 150 105;
  --color-danger: 239 68 68;
  --color-danger-hover: 220 38 38;
  --color-warning: 234 179 8;
  --color-warning-hover: 202 138 4;
  --color-info: 59 130 246;
  /* Fondos del controlador: tonos oscuros para que los paneles se vean con color */
  --color-surface: 30 41 59;        /* slate-800: fondo de página del timer */
  --color-surface-muted: 51 65 85;  /* slate-700: panel central */
  --color-panel: 51 65 85;
  --color-aside: 30 41 59;
  --color-aside-brand: 30 41 59;
  --color-aside-menu: 203 213 225;
  --color-aside-menu-active: 255 255 255;
  --color-aside-menu-bg: 51 65 85;
  --color-aside-dropdown: 51 65 85;
  --color-navbar-label: 0 0 0;
  --color-navbar-label-hover: 59 130 246;
  --color-navbar-label-active: 37 99 235;
  --color-overlay-from: 51 65 85;
  --color-overlay-via: 15 23 42;
  --color-overlay-to: 51 65 85;
  --color-text: 248 250 252;       /* slate-50: texto legible sobre fondo oscuro */
  --color-text-muted: 203 213 225; /* slate-300 */
  --color-border: 71 85 105;        /* slate-600 */
  --color-border-dark: 51 65 85;
  --color-input: 51 65 85;
  --color-scrollbar-track: 15 23 42;
  --color-scrollbar-thumb: 71 85 105;
}
/* Controlador por defecto: fondos de página y paneles con color */
.timer-gestorneo-theme .timer-controller-page {
  background-color: rgb(30 41 59) !important; /* slate-800 */
  color: rgb(248 250 252);
}
.timer-gestorneo-theme .timer-panel-left {
  background-color: rgb(127 29 29 / 0.4) !important; /* red-900/40: panel rojo */
  color: rgb(254 226 226);
}
.timer-gestorneo-theme .timer-panel-left .text-on-critical {
  color: rgb(254 202 202) !important;
}
.timer-gestorneo-theme .timer-panel-center {
  background-color: rgb(51 65 85) !important; /* slate-700 */
  color: rgb(248 250 252);
}
.timer-gestorneo-theme .timer-panel-right {
  background-color: rgb(30 58 138 / 0.4) !important; /* blue-900/40: panel azul */
  color: rgb(219 234 254);
}
.timer-gestorneo-theme .timer-panel-right .text-primary {
  color: rgb(191 219 254) !important;
}
/* Timer/Display: AKA = rojo (danger), AO = azul (primary) – paleta Gestorneo en todos los controladores */
.timer-gestorneo-theme .bg-red-500 { background-color: rgb(var(--color-danger)) !important; }
.timer-gestorneo-theme .bg-red-600 { background-color: rgb(var(--color-danger-hover)) !important; }
.timer-gestorneo-theme .bg-red-700 { background-color: rgb(185 28 28) !important; }
.timer-gestorneo-theme .bg-red-800 { background-color: rgb(153 27 27) !important; }
.timer-gestorneo-theme .bg-red-900 { background-color: rgb(127 29 29) !important; }
.timer-gestorneo-theme .bg-red-900\/20 { background-color: rgb(127 29 29 / 0.2) !important; }
.timer-gestorneo-theme .bg-blue-900\/20 { background-color: rgb(30 58 138 / 0.2) !important; }
.timer-gestorneo-theme .bg-blue-900\/90 { background-color: rgb(30 58 138 / 0.9) !important; }
.timer-gestorneo-theme .bg-red-900\/90 { background-color: rgb(127 29 29 / 0.9) !important; }
.timer-gestorneo-theme .border-red-500,
.timer-gestorneo-theme .border-red-400 { border-color: rgb(var(--color-danger)) !important; }
.timer-gestorneo-theme .border-red-500\/30 { border-color: rgb(239 68 68 / 0.3) !important; }
.timer-gestorneo-theme .border-red-500\/50 { border-color: rgb(239 68 68 / 0.5) !important; }
.timer-gestorneo-theme .border-blue-500,
.timer-gestorneo-theme .border-blue-400 { border-color: rgb(var(--color-primary)) !important; }
.timer-gestorneo-theme .border-blue-500\/30 { border-color: rgb(59 130 246 / 0.3) !important; }
.timer-gestorneo-theme .border-blue-500\/50 { border-color: rgb(59 130 246 / 0.5) !important; }
.timer-gestorneo-theme .text-red-500,
.timer-gestorneo-theme .text-red-600 { color: rgb(var(--color-danger)) !important; }
.timer-gestorneo-theme .text-red-300 { color: rgb(252 165 165) !important; }
.timer-gestorneo-theme .text-red-100 { color: rgb(254 226 226) !important; }
.timer-gestorneo-theme.from-red-700,
.timer-gestorneo-theme .from-red-700 { --tw-gradient-from: rgb(185 28 28); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.timer-gestorneo-theme.to-red-900,
.timer-gestorneo-theme .to-red-900 { --tw-gradient-to: rgb(127 29 29); }
.timer-gestorneo-theme .bg-blue-500 { background-color: rgb(var(--color-primary)) !important; }
.timer-gestorneo-theme .bg-blue-600 { background-color: rgb(var(--color-primary-hover)) !important; }
.timer-gestorneo-theme .bg-blue-700 { background-color: rgb(29 78 216) !important; }
.timer-gestorneo-theme .bg-blue-800 { background-color: rgb(30 64 175) !important; }
.timer-gestorneo-theme .bg-blue-900 { background-color: rgb(30 58 138) !important; }
.timer-gestorneo-theme .border-blue-500,
.timer-gestorneo-theme .border-blue-400 { border-color: rgb(var(--color-primary)) !important; }
.timer-gestorneo-theme .text-blue-500 { color: rgb(var(--color-primary)) !important; }
.timer-gestorneo-theme .text-blue-100 { color: rgb(219 234 254) !important; }
.timer-gestorneo-theme .text-blue-200 { color: rgb(191 219 254) !important; }
.timer-gestorneo-theme .text-blue-300 { color: rgb(147 197 253) !important; }
.timer-gestorneo-theme.from-blue-700,
.timer-gestorneo-theme .from-blue-700 { --tw-gradient-from: rgb(29 78 216); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.timer-gestorneo-theme.to-blue-900,
.timer-gestorneo-theme .to-blue-900 { --tw-gradient-to: rgb(30 58 138); }
/* Gradientes AKA/AO en Display (from-red-700 to-red-900, from-blue-700 to-blue-900) */
.timer-gestorneo-theme .bg-gradient-to-br.from-red-700.to-red-900 {
  background-image: linear-gradient(to bottom right, rgb(185 28 28), rgb(127 29 29)) !important;
}
.timer-gestorneo-theme .bg-gradient-to-br.from-blue-700.to-blue-900 {
  background-image: linear-gradient(to bottom right, rgb(29 78 216), rgb(30 58 138)) !important;
}
/* Verde (timer en marcha, panel GOLES en Fútbol): siempre success de Gestorneo */
.timer-gestorneo-theme .text-green-500,
.timer-gestorneo-theme .text-green-600 { color: rgb(var(--color-success)) !important; }
.timer-gestorneo-theme .text-green-100 { color: rgb(209 250 229) !important; }
.timer-gestorneo-theme .text-green-200 { color: rgb(167 243 208) !important; }
.timer-gestorneo-theme .bg-green-500,
.timer-gestorneo-theme .bg-green-600 { background-color: rgb(var(--color-success)) !important; }
.timer-gestorneo-theme .bg-green-700 { background-color: rgb(5 150 105) !important; }
.timer-gestorneo-theme .border-green-500 { border-color: rgb(var(--color-success)) !important; }
/* Con tema 7UC, dentro de Timer/Display restaurar botones success/warning a estilo Gestorneo (verde/amarillo) */
html[data-theme="7UC"] .timer-gestorneo-theme button.bg-success,
html[data-theme="7UC"] .timer-gestorneo-theme a.bg-success,
html[data-theme="7UC"] .timer-gestorneo-theme .bg-success {
  background-color: rgb(var(--color-success)) !important;
  border-color: rgb(var(--color-success)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .timer-gestorneo-theme button.bg-success:hover,
html[data-theme="7UC"] .timer-gestorneo-theme a.bg-success:hover,
html[data-theme="7UC"] .timer-gestorneo-theme .bg-success:hover {
  background-color: rgb(var(--color-success-hover)) !important;
  border-color: rgb(var(--color-success-hover)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .timer-gestorneo-theme .bg-success svg {
  color: inherit !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .timer-gestorneo-theme button.bg-warning,
html[data-theme="7UC"] .timer-gestorneo-theme a.bg-warning,
html[data-theme="7UC"] .timer-gestorneo-theme .bg-warning {
  background-color: rgb(var(--color-warning)) !important;
  border-color: rgb(var(--color-warning)) !important;
  color: rgb(15 23 42) !important;
}
html[data-theme="7UC"] .timer-gestorneo-theme button.bg-warning:hover,
html[data-theme="7UC"] .timer-gestorneo-theme a.bg-warning:hover,
html[data-theme="7UC"] .timer-gestorneo-theme .bg-warning:hover {
  background-color: rgb(var(--color-warning-hover)) !important;
  border-color: rgb(var(--color-warning-hover)) !important;
}
/* Controlador Karate: botones de puntos y faltas AKA/AO → negro con letras blancas */
.timer-gestorneo-theme .karate-panel-btn,
.timer-gestorneo-theme button.karate-panel-btn,
.timer-gestorneo-theme .karate-panel-btn:hover,
.timer-gestorneo-theme button.karate-panel-btn:hover {
  background-color: #111827 !important;
  border-color: #374151 !important;
  color: rgb(255 255 255) !important;
}
.timer-gestorneo-theme .karate-panel-btn svg,
.timer-gestorneo-theme button.karate-panel-btn svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/* Barra del controlador: Panel, Historial, Invertir, Visor, etc. → texto blanco legible */
.timer-gestorneo-theme .timer-toolbar-btn,
.timer-gestorneo-theme button.timer-toolbar-btn,
.timer-gestorneo-theme a.timer-toolbar-btn,
html[data-theme="7UC"] .timer-gestorneo-theme button.timer-toolbar-btn.base-button--outline,
html[data-theme="7UC"] .timer-gestorneo-theme a.timer-toolbar-btn.base-button--outline {
  color: rgb(255 255 255) !important;
  background-color: rgb(255 255 255 / 0.08) !important;
  border-color: rgb(255 255 255 / 0.38) !important;
}
.timer-gestorneo-theme .timer-toolbar-btn:hover:not(:disabled),
.timer-gestorneo-theme button.timer-toolbar-btn:hover:not(:disabled),
.timer-gestorneo-theme a.timer-toolbar-btn:hover:not(:disabled),
html[data-theme="7UC"] .timer-gestorneo-theme button.timer-toolbar-btn.base-button--outline:hover:not(:disabled) {
  color: rgb(255 255 255) !important;
  background-color: rgb(255 255 255 / 0.16) !important;
  border-color: rgb(255 255 255 / 0.55) !important;
}
.timer-gestorneo-theme .timer-toolbar-btn span,
.timer-gestorneo-theme button.timer-toolbar-btn span,
.timer-gestorneo-theme a.timer-toolbar-btn span {
  color: inherit !important;
}
.timer-gestorneo-theme .timer-toolbar-btn svg,
.timer-gestorneo-theme button.timer-toolbar-btn svg,
.timer-gestorneo-theme a.timer-toolbar-btn svg,
.timer-gestorneo-theme .timer-toolbar-btn:hover svg,
.timer-gestorneo-theme button.timer-toolbar-btn:hover svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/* Controlador Karate: SENSHU activado → amarillo */
.timer-gestorneo-theme .karate-senshu-btn.karate-senshu-active,
.timer-gestorneo-theme button.karate-senshu-btn.karate-senshu-active,
.timer-gestorneo-theme .karate-senshu-btn.bg-warning,
.timer-gestorneo-theme button.karate-senshu-btn.bg-warning {
  background-color: rgb(234 179 8) !important;
  border-color: rgb(202 138 4) !important;
  color: rgb(15 23 42) !important;
}
.timer-gestorneo-theme .karate-senshu-btn.karate-senshu-active:hover,
.timer-gestorneo-theme button.karate-senshu-btn.karate-senshu-active:hover {
  background-color: rgb(202 138 4) !important;
  border-color: rgb(161 98 7) !important;
  color: rgb(15 23 42) !important;
}
/* =============================================================================
 * Gestorneo: tokens de categorías del evento (filas, leyenda, badges)
 * No usar :root genérico — otros temas (ToqueLab, 7UC…) definen los suyos.
 * ============================================================================= */
html[data-theme="GESTORNEO"],
html:not([data-theme]) {
  --fiq-cat-single-fill: 255 251 235;
  --fiq-cat-single-fill-opacity: 0.75;
  --fiq-cat-single-accent: 245 158 11;
  --fiq-cat-outdated-fill: 255 241 242;
  --fiq-cat-outdated-fill-opacity: 0.8;
  --fiq-cat-outdated-accent: 244 63 94;
  --fiq-cat-same-fill: 245 243 255;
  --fiq-cat-same-fill-opacity: 0.85;
  --fiq-cat-same-accent: 139 92 246;
  --fiq-cat-badge-single-bg: 254 243 199;
  --fiq-cat-badge-single-bg-opacity: 1;
  --fiq-cat-badge-single-text: 146 64 14;
  --fiq-cat-badge-outdated-bg: 255 228 230;
  --fiq-cat-badge-outdated-bg-opacity: 1;
  --fiq-cat-badge-outdated-text: 190 18 60;
  --fiq-cat-badge-same-bg: 237 233 254;
  --fiq-cat-badge-same-bg-opacity: 1;
  --fiq-cat-badge-same-text: 109 40 217;
}
html.dark[data-theme="GESTORNEO"],
html.dark:not([data-theme]) {
  --fiq-cat-single-fill: 245 158 11;
  --fiq-cat-single-fill-opacity: 0.14;
  --fiq-cat-single-accent: 251 191 36;
  --fiq-cat-outdated-fill: 244 63 94;
  --fiq-cat-outdated-fill-opacity: 0.14;
  --fiq-cat-outdated-accent: 251 113 133;
  --fiq-cat-same-fill: 139 92 246;
  --fiq-cat-same-fill-opacity: 0.14;
  --fiq-cat-same-accent: 167 139 250;
  --fiq-cat-badge-single-bg: 245 158 11;
  --fiq-cat-badge-single-bg-opacity: 0.22;
  --fiq-cat-badge-single-text: 253 230 138;
  --fiq-cat-badge-outdated-bg: 244 63 94;
  --fiq-cat-badge-outdated-bg-opacity: 0.22;
  --fiq-cat-badge-outdated-text: 254 205 211;
  --fiq-cat-badge-same-bg: 139 92 246;
  --fiq-cat-badge-same-bg-opacity: 0.22;
  --fiq-cat-badge-same-text: 221 214 254;
}
html.dark[data-theme="GESTORNEO"] tbody tr.category-row--single:hover,
html.dark:not([data-theme]) tbody tr.category-row--single:hover,
html.dark[data-theme="GESTORNEO"] tbody tr.category-row--outdated:hover,
html.dark:not([data-theme]) tbody tr.category-row--outdated:hover,
html.dark[data-theme="GESTORNEO"] tbody tr.category-row--same-academy:hover,
html.dark:not([data-theme]) tbody tr.category-row--same-academy:hover {
  filter: brightness(1.06);
}
/* =============================================================================
 * Gestorneo: paginación de tablas – tonos slate + azul primario (sin verde success)
 * ============================================================================= */
html[data-theme="GESTORNEO"] .table-pagination button:not(.bg-primary):not(.bg-primary-hover),
html:not([data-theme]) .table-pagination button:not(.bg-primary):not(.bg-primary-hover),
html[data-theme="GESTORNEO"] .table-pagination a:not(.bg-primary):not(.bg-primary-hover),
html:not([data-theme]) .table-pagination a:not(.bg-primary):not(.bg-primary-hover) {
  background-color: rgb(var(--color-surface-muted)) !important;
  border-color: rgb(var(--color-border)) !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="GESTORNEO"] .table-pagination button:not(.bg-primary):not(.bg-primary-hover) span,
html:not([data-theme]) .table-pagination button:not(.bg-primary):not(.bg-primary-hover) span,
html[data-theme="GESTORNEO"] .table-pagination a:not(.bg-primary):not(.bg-primary-hover) span,
html:not([data-theme]) .table-pagination a:not(.bg-primary):not(.bg-primary-hover) span {
  color: inherit !important;
}
html[data-theme="GESTORNEO"] .table-pagination button:not(.bg-primary):not(.bg-primary-hover):hover:not(:disabled),
html:not([data-theme]) .table-pagination button:not(.bg-primary):not(.bg-primary-hover):hover:not(:disabled),
html[data-theme="GESTORNEO"] .table-pagination a:not(.bg-primary):not(.bg-primary-hover):hover:not(:disabled),
html:not([data-theme]) .table-pagination a:not(.bg-primary):not(.bg-primary-hover):hover:not(:disabled) {
  background-color: rgb(var(--color-panel)) !important;
  border-color: rgb(var(--color-border-dark)) !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="GESTORNEO"] .table-pagination button.bg-primary,
html[data-theme="GESTORNEO"] .table-pagination button.bg-primary-hover,
html:not([data-theme]) .table-pagination button.bg-primary,
html:not([data-theme]) .table-pagination button.bg-primary-hover,
html[data-theme="GESTORNEO"] .table-pagination a.bg-primary,
html[data-theme="GESTORNEO"] .table-pagination a.bg-primary-hover,
html:not([data-theme]) .table-pagination a.bg-primary,
html:not([data-theme]) .table-pagination a.bg-primary-hover {
  background-color: rgb(var(--color-primary)) !important;
  border-color: rgb(var(--color-primary)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="GESTORNEO"] .table-pagination button.bg-primary:hover,
html[data-theme="GESTORNEO"] .table-pagination button.bg-primary-hover:hover,
html:not([data-theme]) .table-pagination button.bg-primary:hover,
html:not([data-theme]) .table-pagination button.bg-primary-hover:hover,
html[data-theme="GESTORNEO"] .table-pagination a.bg-primary:hover,
html[data-theme="GESTORNEO"] .table-pagination a.bg-primary-hover:hover,
html:not([data-theme]) .table-pagination a.bg-primary:hover,
html:not([data-theme]) .table-pagination a.bg-primary-hover:hover {
  background-color: rgb(var(--color-primary-hover)) !important;
  border-color: rgb(var(--color-primary-hover)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="GESTORNEO"] .table-pagination button.bg-primary span,
html[data-theme="GESTORNEO"] .table-pagination button.bg-primary-hover span,
html:not([data-theme]) .table-pagination button.bg-primary span,
html:not([data-theme]) .table-pagination button.bg-primary-hover span,
html[data-theme="GESTORNEO"] .table-pagination a.bg-primary span,
html[data-theme="GESTORNEO"] .table-pagination a.bg-primary-hover span,
html:not([data-theme]) .table-pagination a.bg-primary span,
html:not([data-theme]) .table-pagination a.bg-primary-hover span {
  color: rgb(255 255 255) !important;
}
html[data-theme="GESTORNEO"] .table-pagination button:disabled,
html:not([data-theme]) .table-pagination button:disabled,
html[data-theme="GESTORNEO"] .table-pagination a[aria-disabled="true"],
html:not([data-theme]) .table-pagination a[aria-disabled="true"] {
  opacity: 0.45;
  cursor: not-allowed;
}
html[data-theme="GESTORNEO"] .table-pagination small,
html:not([data-theme]) .table-pagination small {
  color: rgb(var(--color-text-muted));
}
/* =============================================================================
 * Gestorneo: acciones outline en tablas (credencial QR, ficha, etc.)
 * Hover suave con tinte primario — evita el salto a azul sólido como el botón principal
 * ============================================================================= */
html[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.border-primary,
html:not([data-theme]) .table-cell-actions button.base-button--outline.border-primary,
html[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.border-primary,
html:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.border-primary {
  background-color: rgb(var(--color-surface-muted)) !important;
  border-color: rgb(var(--color-primary) / 0.42) !important;
  color: rgb(var(--color-primary)) !important;
}
html[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.border-primary svg,
html:not([data-theme]) .table-cell-actions button.base-button--outline.border-primary svg,
html[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.border-primary svg,
html:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.border-primary svg {
  color: inherit !important;
  fill: currentColor !important;
}
html[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.border-primary:hover:not(:disabled),
html:not([data-theme]) .table-cell-actions button.base-button--outline.border-primary:hover:not(:disabled),
html[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.border-primary:hover:not(:disabled),
html:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.border-primary:hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.16) !important;
  border-color: rgb(var(--color-primary) / 0.58) !important;
  color: rgb(var(--color-primary)) !important;
}
html.dark[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.border-primary,
html.dark:not([data-theme]) .table-cell-actions button.base-button--outline.border-primary,
html.dark[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.border-primary,
html.dark:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.border-primary {
  color: rgb(var(--color-primary-light)) !important;
}
html.dark[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.border-primary:hover:not(:disabled),
html.dark:not([data-theme]) .table-cell-actions button.base-button--outline.border-primary:hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.border-primary:hover:not(:disabled),
html.dark:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.border-primary:hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.2) !important;
  border-color: rgb(var(--color-primary) / 0.62) !important;
  color: rgb(var(--color-primary-light)) !important;
}
/* =============================================================================
 * Gestorneo: vue-multiselect alineado al tema (inputs slate, sin bloques blancos)
 * ============================================================================= */
html[data-theme="GESTORNEO"] .multiselect,
html:not([data-theme]) .multiselect {
  color: rgb(var(--color-text));
  min-height: 42px;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="GESTORNEO"] .multiselect__tags,
html:not([data-theme]) .multiselect__tags {
  min-height: 42px;
  padding-top: 8px;
  background: rgb(var(--color-input)) !important;
  border: 1px solid rgb(var(--color-border)) !important;
  border-radius: 0.5rem;
  overflow: hidden;
}
html[data-theme="GESTORNEO"] .multiselect__input,
html[data-theme="GESTORNEO"] .multiselect__single,
html:not([data-theme]) .multiselect__input,
html:not([data-theme]) .multiselect__single {
  background: transparent !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="GESTORNEO"] .multiselect__placeholder,
html:not([data-theme]) .multiselect__placeholder {
  color: rgb(var(--color-text-muted)) !important;
}
html[data-theme="GESTORNEO"] .multiselect__select::before,
html:not([data-theme]) .multiselect__select::before {
  border-top-color: rgb(var(--color-text-muted));
}
html[data-theme="GESTORNEO"] .multiselect__content-wrapper,
html:not([data-theme]) .multiselect__content-wrapper {
  background: rgb(var(--color-surface)) !important;
  border: 1px solid rgb(var(--color-border)) !important;
  box-shadow: 0 10px 25px rgb(0 0 0 / 0.12);
}
html[data-theme="GESTORNEO"] .multiselect__option,
html:not([data-theme]) .multiselect__option {
  color: rgb(var(--color-text));
}
html[data-theme="GESTORNEO"] .multiselect__option--highlight,
html:not([data-theme]) .multiselect__option--highlight {
  background: rgb(var(--color-primary) / 0.15) !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="GESTORNEO"] .multiselect__option--selected,
html:not([data-theme]) .multiselect__option--selected {
  background: rgb(var(--color-primary) / 0.1) !important;
  color: rgb(var(--color-text)) !important;
  font-weight: 600;
}
html[data-theme="GESTORNEO"] .multiselect__option--selected.multiselect__option--highlight,
html:not([data-theme]) .multiselect__option--selected.multiselect__option--highlight {
  background: rgb(var(--color-primary) / 0.25) !important;
}
html[data-theme="GESTORNEO"] .multiselect__tag,
html:not([data-theme]) .multiselect__tag {
  background: rgb(var(--color-primary) / 0.18) !important;
  color: rgb(var(--color-text)) !important;
  border: 1px solid rgb(var(--color-primary) / 0.25);
}
html[data-theme="GESTORNEO"] .multiselect__tag-icon::after,
html:not([data-theme]) .multiselect__tag-icon::after {
  color: rgb(var(--color-text-muted));
}
html[data-theme="GESTORNEO"] .multiselect__tag-icon:hover,
html:not([data-theme]) .multiselect__tag-icon:hover {
  background: rgb(var(--color-primary) / 0.28) !important;
}
html[data-theme="GESTORNEO"] .multiselect__spinner,
html:not([data-theme]) .multiselect__spinner {
  background: rgb(var(--color-input)) !important;
}
html[data-theme="GESTORNEO"] .multiselect--disabled .multiselect__tags,
html:not([data-theme]) .multiselect--disabled .multiselect__tags {
  opacity: 0.65;
}
html.dark[data-theme="GESTORNEO"] .multiselect__content-wrapper,
html.dark:not([data-theme]) .multiselect__content-wrapper {
  box-shadow: 0 12px 28px rgb(0 0 0 / 0.35);
}
html.dark[data-theme="GESTORNEO"] .multiselect__option--highlight,
html.dark:not([data-theme]) .multiselect__option--highlight {
  background: rgb(var(--color-primary) / 0.22) !important;
}
/* Dashboard: ranking de academias — multiselect sobre barra primary */
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect {
  position: relative;
  z-index: 1;
  min-height: 48px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect.multiselect--active,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect.multiselect--active {
  z-index: 30;
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__tags,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__tags {
  min-height: 48px;
  padding-top: 10px;
  padding-bottom: 6px;
  font-size: 0.9375rem;
  background: rgb(var(--color-input)) !important;
  border-color: rgb(var(--color-border)) !important;
  border-radius: 0.5rem;
  overflow: hidden;
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__input,
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__single,
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__placeholder,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__input,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__single,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__placeholder {
  color: rgb(var(--color-text)) !important;
  font-size: 0.9375rem;
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__select,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__select {
  height: 46px;
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option {
  color: rgb(var(--color-text)) !important;
  font-size: 0.9375rem;
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option--highlight::after,
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option--selected::after,
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option--selected.multiselect__option--highlight::after,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option--highlight::after,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option--selected::after,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option--selected.multiselect__option--highlight::after {
  content: none !important;
  display: none !important;
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__content-wrapper,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__content-wrapper {
  background: rgb(var(--color-surface)) !important;
  border-color: rgb(var(--color-border)) !important;
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option--highlight,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option--highlight {
  background: rgb(var(--color-primary) / 0.18) !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .text-text,
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .text-text-muted,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .text-text,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .text-text-muted {
  color: inherit !important;
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__content-wrapper .multiselect__option--disabled,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__content-wrapper .multiselect__option--disabled {
  color: rgb(var(--color-text-muted)) !important;
}
/* SlideOver: labels de FormField / FormControl legibles */
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.font-bold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.font-bold,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.font-semibold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.font-semibold {
  color: rgb(var(--color-text)) !important;
}
/* =============================================================================
 * Gestorneo: configuraciones del evento (pestañas, tarjetas, transfer)
 * ============================================================================= */
/* Pestañas inactivas: en oscuro usar surface-muted (no blanco puro) */
html.dark[data-theme="GESTORNEO"] .segment-buttons button:not(.bg-success),
html.dark:not([data-theme]) .segment-buttons button:not(.bg-success),
html.dark[data-theme="GESTORNEO"] .segment-buttons a:not(.bg-success),
html.dark:not([data-theme]) .segment-buttons a:not(.bg-success) {
  background-color: rgb(var(--color-surface-muted)) !important;
  color: rgb(var(--color-text)) !important;
  border-color: rgb(var(--color-border)) !important;
}
html.dark[data-theme="GESTORNEO"] .segment-buttons button:not(.bg-success) svg,
html.dark:not([data-theme]) .segment-buttons button:not(.bg-success) svg,
html.dark[data-theme="GESTORNEO"] .segment-buttons a:not(.bg-success) svg,
html.dark:not([data-theme]) .segment-buttons a:not(.bg-success) svg {
  color: inherit !important;
}
/* Element Plus transfer: tokens del tema + textos legibles en oscuro */
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper {
  --el-border-color: rgb(var(--color-border-dark));
  --el-border-color-light: rgb(var(--color-border-dark));
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel {
  background-color: rgb(var(--color-surface)) !important;
  border: 1px solid rgb(var(--color-border-dark)) !important;
  box-shadow: none !important;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer > .el-transfer-panel:last-of-type,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer > .el-transfer-panel:last-of-type {
  background-color: rgb(var(--color-primary) / 0.12) !important;
  border-color: rgb(var(--color-primary) / 0.45) !important;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__header,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__header {
  background-color: rgb(var(--color-panel)) !important;
  border: none !important;
  border-bottom: 1px solid rgb(var(--color-border-dark)) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer > .el-transfer-panel:last-of-type .el-transfer-panel__header,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer > .el-transfer-panel:last-of-type .el-transfer-panel__header {
  background-color: rgb(var(--color-primary) / 0.18) !important;
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: rgb(var(--color-text)) !important;
  font-weight: 600 !important;
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__header > span,
html:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: rgb(var(--color-text-muted)) !important;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .el-transfer-panel__item .el-checkbox__label,
html.dark:not([data-theme]) .categories-config-card .el-transfer-panel__item .el-checkbox__label {
  color: rgb(var(--color-text)) !important;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .cat-badge--reg,
html.dark:not([data-theme]) .categories-config-card .cat-badge--reg {
  border-color: rgb(var(--color-border-dark)) !important;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter {
  --el-input-bg-color: rgb(var(--color-input));
  --el-fill-color-blank: rgb(var(--color-input));
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input,
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__wrapper,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__wrapper {
  background-color: rgb(var(--color-input)) !important;
  background-image: none !important;
  box-shadow: 0 0 0 1px rgb(var(--color-border-dark)) inset !important;
  --el-input-bg-color: rgb(var(--color-input));
  --el-fill-color-blank: rgb(var(--color-input));
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__inner,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__inner,
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter input,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter input {
  background-color: transparent !important;
  color: rgb(var(--color-text)) !important;
  -webkit-text-fill-color: rgb(var(--color-text)) !important;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__inner::-moz-placeholder, html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__inner::-moz-placeholder, html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter input::-moz-placeholder, html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter input::-moz-placeholder {
  color: rgb(var(--color-text-muted)) !important;
  -webkit-text-fill-color: rgb(var(--color-text-muted)) !important;
  opacity: 1;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__inner::placeholder,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__inner::placeholder,
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter input::placeholder,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter input::placeholder {
  color: rgb(var(--color-text-muted)) !important;
  -webkit-text-fill-color: rgb(var(--color-text-muted)) !important;
  opacity: 1;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__prefix,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__prefix,
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__prefix .el-icon,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__prefix .el-icon,
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__prefix svg,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__prefix svg {
  color: rgb(var(--color-text-muted)) !important;
  fill: currentColor !important;
}
/* Botones centrales del transfer: iconos visibles sobre fondo oscuro */
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer__button,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer__button {
  background-color: rgb(var(--color-surface-muted)) !important;
  border-color: rgb(var(--color-border-dark)) !important;
  color: rgb(var(--color-text)) !important;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer__button .el-icon,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer__button .el-icon,
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer__button .el-icon svg,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer__button .el-icon svg {
  color: inherit !important;
  fill: currentColor !important;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-wrapper .el-transfer__button:hover:not(:disabled),
html.dark:not([data-theme]) .categories-config-card .categories-transfer-wrapper .el-transfer__button:hover:not(:disabled) {
  background-color: rgb(var(--color-primary)) !important;
  border-color: rgb(var(--color-primary)) !important;
  color: rgb(255 255 255) !important;
}
/* Toolbar categorías: botones outline con tokens Gestorneo */
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline,
html:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline {
  background-color: rgb(var(--color-surface-muted)) !important;
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-primary,
html:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-primary {
  border-color: rgb(var(--color-primary) / 0.5) !important;
  color: rgb(var(--color-primary)) !important;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-primary,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-primary {
  border-color: rgb(var(--color-primary) / 0.55) !important;
  color: rgb(var(--color-primary-light)) !important;
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-danger,
html:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-danger {
  border-color: rgb(var(--color-danger) / 0.55) !important;
  color: rgb(var(--color-danger)) !important;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-danger,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-danger {
  border-color: rgb(var(--color-danger) / 0.65) !important;
  color: rgb(252 165 165) !important;
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-primary:hover:not(:disabled),
html:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-primary:hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-primary:hover:not(:disabled),
html.dark:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-primary:hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.18) !important;
  border-color: rgb(var(--color-primary)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-danger:hover:not(:disabled),
html:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-danger:hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-danger:hover:not(:disabled),
html.dark:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-danger:hover:not(:disabled) {
  background-color: rgb(var(--color-danger) / 0.18) !important;
  border-color: rgb(var(--color-danger)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline svg,
html:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline svg,
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline svg,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline svg {
  color: inherit !important;
  fill: currentColor !important;
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .el-transfer-panel__filter .el-input__inner,
html.dark:not([data-theme]) .categories-config-card .el-transfer-panel__filter .el-input__inner {
  color: rgb(var(--color-text)) !important;
  background-color: transparent !important;
}
/* Opciones seleccionadas: primario Gestorneo (azul) */
html[data-theme="GESTORNEO"] .config-form-card .config-choice--active,
html:not([data-theme]) .config-form-card .config-choice--active {
  background-color: rgb(var(--color-primary)) !important;
  border-color: rgb(var(--color-primary)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="GESTORNEO"] .config-form-card .config-toggle--active.config-toggle--card,
html:not([data-theme]) .config-form-card .config-toggle--active.config-toggle--card {
  background-color: rgb(var(--color-primary)) !important;
  border-color: rgb(var(--color-primary)) !important;
  box-shadow: 0 2px 8px rgb(var(--color-primary) / 0.25) !important;
}
html[data-theme="GESTORNEO"] .config-form-card .config-toggle--active.config-toggle--row:not(.config-toggle--flush),
html:not([data-theme]) .config-form-card .config-toggle--active.config-toggle--row:not(.config-toggle--flush) {
  border-color: rgb(var(--color-primary)) !important;
  background-color: rgb(var(--color-primary) / 0.12) !important;
  box-shadow: 0 0 0 2px rgb(var(--color-primary) / 0.15) !important;
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-reg-pill--active,
html:not([data-theme]) .categories-config-card .categories-reg-pill--active {
  background-color: rgb(var(--color-primary)) !important;
  border-color: rgb(var(--color-primary)) !important;
  color: rgb(255 255 255) !important;
}
/* =============================================================================
 * Gestorneo: pestaña Cronómetros (configuraciones del evento)
 * ============================================================================= */
html[data-theme="GESTORNEO"] .event-timer-config .timer-area-tab,
html:not([data-theme]) .event-timer-config .timer-area-tab {
  border-color: rgb(var(--color-border));
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text-muted));
}
html[data-theme="GESTORNEO"] .event-timer-config .timer-area-tab:hover,
html:not([data-theme]) .event-timer-config .timer-area-tab:hover {
  background-color: rgb(var(--color-surface-muted));
  color: rgb(var(--color-text));
}
html[data-theme="GESTORNEO"] .event-timer-config .timer-area-tab--active,
html:not([data-theme]) .event-timer-config .timer-area-tab--active {
  border-color: rgb(var(--color-primary));
  background-color: rgb(var(--color-primary));
  color: rgb(255 255 255);
  box-shadow: 0 1px 2px rgb(var(--color-primary) / 0.25);
}
html[data-theme="GESTORNEO"] .event-timer-config .timer-area-tab__count,
html:not([data-theme]) .event-timer-config .timer-area-tab__count {
  background-color: rgb(var(--color-surface-muted));
  color: rgb(var(--color-text-muted));
}
html[data-theme="GESTORNEO"] .event-timer-config .timer-area-tab:hover .timer-area-tab__count,
html:not([data-theme]) .event-timer-config .timer-area-tab:hover .timer-area-tab__count {
  background-color: rgb(var(--color-surface));
}
html[data-theme="GESTORNEO"] .event-timer-config .timer-area-tab__count--active,
html:not([data-theme]) .event-timer-config .timer-area-tab__count--active {
  background-color: rgb(255 255 255 / 0.22);
  color: rgb(255 255 255);
}
/* Toolbar y acciones secundarias: outline legibles en oscuro */
html.dark[data-theme="GESTORNEO"] .event-timer-config button.base-button--outline.bg-white,
html.dark:not([data-theme]) .event-timer-config button.base-button--outline.bg-white {
  background-color: rgb(var(--color-surface-muted)) !important;
  color: rgb(var(--color-text)) !important;
  border-color: rgb(var(--color-border)) !important;
}
html.dark[data-theme="GESTORNEO"] .event-timer-config button.base-button--outline.bg-white:hover:not(:disabled),
html.dark:not([data-theme]) .event-timer-config button.base-button--outline.bg-white:hover:not(:disabled) {
  background-color: rgb(var(--color-panel)) !important;
  border-color: rgb(var(--color-primary) / 0.45) !important;
}
html.dark[data-theme="GESTORNEO"] .event-timer-config button.base-button--outline.bg-white svg,
html.dark:not([data-theme]) .event-timer-config button.base-button--outline.bg-white svg {
  color: inherit !important;
  fill: currentColor !important;
}
/* ========== Gestorneo: Llaves Single Elimination ========== */
html:not(.dark)[data-theme="GESTORNEO"] .tournament-container,
html:not(.dark):not([data-theme]) .tournament-container {
  background-color: rgb(248 250 252) !important;
  border-radius: 8px;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .match.bracket-match-card,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .match.bracket-match-card {
  background-color: rgb(255 255 255) !important;
  border-color: rgb(226 232 240) !important;
  box-shadow: 0 1px 3px rgb(15 23 42 / 0.06) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-header,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-header {
  background-color: rgb(241 245 249) !important;
  border-bottom-color: rgb(226 232 240) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-status.is-finished,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-status.is-finished {
  color: rgb(5 150 105) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-status.is-in_progress,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-status.is-in_progress {
  color: rgb(37 99 235) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.text-text,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.text-text,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name {
  color: rgb(15 23 42) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.text-text-muted,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.text-text-muted,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.text-text-muted,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.text-text-muted,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.text-text-muted,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.text-text-muted,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code {
  color: rgb(100 116 139) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player.is-winner,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player.is-winner {
  background-color: rgb(236 253 245) !important;
  box-shadow: inset 3px 0 0 var(--match-tracking-color, rgb(16 185 129)) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__trophy,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__trophy {
  color: rgb(234 179 8) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .match-finished.bracket-match-card,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .match-finished.bracket-match-card {
  border-color: rgb(16 185 129) !important;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .match-in-progress.bracket-match-card,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .match-in-progress.bracket-match-card {
  border-color: rgb(59 130 246) !important;
}
/* Dark mode: tarjetas oscuras legibles (como league-match-card) */
html.dark[data-theme="GESTORNEO"] .tournament-container,
html.dark:not([data-theme]) .tournament-container {
  background-color: rgb(15 23 42 / 0.55) !important;
  border-radius: 8px;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .match.bracket-match-card,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .match.bracket-match-card {
  background-color: rgb(51 65 85) !important;
  border-color: rgb(71 85 105 / 0.95) !important;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.25) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-header,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-header {
  background-color: rgb(30 41 59 / 0.85) !important;
  border-bottom-color: rgb(71 85 105 / 0.75) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-status,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-status {
  color: rgb(148 163 184) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-status.is-finished,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-status.is-finished {
  color: rgb(52 211 153) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-status.is-in_progress,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-status.is-in_progress {
  color: rgb(96 165 250) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__photo,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__photo {
  background-color: rgb(30 41 59) !important;
  border-color: rgb(71 85 105) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player {
  border-bottom-color: rgb(71 85 105 / 0.65) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.text-text,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.text-text,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name {
  color: rgb(248 250 252) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.text-text-muted,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.text-text-muted,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.text-text-muted,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.text-text-muted,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.text-text-muted,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.text-text-muted,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code {
  color: rgb(148 163 184) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__score,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__score {
  color: rgb(203 213 225) !important;
  background-color: rgb(30 41 59) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__score.is-winning,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__score.is-winning {
  color: rgb(52 211 153) !important;
  background-color: rgb(16 185 129 / 0.15) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player.is-winner,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player.is-winner {
  background-color: rgb(16 185 129 / 0.12) !important;
  box-shadow: inset 3px 0 0 var(--match-tracking-color, rgb(16 185 129)) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player.is-bye,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player.is-bye {
  background-color: rgb(30 41 59 / 0.65) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__trophy,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__trophy {
  color: rgb(250 204 21) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .match-finished.bracket-match-card,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .match-finished.bracket-match-card {
  border-color: rgb(16 185 129) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .match-in-progress.bracket-match-card,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .match-in-progress.bracket-match-card {
  border-color: rgb(59 130 246) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-notify,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-notify {
  background-color: rgb(30 41 59) !important;
  border-color: rgb(71 85 105) !important;
  color: rgb(250 204 21) !important;
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-connector,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-connector {
  background: var(--match-tracking-color, rgb(59 130 246)) !important;
}
/* Cabeceras de listado: botones secundarios outline visibles sobre panel oscuro */
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions button.base-button--outline:not(.border-primary):not(.border-danger):not(.border-success),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions button.base-button--outline:not(.border-primary):not(.border-danger):not(.border-success),
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions a.base-button--outline:not(.border-primary):not(.border-danger):not(.border-success),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions a.base-button--outline:not(.border-primary):not(.border-danger):not(.border-success) {
  background-color: rgb(var(--color-surface-muted)) !important;
  border-color: rgb(var(--color-border-dark)) !important;
  color: rgb(var(--color-text)) !important;
}
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions button.base-button--outline:not(.border-primary):not(.border-danger):not(.border-success):hover:not(:disabled),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions button.base-button--outline:not(.border-primary):not(.border-danger):not(.border-success):hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions a.base-button--outline:not(.border-primary):not(.border-danger):not(.border-success):hover:not(:disabled),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions a.base-button--outline:not(.border-primary):not(.border-danger):not(.border-success):hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.14) !important;
  border-color: rgb(var(--color-primary)) !important;
  color: rgb(var(--color-primary-light)) !important;
}
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions button.base-button--outline:not(.border-primary):not(.border-danger):not(.border-success) svg,
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions button.base-button--outline:not(.border-primary):not(.border-danger):not(.border-success) svg,
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions a.base-button--outline:not(.border-primary):not(.border-danger):not(.border-success) svg,
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions a.base-button--outline:not(.border-primary):not(.border-danger):not(.border-success) svg {
  color: inherit !important;
  fill: currentColor !important;
}
/* ========== Gestorneo: selects/inputs nativos (contenido + SlideOver/modales) ========== */
html[data-theme="GESTORNEO"] .app-main-content select,
html:not([data-theme]) .app-main-content select,
html[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] select,
html:not([data-theme]) .fixed.inset-0.z-\[60\] select,
html[data-theme="GESTORNEO"] .app-modal select,
html:not([data-theme]) .app-modal select {
  background-color: rgb(var(--color-input)) !important;
  color: rgb(var(--color-text)) !important;
  -webkit-text-fill-color: rgb(var(--color-text)) !important;
  color-scheme: light;
}
html[data-theme="GESTORNEO"] .app-main-content select option,
html:not([data-theme]) .app-main-content select option,
html[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] select option,
html:not([data-theme]) .fixed.inset-0.z-\[60\] select option,
html[data-theme="GESTORNEO"] .app-modal select option,
html:not([data-theme]) .app-modal select option {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
}
html[data-theme="GESTORNEO"] .app-main-content select:focus,
html[data-theme="GESTORNEO"] .app-main-content select:focus-visible,
html:not([data-theme]) .app-main-content select:focus,
html:not([data-theme]) .app-main-content select:focus-visible,
html[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] select:focus,
html[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] select:focus-visible,
html:not([data-theme]) .fixed.inset-0.z-\[60\] select:focus,
html:not([data-theme]) .fixed.inset-0.z-\[60\] select:focus-visible {
  background-color: rgb(var(--color-input)) !important;
  color: rgb(var(--color-text)) !important;
  -webkit-text-fill-color: rgb(var(--color-text)) !important;
}
html.dark[data-theme="GESTORNEO"] .app-main-content select,
html.dark:not([data-theme]) .app-main-content select,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] select,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] select,
html.dark[data-theme="GESTORNEO"] .app-modal select,
html.dark:not([data-theme]) .app-modal select,
html.dark[data-theme="GESTORNEO"] .app-main-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
html.dark:not([data-theme]) .app-main-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
html.dark[data-theme="GESTORNEO"] .app-modal input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
html.dark:not([data-theme]) .app-modal input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]) {
  background-color: rgb(var(--color-input)) !important;
  color: rgb(var(--color-text)) !important;
  -webkit-text-fill-color: rgb(var(--color-text)) !important;
  color-scheme: dark;
}
html.dark[data-theme="GESTORNEO"] .app-main-content select option,
html.dark:not([data-theme]) .app-main-content select option,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] select option,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] select option,
html.dark[data-theme="GESTORNEO"] .app-modal select option,
html.dark:not([data-theme]) .app-modal select option {
  background-color: rgb(var(--color-panel));
  color: rgb(var(--color-text));
}
html.dark[data-theme="GESTORNEO"] .app-main-content select:focus,
html.dark[data-theme="GESTORNEO"] .app-main-content select:focus-visible,
html.dark:not([data-theme]) .app-main-content select:focus,
html.dark:not([data-theme]) .app-main-content select:focus-visible,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] select:focus,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] select:focus-visible,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] select:focus,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] select:focus-visible {
  background-color: rgb(var(--color-input)) !important;
  color: rgb(var(--color-text)) !important;
  -webkit-text-fill-color: rgb(var(--color-text)) !important;
}
/* SlideOver: tipografía del panel en oscuro (sin pisar text-primary / links) */
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .text-text,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .text-text {
  color: rgb(var(--color-text));
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .text-text-muted,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .text-text-muted {
  color: rgb(var(--color-text-muted));
}
/**
 * Tema FightIQ – basado en logo F7 (rojo carmesí + negro/gris oscuro)
 * Se aplica cuando VITE_APP_THEME no es GESTORNEO.
 * Base: negro y gris muy oscuro. Acento: rojo del logo (#B01E25).
 */
html[data-theme="FIGHTIQ"] {
  /* === Primarios / Marca (rojo del logo) === */
  --color-primary: 176 30 37;            /* #B01E25 – rojo del escudo del logo */
  --color-primary-hover: 139 26 26;     /* rojo más oscuro al hover */
  --color-primary-light: 220 38 38;    /* red-600 – variante clara para fondos */

  /* === Semánticos === */
  --color-success: 22 163 74;           /* green-600 */
  --color-success-hover: 21 128 61;
  --color-danger: 185 28 28;            /* red-800 – coherente con el rojo del logo */
  --color-danger-hover: 153 27 27;
  --color-warning: 202 138 4;           /* yellow-600 */
  --color-warning-hover: 161 98 7;
  --color-info: 176 30 37;              /* mismo rojo para info */

  /* === Tipografía (rediseño 2 sep 2026) ===
   * Barlow titula, IBM Plex Sans es la interfaz, IBM Plex Mono lleva los datos
   * que se alinean en columna. Por ahora iguales en las cuatro marcas; están
   * aquí para que una pueda cambiarlas sin tocar ningún componente. */
  --font-sans: "IBM Plex Sans";
  --font-display: "Barlow";
  --font-mono: "IBM Plex Mono";
  /* === Chrome de navegación (ver theme/README.md § Chrome) === */
  --chrome-ink: 10 10 10;
  --chrome-line: 64 64 64;
  --chrome-on: 212 212 212;
  --chrome-on-hi: 255 255 255;
  --chrome-on-dim: 130 130 130;
  --chrome-accent: 248 113 113;    /* red-400: el carmesí no se lee sobre negro */

  /* === Estado (escala propia; ver theme/README.md § Escala de estado) ===
   * `info` aquí es el rojo del logo: usarlo para «en curso» lo haría
   * indistinguible de «cancelado». La escala de estado no sigue la marca. */
  --state-positive: 21 128 61;          /* green-700 */
  --state-positive-border: 22 163 74;
  --state-positive-fg: 255 255 255;
  --state-attention: 234 179 8;         /* yellow-500 – texto oscuro */
  --state-attention-border: 202 138 4;
  --state-attention-fg: 41 37 36;
  --state-critical: 185 28 28;          /* red-800 – coherente con el logo */
  --state-critical-border: 220 38 38;
  --state-critical-fg: 255 255 255;
  --state-progress: 37 99 235;          /* blue-600 – único hue frío disponible */
  --state-progress-border: 59 130 246;
  --state-progress-fg: 255 255 255;
  --state-neutral: 82 82 82;            /* neutral-600 */
  --state-neutral-border: 115 115 115;
  --state-neutral-fg: 255 255 255;

  /* Color como texto: se mide contra --color-surface y cambia con el modo. */
  --state-positive-on-surface: 21 128 61;   /* green-700  – 5.02 sobre blanco */
  --state-attention-on-surface: 133 77 14;  /* yellow-800 – 6.85 */
  --state-critical-on-surface: 185 28 28;   /* red-800    – 6.47 */
  --state-progress-on-surface: 29 78 216;   /* blue-700   – 6.70 */

  /* === Superficies – modo claro: grises neutros, acento rojo solo en botones/links === */
  --color-surface: 255 255 255;
  --color-surface-muted: 245 245 245;   /* gris muy claro: fondo de página */
  --color-panel: 229 229 229;           /* gray-200: cards, inputs */
  --color-aside: 23 23 23;              /* gris casi negro: menú */
  --color-aside-brand: 0 0 0;           /* negro: marca */
  --color-aside-menu: 163 163 163;      /* gray-400 */
  --color-aside-menu-active: 255 255 255;
  --color-aside-menu-bg: 64 64 64;      /* gray-700 */
  --color-aside-dropdown: 38 38 38;     /* gray-800 */
  --color-navbar-label: 23 23 23;
  --color-navbar-label-hover: 176 30 37;
  --color-navbar-label-active: 139 26 26;
  --color-overlay-from: 38 38 38;
  --color-overlay-via: 23 23 23;
  --color-overlay-to: 0 0 0;

  /* === Neutros (texto, bordes) === */
  --color-text: 23 23 23;               /* casi negro */
  --color-text-muted: 75 85 99;        /* gray-600 – gray-500 se quedaba en
                                          4,43:1 sobre #F5F5F5, por debajo de AA. */
  --color-border: 229 231 235;          /* gray-200 */
  --color-border-dark: 156 163 175;     /* gray-400 */

  /* === Inputs (fondo diferenciado del card) === */
  --color-input: 241 245 249;           /* slate-100 */

  /* === Scrollbar (aside) === */
  --color-scrollbar-track: 23 23 23;
  --color-scrollbar-thumb: 64 64 64;

  /* === Fotografías: selección en galería / uploader === */
  --color-photo-select-accent: var(--color-primary);
}
html.dark[data-theme="FIGHTIQ"] {
  /* Color como texto, aclarado para la card oscura. */
  --state-positive-on-surface: 74 222 128;  /* green-400  – 10.29 sobre #171717 */
  --state-attention-on-surface: 250 204 21; /* yellow-400 – 11.71 */
  --state-critical-on-surface: 248 113 113; /* red-400    – 6.48 */
  --state-progress-on-surface: 96 165 250;  /* blue-400   – 7.05 */

  /* === Superficies – modo oscuro: negro y gris muy oscuro === */
  --color-surface: 23 23 23;            /* gris muy oscuro: cards, modales */
  --color-surface-muted: 38 38 38;     /* gris oscuro: fondo de página */
  --color-panel: 45 45 45;              /* gris para hover, inputs, cards secundarios */
  --color-aside: 0 0 0;                 /* negro: menú lateral */
  --color-aside-brand: 0 0 0;
  --color-aside-menu: 212 212 212;      /* gray-300 */
  --color-aside-menu-active: 255 255 255;
  --color-aside-menu-bg: 64 64 64;
  --color-aside-dropdown: 38 38 38;
  --color-navbar-label: 255 255 255;    /* blanco sobre negro */
  --color-navbar-label-hover: 248 113 113; /* red-400 – rojo claro sobre hover */
  --color-navbar-label-active: 248 113 113;
  --color-overlay-from: 38 38 38;
  --color-overlay-via: 23 23 23;
  --color-overlay-to: 0 0 0;

  /* === Neutros (texto, bordes) – blanco y gris claro sobre fondo oscuro === */
  --color-text: 255 255 255;            /* blanco como en el logo */
  --color-text-muted: 163 163 163;     /* gray-400 */
  --color-border: 64 64 64;             /* gray-700 */
  --color-border-dark: 82 82 82;        /* gray-600 */

  /* === Inputs === */
  --color-input: 45 45 45;              /* más oscuro que surface */

  /* === Scrollbar (aside) === */
  --color-scrollbar-track: 0 0 0;
  --color-scrollbar-thumb: 176 30 37;   /* rojo del logo */
}
/* FightIQ: ModalSweet / SweetAlert2 – popup y texto siguen el tema (claro/oscuro) */
html[data-theme="FIGHTIQ"] .swal2-container .swal2-popup {
  background: rgb(var(--color-surface)) !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="FIGHTIQ"] .swal2-container .swal2-title {
  color: rgb(var(--color-text)) !important;
}
html[data-theme="FIGHTIQ"] .swal2-container .swal2-html-container {
  color: rgb(var(--color-text)) !important;
}
html[data-theme="FIGHTIQ"] .swal2-icon.swal2-warning {
  border-color: rgb(var(--color-warning)) !important;
  color: rgb(var(--color-warning)) !important;
}
html[data-theme="FIGHTIQ"] .swal2-icon.swal2-error {
  border-color: rgb(var(--color-danger)) !important;
  color: rgb(var(--color-danger)) !important;
}
html[data-theme="FIGHTIQ"] .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  background-color: rgb(var(--color-danger)) !important;
}
html[data-theme="FIGHTIQ"] .swal2-icon.swal2-info {
  border-color: rgb(var(--color-info)) !important;
  color: rgb(var(--color-info)) !important;
}
html[data-theme="FIGHTIQ"] .swal2-icon.swal2-success {
  border-color: rgb(var(--color-success)) !important;
  color: rgb(var(--color-success)) !important;
}
html[data-theme="FIGHTIQ"] .swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: rgb(var(--color-success)) !important;
}
html[data-theme="FIGHTIQ"] .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgb(var(--color-success) / 0.3) !important;
}
/* FightIQ dark: mismo criterio para modales */
html.dark[data-theme="FIGHTIQ"] .swal2-container .swal2-popup {
  background: rgb(var(--color-surface)) !important;
  color: rgb(var(--color-text)) !important;
}
html.dark[data-theme="FIGHTIQ"] .swal2-container .swal2-title,
html.dark[data-theme="FIGHTIQ"] .swal2-container .swal2-html-container {
  color: rgb(var(--color-text)) !important;
}
html.dark[data-theme="FIGHTIQ"] .swal2-icon.swal2-warning {
  border-color: rgb(var(--color-warning)) !important;
  color: rgb(var(--color-warning)) !important;
}
html.dark[data-theme="FIGHTIQ"] .swal2-icon.swal2-error {
  border-color: rgb(var(--color-danger)) !important;
  color: rgb(var(--color-danger)) !important;
}
html.dark[data-theme="FIGHTIQ"] .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  background-color: rgb(var(--color-danger)) !important;
}
html.dark[data-theme="FIGHTIQ"] .swal2-icon.swal2-info {
  border-color: rgb(var(--color-info)) !important;
  color: rgb(var(--color-info)) !important;
}
html.dark[data-theme="FIGHTIQ"] .swal2-icon.swal2-success {
  border-color: rgb(var(--color-success)) !important;
  color: rgb(var(--color-success)) !important;
}
html.dark[data-theme="FIGHTIQ"] .swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: rgb(var(--color-success)) !important;
}
html.dark[data-theme="FIGHTIQ"] .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgb(var(--color-success) / 0.3) !important;
}
/* FightIQ dark: app-modal – iconos y texto visibles sobre fondo oscuro */
html.dark[data-theme="FIGHTIQ"] .app-modal button.bg-gray-800 {
  background-color: rgb(75 85 99) !important;
  color: rgb(255 255 255) !important;
  border-color: rgb(75 85 99) !important;
}
html.dark[data-theme="FIGHTIQ"] .app-modal button.bg-gray-800:hover {
  background-color: rgb(107 114 128) !important;
  color: rgb(255 255 255) !important;
}
html.dark[data-theme="FIGHTIQ"] .app-modal button svg {
  color: inherit !important;
  fill: currentColor !important;
}
/* FightIQ: navegación móvil – borde claro en modo oscuro (estilo menú teléfono) */
html.dark[data-theme="FIGHTIQ"] .mobile-bottom-nav__fab {
  border-color: rgb(255 255 255 / 0.9);
}
/**
 * Tema 7UC (7ULeague) – según documento UI7UC.pdf y "Cambio de Colores UI=7ucleague-v1"
 * Regla: Acción principal = Negro #111111 | Secundaria = Blanco + borde #E0E0E0 | Crítica = Rojo oscuro #8B0000
 * CONTROLADOR (timer): mantener esquina ROJA y AZUL (AKA rojo, AO azul); no cambiar.
 * Listado: Editar / Anterior / Siguiente / Crear / Agregar otro → plateado (secundario). Eliminar → rojo.
 * Tabla: header #F5F5F7 texto #333333; filas borde inferior #E0E0E0. Estado elegido: gris #E8E8E8 (no verde/negro/blanco).
 * 7UC es siempre modo claro (ignora dark mode).
 */
html[data-theme="7UC"],
html.dark[data-theme="7UC"] {
  /* === Primarios / Botón principal (Categorías, Delegaciones, Inscripciones) === */
  --color-primary: 17 17 17;            /* #111111 – negro */
  --color-primary-hover: 42 42 42;      /* #2A2A2A – hover */
  --color-primary-light: 64 64 64;      /* gris medio para fondos claros */

  /* === Semánticos === */
  /* Success = mismo rojo marca que danger (#8B0000 / hover #A00000), p. ej. badges y utilidades Tailwind text-success/bg-success donde no apliquen overrides de botón. */
  --color-success: 139 0 0;
  --color-success-hover: 160 0 0;
  --color-danger: 139 0 0;              /* #8B0000 – acción crítica (Eliminar) */
  --color-danger-hover: 160 0 0;        /* #A00000 – hover */
  --color-warning: 202 138 4;           /* yellow-600 */
  --color-warning-hover: 161 98 7;
  --color-info: 30 41 59;               /* slate-800 – sobrio sin ser mancha negra en paneles bg-info */

  /* === Tipografía (rediseño 2 sep 2026) ===
   * Barlow titula, IBM Plex Sans es la interfaz, IBM Plex Mono lleva los datos
   * que se alinean en columna. Por ahora iguales en las cuatro marcas; están
   * aquí para que una pueda cambiarlas sin tocar ningún componente. */
  --font-sans: "IBM Plex Sans";
  --font-display: "Barlow";
  --font-mono: "IBM Plex Mono";
  /* === Chrome de navegación (ver theme/README.md § Chrome) ===
   * 7UC es negro puro por manual de marca; el acento sobre él no puede ser el
   * #8B0000, que a este tamaño no se distingue del fondo. */
  --chrome-ink: 17 17 17;
  --chrome-line: 51 51 51;
  --chrome-on: 214 214 214;
  --chrome-on-hi: 255 255 255;
  --chrome-on-dim: 138 138 138;
  --chrome-accent: 229 115 115;

  /* === Estado (escala propia; ver theme/README.md § Escala de estado) ===
   * Aquí está el motivo de que esta escala exista: en 7UC `--color-success`
   * y `--color-danger` son el MISMO #8B0000, así que «Pagado» y «Cancelado»
   * serían idénticos. Los estados usan hues propios, con el rojo de marca
   * reservado para lo crítico. Sigue el precedente de los --fiq-cat-* de
   * más abajo, que ya aceptan ámbar y pizarra fuera de la paleta de marca. */
  --state-positive: 4 120 87;           /* emerald-700 apagado, no grita sobre blanco */
  --state-positive-border: 5 150 105;
  --state-positive-fg: 255 255 255;
  --state-attention: 202 138 4;         /* yellow-600 – ya en --fiq-cat-single-accent */
  --state-attention-border: 234 179 8;
  --state-attention-fg: 41 37 36;
  --state-critical: 139 0 0;            /* #8B0000 – rojo de marca */
  --state-critical-border: 160 0 0;
  --state-critical-fg: 255 255 255;
  --state-progress: 30 41 59;           /* slate-800 – mismo tono que --color-info */
  --state-progress-border: 71 85 105;
  --state-progress-fg: 255 255 255;
  --state-neutral: 82 82 82;            /* neutral-600 */
  --state-neutral-border: 115 115 115;
  --state-neutral-fg: 255 255 255;

  /* Color como texto. 7UC es siempre modo claro, así que no hay override. */
  --state-positive-on-surface: 4 120 87;    /* emerald-700 – 5.48 sobre blanco */
  --state-attention-on-surface: 133 77 14;  /* yellow-800  – 6.85 */
  --state-critical-on-surface: 139 0 0;     /* #8B0000     – 10.01 */
  --state-progress-on-surface: 30 41 59;    /* slate-800   – 14.63 */

  /* === Superficies – Fondo #FFFFFF, Cards #F5F5F7 (siempre claros) === */
  --color-surface: 255 255 255;         /* #FFFFFF – cards (CardBox, modales) */
  --color-surface-muted: 243 244 246;   /* #F3F4F6 – fondo del aplicativo (jerarquía: card blanca sobre gris) */
  --color-panel: 255 255 255;           /* #FFFFFF – cards, inputs */
  --color-aside: 17 17 17;              /* #111111 – menú negro */
  --color-aside-brand: 17 17 17;
  --color-aside-menu: 255 255 255;      /* iconos del menú blancos */
  --color-aside-menu-active: 255 255 255;
  --color-aside-menu-bg: 42 42 42;      /* #2A2A2A */
  --color-aside-dropdown: 42 42 42;
  --color-navbar-label: 17 17 17;
  --color-navbar-label-hover: 42 42 42;
  --color-navbar-label-active: 17 17 17;  /* top navbar es blanco, texto debe seguir oscuro */
  --color-overlay-from: 17 17 17;
  --color-overlay-via: 17 17 17;
  --color-overlay-to: 17 17 17;

  /* === Neutros – Principal #111111, Bordes #E0E0E0 === */
  --color-text: 17 17 17;               /* #111111 – negro */
  --color-text-muted: 75 85 99;         /* gray-600 – gray-500 se quedaba en
                                           4,39:1 sobre #F3F4F6, por debajo de AA. */
  --color-border: 224 224 224;          /* #E0E0E0 */
  --color-border-dark: 163 163 163;     /* gray-400 */

  /* === Inputs (blanco sobre card #F5F5F7 para buen contraste) === */
  --color-input: 249 250 251;           /* #F9FAFB – se distingue sobre card blanca */

  /* === Scrollbar (aside y .aside-scrollbars) — thumb negro #000 === */
  --color-scrollbar-track: 17 17 17;
  --color-scrollbar-thumb: 0 0 0;

  /* === Fotografías: check rojo marca (primary es negro, poco visible sobre fotos) === */
  --color-photo-select-accent: var(--color-danger);

  /* === Categorías del evento: filas, leyenda, badges === */
  --fiq-cat-single-fill: 255 251 235;
  --fiq-cat-single-fill-opacity: 0.85;
  --fiq-cat-single-accent: 202 138 4;
  --fiq-cat-outdated-fill: 254 242 242;
  --fiq-cat-outdated-fill-opacity: 0.9;
  --fiq-cat-outdated-accent: 139 0 0;
  --fiq-cat-same-fill: 241 245 249;
  --fiq-cat-same-fill-opacity: 0.95;
  --fiq-cat-same-accent: 71 85 105;
  --fiq-cat-badge-single-bg: 254 243 199;
  --fiq-cat-badge-single-bg-opacity: 1;
  --fiq-cat-badge-single-text: 146 64 14;
  --fiq-cat-badge-outdated-bg: 254 226 226;
  --fiq-cat-badge-outdated-bg-opacity: 1;
  --fiq-cat-badge-outdated-text: 139 0 0;
  --fiq-cat-badge-same-bg: 226 232 240;
  --fiq-cat-badge-same-bg-opacity: 1;
  --fiq-cat-badge-same-text: 51 65 85;
}
/*
 * 7UC: BaseButton outline – el icono debe seguir el color del texto (reposo y hover).
 * fill="currentColor" hereda de `color`; refuerzo inherit para vencer reglas sueltas.
 * Danger outline: anillo focus al rojo marca (#8B0000), no rojo Tailwind genérico.
 * Fondo transparente solo en reposo: en hover/focus Tailwind aplica bg semántico (evita texto blanco sobre card blanca).
 * Los secundarios (.bg-white + outline) mantienen blanco + borde #E0E0E0 en reposo y hover gris claro.
 */
html[data-theme="7UC"] button.base-button--outline:not(:hover):not(:focus-visible):not(.bg-white),
html[data-theme="7UC"] a.base-button--outline:not(:hover):not(:focus-visible):not(.bg-white) {
  background-color: transparent !important;
}
html[data-theme="7UC"] button.base-button--outline.border-primary:hover:not(:disabled),
html[data-theme="7UC"] a.base-button--outline.border-primary:hover:not(:disabled),
html[data-theme="7UC"] button.base-button--outline.border-primary:focus-visible:not(:disabled),
html[data-theme="7UC"] a.base-button--outline.border-primary:focus-visible:not(:disabled),
html.dark[data-theme="7UC"] button.base-button--outline.border-primary:hover:not(:disabled),
html.dark[data-theme="7UC"] a.base-button--outline.border-primary:hover:not(:disabled),
html.dark[data-theme="7UC"] button.base-button--outline.border-primary:focus-visible:not(:disabled),
html.dark[data-theme="7UC"] a.base-button--outline.border-primary:focus-visible:not(:disabled) {
  background-color: rgb(var(--color-primary-hover)) !important;
  border-color: rgb(var(--color-primary-hover)) !important;
  color: rgb(255 255 255) !important;
}
/* Secundario outline (Carga masiva, Volver a cargar archivo, paginación inactiva, etc.) */
html[data-theme="7UC"] button.base-button--outline.bg-white,
html[data-theme="7UC"] a.base-button--outline.bg-white,
html.dark[data-theme="7UC"] button.base-button--outline.bg-white,
html.dark[data-theme="7UC"] a.base-button--outline.bg-white {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] button.base-button--outline.bg-white:hover:not(:disabled),
html[data-theme="7UC"] a.base-button--outline.bg-white:hover:not(:disabled),
html[data-theme="7UC"] button.base-button--outline.bg-white:focus-visible:not(:disabled),
html[data-theme="7UC"] a.base-button--outline.bg-white:focus-visible:not(:disabled),
html.dark[data-theme="7UC"] button.base-button--outline.bg-white:hover:not(:disabled),
html.dark[data-theme="7UC"] a.base-button--outline.bg-white:hover:not(:disabled),
html.dark[data-theme="7UC"] button.base-button--outline.bg-white:focus-visible:not(:disabled),
html.dark[data-theme="7UC"] a.base-button--outline.bg-white:focus-visible:not(:disabled) {
  background-color: #f5f5f7 !important;
  border-color: #e0e0e0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] button.base-button--outline.bg-white svg,
html[data-theme="7UC"] a.base-button--outline.bg-white svg,
html[data-theme="7UC"] button.base-button--outline.bg-white:hover svg,
html[data-theme="7UC"] a.base-button--outline.bg-white:hover svg,
html[data-theme="7UC"] button.base-button--outline.bg-white:focus-visible svg,
html[data-theme="7UC"] a.base-button--outline.bg-white:focus-visible svg,
html.dark[data-theme="7UC"] button.base-button--outline.bg-white svg,
html.dark[data-theme="7UC"] a.base-button--outline.bg-white:hover svg,
html.dark[data-theme="7UC"] a.base-button--outline.bg-white:focus-visible svg {
  color: inherit !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] button.base-button--outline svg,
html[data-theme="7UC"] a.base-button--outline svg,
html[data-theme="7UC"] button.base-button--outline:hover svg,
html[data-theme="7UC"] a.base-button--outline:hover svg,
html[data-theme="7UC"] button.base-button--outline:focus-visible svg,
html[data-theme="7UC"] a.base-button--outline:focus-visible svg {
  color: inherit !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] button.base-button--outline.ring-red-300,
html[data-theme="7UC"] a.base-button--outline.ring-red-300,
html.dark[data-theme="7UC"] button.base-button--outline.ring-red-700,
html.dark[data-theme="7UC"] a.base-button--outline.ring-red-700 {
  --tw-ring-color: rgb(139 0 0 / 0.45) !important;
}
html[data-theme="7UC"] button.base-button--outline.ring-emerald-300,
html[data-theme="7UC"] a.base-button--outline.ring-emerald-300,
html[data-theme="7UC"] button.base-button--outline.ring-yellow-300,
html[data-theme="7UC"] a.base-button--outline.ring-yellow-300 {
  --tw-ring-color: rgb(17 17 17 / 0.22) !important;
}
/* 7UC: menú lateral – iconos y textos siempre blancos, hover incluido (override text-text-muted) */
html[data-theme="7UC"] .aside .aside-menu-item,
html[data-theme="7UC"] .aside .aside-menu-item-inactive,
html[data-theme="7UC"] .aside .aside-menu-item-inactive.text-text-muted,
html[data-theme="7UC"] .aside .aside-menu-item svg,
html[data-theme="7UC"] .aside .aside-menu-item-inactive svg,
html.dark[data-theme="7UC"] .aside .aside-menu-item,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.text-text-muted,
html.dark[data-theme="7UC"] .aside .aside-menu-item svg,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .aside .aside-menu-item:hover,
html[data-theme="7UC"] .aside .aside-menu-item-inactive:hover,
html[data-theme="7UC"] .aside .aside-menu-item-active,
html.dark[data-theme="7UC"] .aside .aside-menu-item:hover,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive:hover,
html.dark[data-theme="7UC"] .aside .aside-menu-item-active {
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .aside .aside-brand,
html[data-theme="7UC"] .aside .aside-brand b,
html.dark[data-theme="7UC"] .aside .aside-brand,
html.dark[data-theme="7UC"] .aside .aside-brand b {
  color: rgb(255 255 255) !important;
}
/* 7UC: logo del menú lateral en blanco sobre fondo negro */
html[data-theme="7UC"] .aside .aside-brand-logo,
html.dark[data-theme="7UC"] .aside .aside-brand-logo {
  filter: brightness(0) invert(1);
}
html[data-theme="7UC"] .aside .aside-brand-logo--expanded,
html.dark[data-theme="7UC"] .aside .aside-brand-logo--expanded {
  width: 11.5rem;
  max-width: 88%;
  height: auto;
  min-height: 3.25rem;
}
/* 7UC: botón "Regresar" del título de sección → estilo oscuro (primary) */
html[data-theme="7UC"] .section-title-back,
html[data-theme="7UC"] .section-title-back:hover {
  background-color: rgb(var(--color-primary)) !important;
  color: rgb(255 255 255) !important;
  border-color: rgb(var(--color-primary)) !important;
}
html[data-theme="7UC"] .section-title-back:hover {
  background-color: rgb(var(--color-primary-hover)) !important;
  border-color: rgb(var(--color-primary-hover)) !important;
}
/* 7UC: encabezado principal de pantallas (título + acciones en panel) */
html[data-theme="7UC"] .section-title-line--main .section-title-line__panel {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
  box-shadow: 0 1px 2px rgb(17 17 17 / 0.04);
}
html[data-theme="7UC"] .section-title-line--main .section-title-line__actions .section-title-toolbar {
  justify-content: flex-end;
}
html[data-theme="7UC"] .section-title-line--main button.inscription-guide-btn,
html[data-theme="7UC"] .section-title-line--main a.inscription-guide-btn,
html.dark[data-theme="7UC"] .section-title-line--main button.inscription-guide-btn,
html.dark[data-theme="7UC"] .section-title-line--main a.inscription-guide-btn {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .section-title-line--main button.inscription-guide-btn:hover,
html[data-theme="7UC"] .section-title-line--main a.inscription-guide-btn:hover,
html.dark[data-theme="7UC"] .section-title-line--main button.inscription-guide-btn:hover,
html.dark[data-theme="7UC"] .section-title-line--main a.inscription-guide-btn:hover {
  background-color: #f5f5f7 !important;
  border-color: #e0e0e0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .section-title-line--main button.inscription-guide-btn svg,
html[data-theme="7UC"] .section-title-line--main a.inscription-guide-btn svg,
html.dark[data-theme="7UC"] .section-title-line--main button.inscription-guide-btn svg,
html.dark[data-theme="7UC"] .section-title-line--main a.inscription-guide-btn svg {
  color: rgb(var(--color-danger)) !important;
  fill: currentColor !important;
}
/* 7UC: botón «Guía» (tour inscripciones) – rojo marca, texto blanco */
html[data-theme="7UC"] button.inscription-guide-btn,
html[data-theme="7UC"] a.inscription-guide-btn,
html.dark[data-theme="7UC"] button.inscription-guide-btn,
html.dark[data-theme="7UC"] a.inscription-guide-btn {
  background-color: rgb(var(--color-danger)) !important;
  border-color: rgb(var(--color-danger)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] button.inscription-guide-btn:hover,
html[data-theme="7UC"] a.inscription-guide-btn:hover,
html.dark[data-theme="7UC"] button.inscription-guide-btn:hover,
html.dark[data-theme="7UC"] a.inscription-guide-btn:hover {
  background-color: rgb(var(--color-danger-hover)) !important;
  border-color: rgb(var(--color-danger-hover)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] button.inscription-guide-btn svg,
html[data-theme="7UC"] a.inscription-guide-btn svg,
html.dark[data-theme="7UC"] button.inscription-guide-btn svg,
html.dark[data-theme="7UC"] a.inscription-guide-btn svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/* 7UC: LISTADO / CREAR – botones verdes (Editar, Anterior, Siguiente, Crear, Agregar otro) → acción secundaria: plateado/transparente (doc UI). Eliminar sigue con .bg-danger (#8B0000). */
html[data-theme="7UC"] button.bg-success,
html[data-theme="7UC"] a.bg-success,
html[data-theme="7UC"] .bg-success,
html.dark[data-theme="7UC"] button.bg-success,
html.dark[data-theme="7UC"] a.bg-success,
html.dark[data-theme="7UC"] .bg-success {
  background-color: #FFFFFF !important;
  border: 1px solid #E0E0E0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] button.bg-success:hover,
html[data-theme="7UC"] a.bg-success:hover,
html[data-theme="7UC"] .bg-success:hover,
html.dark[data-theme="7UC"] button.bg-success:hover,
html.dark[data-theme="7UC"] a.bg-success:hover,
html.dark[data-theme="7UC"] .bg-success:hover {
  background-color: #F5F5F7 !important;
  border-color: #E0E0E0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] button.bg-success svg,
html[data-theme="7UC"] a.bg-success svg,
html[data-theme="7UC"] .bg-success svg,
html.dark[data-theme="7UC"] button.bg-success svg,
html.dark[data-theme="7UC"] a.bg-success svg,
html.dark[data-theme="7UC"] .bg-success svg {
  color: #111111 !important;
  fill: currentColor !important;
}
/* 7UC: botones warning (amarillo) → estilo secundario; quitar verde/amarillo/naranja del sistema (doc) */
html[data-theme="7UC"] button.bg-warning,
html[data-theme="7UC"] a.bg-warning,
html[data-theme="7UC"] .bg-warning,
html.dark[data-theme="7UC"] button.bg-warning,
html.dark[data-theme="7UC"] a.bg-warning,
html.dark[data-theme="7UC"] .bg-warning {
  background-color: #FFFFFF !important;
  border: 1px solid #E0E0E0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] button.bg-warning:hover,
html[data-theme="7UC"] a.bg-warning:hover,
html[data-theme="7UC"] .bg-warning:hover,
html.dark[data-theme="7UC"] button.bg-warning:hover,
html.dark[data-theme="7UC"] a.bg-warning:hover,
html.dark[data-theme="7UC"] .bg-warning:hover {
  background-color: #F5F5F7 !important;
  border-color: #E0E0E0 !important;
  color: #111111 !important;
}
/* 7UC: estado seleccionado/elegido – color que no sea verde, negro ni blanco (doc p.6) → gris plateado */
html[data-theme="7UC"] .navbar-item-label-active {
  background-color: #E8E8E8 !important;
  color: #333333 !important;
  border-color: #E0E0E0 !important;
}
html[data-theme="7UC"] .segment-buttons button.bg-primary,
html[data-theme="7UC"] .segment-buttons a.bg-primary {
  background-color: #E8E8E8 !important;
  color: #333333 !important;
  border-color: #E0E0E0 !important;
}
html[data-theme="7UC"] .segment-buttons button.bg-primary:hover,
html[data-theme="7UC"] .segment-buttons a.bg-primary:hover {
  background-color: #D8D8D8 !important;
  color: #111111 !important;
}
/* Pestaña activa con color=success: el override global de .bg-success (plateado en listados) no aplica aquí → rojo marca. */
html[data-theme="7UC"] .segment-buttons button.bg-success,
html[data-theme="7UC"] .segment-buttons a.bg-success,
html.dark[data-theme="7UC"] .segment-buttons button.bg-success,
html.dark[data-theme="7UC"] .segment-buttons a.bg-success {
  background-color: rgb(var(--color-success)) !important;
  border-color: rgb(var(--color-success)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .segment-buttons button.bg-success:hover,
html[data-theme="7UC"] .segment-buttons a.bg-success:hover,
html.dark[data-theme="7UC"] .segment-buttons button.bg-success:hover,
html.dark[data-theme="7UC"] .segment-buttons a.bg-success:hover {
  background-color: rgb(var(--color-success-hover)) !important;
  border-color: rgb(var(--color-success-hover)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .segment-buttons button.bg-success svg,
html[data-theme="7UC"] .segment-buttons a.bg-success svg,
html.dark[data-theme="7UC"] .segment-buttons button.bg-success svg,
html.dark[data-theme="7UC"] .segment-buttons a.bg-success svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/*
 * Toggles de vista (Participantes / Llaves / …): el inactivo usa color "light" + outline.
 * En 7UC, .base-button--outline fuerza fondo transparente; si antes caía el fallback gris+text-white,
 * el texto quedaba blanco sobre card clara. Refuerzo: inactivos sin .bg-success legibles.
 */
html[data-theme="7UC"] .segment-buttons button:not(.bg-success),
html[data-theme="7UC"] .segment-buttons a:not(.bg-success),
html.dark[data-theme="7UC"] .segment-buttons button:not(.bg-success),
html.dark[data-theme="7UC"] .segment-buttons a:not(.bg-success) {
  color: rgb(var(--color-text)) !important;
}
html[data-theme="7UC"] .segment-buttons button:not(.bg-success) svg,
html[data-theme="7UC"] .segment-buttons a:not(.bg-success) svg,
html.dark[data-theme="7UC"] .segment-buttons button:not(.bg-success) svg,
html.dark[data-theme="7UC"] .segment-buttons a:not(.bg-success) svg {
  color: inherit !important;
  fill: currentColor !important;
}
/* Jornada (check-in liga): botones info vs white sobre CardBox claro */
html[data-theme="7UC"] .league-event-date-buttons button.bg-white,
html[data-theme="7UC"] .league-event-date-buttons a.bg-white,
html.dark[data-theme="7UC"] .league-event-date-buttons button.bg-white,
html.dark[data-theme="7UC"] .league-event-date-buttons a.bg-white {
  color: rgb(var(--color-text)) !important;
}
html[data-theme="7UC"] .league-event-date-buttons button.bg-white svg,
html[data-theme="7UC"] .league-event-date-buttons a.bg-white svg {
  color: inherit !important;
  fill: currentColor !important;
}
/* 7UC: pills de vista de evento (doc UI) – sin verde/amarillo; estado elegido gris #E8E8E8; crítica rojo #8B0000 */
html[data-theme="7UC"] .event-detail-pills .pill-sport {
  background-color: #111111 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-detail-pills .pill-event-status[data-status="scheduled"],
html[data-theme="7UC"] .event-detail-pills .pill-event-status[data-status="in_progress"],
html[data-theme="7UC"] .event-detail-pills .pill-reg-status[data-status="draft"],
html[data-theme="7UC"] .event-detail-pills .pill-reg-status[data-status="open"] {
  background-color: #E8E8E8 !important;
  color: #333333 !important;
}
html[data-theme="7UC"] .event-detail-pills .pill-event-status[data-status="finished"] {
  background-color: #D0D0D0 !important;
  color: #333333 !important;
}
html[data-theme="7UC"] .event-detail-pills .pill-event-status[data-status="canceled"] {
  background-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
/* Show: Cerrado en rojo (usa el rojo además de blanco y negro) */
html[data-theme="7UC"] .event-detail-pills .pill-reg-status[data-status="closed"] {
  background-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
/* 7UC: pills del listado de eventos (Index) – solo negro, blanco y rojo */
html[data-theme="7UC"] .event-card .event-card-status-badge[data-status="scheduled"],
html[data-theme="7UC"] .event-card .event-card-status-badge[data-status="in_progress"] {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-card .event-card-status-badge[data-status="finished"] {
  background-color: #FFFFFF !important;
  border-color: #E0E0E0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .event-card .event-card-status-badge[data-status="canceled"] {
  background-color: #8B0000 !important;
  border-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-card .event-card-pills .event-card-sport-pill {
  background-color: rgba(17, 17, 17, 0.9) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-card .event-card-reg-pill[data-reg-status="draft"],
html[data-theme="7UC"] .event-card .event-card-reg-pill[data-reg-status="open"] {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-card .event-card-reg-pill[data-reg-status="closed"] {
  background-color: #8B0000 !important;
  border-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
/* 7UC: botón Categorías en Show e Index → rojo (#8B0000). Anula el estilo success (plateado) */
html[data-theme="7UC"] button.event-btn-categories.bg-success,
html[data-theme="7UC"] a.event-btn-categories.bg-success,
html[data-theme="7UC"] button.event-btn-categories.bg-success:hover,
html[data-theme="7UC"] a.event-btn-categories.bg-success:hover {
  background-color: #8B0000 !important;
  border-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] button.event-btn-categories.bg-success svg,
html[data-theme="7UC"] a.event-btn-categories.bg-success svg {
  color: inherit !important;
  fill: currentColor !important;
}
/* 7UC: componentes que usan blue-500/600 hardcodeado → usar primary #111111 */
html[data-theme="7UC"] .bg-blue-500,
html[data-theme="7UC"] .bg-blue-600 {
  background-color: rgb(var(--color-primary)) !important;
}
html[data-theme="7UC"] .hover\:bg-blue-600:hover,
html[data-theme="7UC"] .hover\:bg-blue-700:hover {
  background-color: rgb(var(--color-primary-hover)) !important;
}
html[data-theme="7UC"] .focus\:ring-blue-500:focus {
  --tw-ring-color: rgb(var(--color-primary) / 0.5) !important;
}
html[data-theme="7UC"] .focus\:border-blue-500:focus {
  border-color: rgb(var(--color-primary)) !important;
}
/* 7UC: tablas – header #F5F5F7 y texto #333333; filas con borde inferior #E0E0E0 (doc UI) */
html[data-theme="7UC"] thead tr th,
html.dark[data-theme="7UC"] thead tr th {
  background-color: #F5F5F7 !important;
  color: #333333 !important;
  vertical-align: middle !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
html[data-theme="7UC"] thead tr th > div,
html.dark[data-theme="7UC"] thead tr th > div {
  display: flex;
  align-items: center;
  min-height: 1.5rem;
}
html[data-theme="7UC"] thead tr th .text-gray-400,
html.dark[data-theme="7UC"] thead tr th .text-gray-400 {
  color: #9ca3af !important;
}
/* 7UC: contenido principal – texto oscuro legible aunque html.dark esté activo */
html[data-theme="7UC"] .app-main-content,
html.dark[data-theme="7UC"] .app-main-content {
  color: #111111 !important;
}
html[data-theme="7UC"] .app-main-content h1,
html[data-theme="7UC"] .app-main-content h2,
html[data-theme="7UC"] .app-main-content h3,
html[data-theme="7UC"] .app-main-content label,
html[data-theme="7UC"] .app-main-content .text-text,
html.dark[data-theme="7UC"] .app-main-content h1,
html.dark[data-theme="7UC"] .app-main-content h2,
html.dark[data-theme="7UC"] .app-main-content h3,
html.dark[data-theme="7UC"] .app-main-content label,
html.dark[data-theme="7UC"] .app-main-content .text-text {
  color: #111111 !important;
}
html[data-theme="7UC"] .app-main-content .text-text-muted,
html.dark[data-theme="7UC"] .app-main-content .text-text-muted {
  color: #4b5563 !important;
}
/* Excepción: etiquetas del nav del evento (fondo negro) no usan el muted gris. */
html[data-theme="7UC"] .app-main-content .event-workspace-nav .text-text-muted,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .text-text-muted {
  color: #ffffff !important;
}
/* 7UC: inputs del contenido principal – texto negro aunque html.dark esté activo.
 *
 * El texto se fuerza siempre; el FONDO no, cuando el campo está en error. Esta
 * regla llevaba `background-color: !important` para todos los inputs, así que
 * el tinte rojo del campo inválido no se veía nunca en esta marca: el error
 * quedaba solo en el borde. Es el mismo tipo de fallo que el texto blanco
 * sobre blanco de los modales —una regla de marca escrita para otra época que
 * gana a un estado nuevo—. */
html[data-theme="7UC"] .app-main-content input:not([type='checkbox']):not([type='radio']),
html[data-theme="7UC"] .app-main-content select,
html[data-theme="7UC"] .app-main-content textarea,
html.dark[data-theme="7UC"] .app-main-content input:not([type='checkbox']):not([type='radio']),
html.dark[data-theme="7UC"] .app-main-content select,
html.dark[data-theme="7UC"] .app-main-content textarea {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  color-scheme: light;
}
html[data-theme="7UC"] .app-main-content input:not([type='checkbox']):not([type='radio']):not(.form-control--invalid),
html[data-theme="7UC"] .app-main-content select:not(.form-control--invalid),
html[data-theme="7UC"] .app-main-content textarea:not(.form-control--invalid),
html.dark[data-theme="7UC"] .app-main-content input:not([type='checkbox']):not([type='radio']):not(.form-control--invalid),
html.dark[data-theme="7UC"] .app-main-content select:not(.form-control--invalid),
html.dark[data-theme="7UC"] .app-main-content textarea:not(.form-control--invalid) {
  background-color: rgb(var(--color-input)) !important;
}
html[data-theme="7UC"] .app-main-content select option,
html.dark[data-theme="7UC"] .app-main-content select option {
  background-color: #ffffff;
  color: #111111;
}
html[data-theme="7UC"] .app-main-content select:focus,
html[data-theme="7UC"] .app-main-content select:focus-visible,
html.dark[data-theme="7UC"] .app-main-content select:focus,
html.dark[data-theme="7UC"] .app-main-content select:focus-visible {
  background-color: #ffffff !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}
html[data-theme="7UC"] .app-main-content input::-moz-placeholder, html[data-theme="7UC"] .app-main-content textarea::-moz-placeholder, html.dark[data-theme="7UC"] .app-main-content input::-moz-placeholder, html.dark[data-theme="7UC"] .app-main-content textarea::-moz-placeholder {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}
html[data-theme="7UC"] .app-main-content input::placeholder,
html[data-theme="7UC"] .app-main-content textarea::placeholder,
html.dark[data-theme="7UC"] .app-main-content input::placeholder,
html.dark[data-theme="7UC"] .app-main-content textarea::placeholder {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}
html[data-theme="7UC"] .app-main-content nav[aria-label="Breadcrumb"],
html.dark[data-theme="7UC"] .app-main-content nav[aria-label="Breadcrumb"] {
  background-color: #f5f5f7 !important;
}
html[data-theme="7UC"] .app-main-content nav[aria-label="Breadcrumb"] a,
html.dark[data-theme="7UC"] .app-main-content nav[aria-label="Breadcrumb"] a {
  color: #4b5563 !important;
}
html[data-theme="7UC"] .app-main-content nav[aria-label="Breadcrumb"] span,
html.dark[data-theme="7UC"] .app-main-content nav[aria-label="Breadcrumb"] span {
  color: #111111 !important;
}
/* 7UC: pestañas Categorías / Inscripciones / Delegaciones dentro del evento */
html[data-theme="7UC"] .event-context-nav__link--active,
html.dark[data-theme="7UC"] .event-context-nav__link--active {
  color: #111111 !important;
  border-bottom-color: #111111 !important;
}
html[data-theme="7UC"] .event-context-nav__link:not(.event-context-nav__link--active),
html.dark[data-theme="7UC"] .event-context-nav__link:not(.event-context-nav__link--active) {
  color: #4b5563 !important;
  opacity: 1 !important;
}
html[data-theme="7UC"] .event-context-nav__link:not(.event-context-nav__link--active):hover,
html.dark[data-theme="7UC"] .event-context-nav__link:not(.event-context-nav__link--active):hover {
  color: #111111 !important;
}
/* 7UC: columna Acciones sticky – fondo sólido, sin velo blanco */
html[data-theme="7UC"] .base-table__th-actions-sticky,
html.dark[data-theme="7UC"] .base-table__th-actions-sticky {
  background-color: #f5f5f7 !important;
  box-shadow: -4px 0 8px -6px rgb(0 0 0 / 0.12) !important;
}
html[data-theme="7UC"] .base-table__td-actions-sticky,
html.dark[data-theme="7UC"] .base-table__td-actions-sticky {
  background-color: #ffffff !important;
  box-shadow: -4px 0 8px -6px rgb(0 0 0 / 0.1) !important;
}
html[data-theme="7UC"] tbody tr:nth-child(odd) .base-table__td-actions-sticky,
html.dark[data-theme="7UC"] tbody tr:nth-child(odd) .base-table__td-actions-sticky {
  background-color: #ffffff !important;
}
html[data-theme="7UC"] tbody tr:hover .base-table__td-actions-sticky,
html.dark[data-theme="7UC"] tbody tr:hover .base-table__td-actions-sticky {
  background-color: #f5f5f7 !important;
}
html[data-theme="7UC"] tbody tr,
html[data-theme="7UC"] tbody tr:nth-child(odd) {
  background-color: rgb(var(--color-surface-muted)) !important;
  border-bottom: 1px solid #E0E0E0;
}
html[data-theme="7UC"] tbody tr:hover {
  background-color: rgb(var(--color-panel)) !important;
}
/* 7UC: paginación de tablas – contraste legible (fondo claro + texto oscuro en inactivos, negro + blanco en activo) */
html[data-theme="7UC"] .table-pagination button:not(.bg-primary):not(.bg-primary-hover),
html[data-theme="7UC"] .table-pagination a:not(.bg-primary):not(.bg-primary-hover) {
  background-color: #FFFFFF !important;
  border-color: #E0E0E0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .table-pagination button:not(.bg-primary):not(.bg-primary-hover) span,
html[data-theme="7UC"] .table-pagination a:not(.bg-primary):not(.bg-primary-hover) span {
  color: #111111 !important;
}
html[data-theme="7UC"] .table-pagination button:not(.bg-primary):not(.bg-primary-hover):hover:not(:disabled),
html[data-theme="7UC"] .table-pagination a:not(.bg-primary):not(.bg-primary-hover):hover {
  background-color: #F5F5F7 !important;
  border-color: #E0E0E0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .table-pagination button:not(.bg-primary):not(.bg-primary-hover):hover:not(:disabled) span,
html[data-theme="7UC"] .table-pagination a:not(.bg-primary):not(.bg-primary-hover):hover span {
  color: #111111 !important;
}
/* Página seleccionada: fondo negro, letras blancas (active usa .bg-primary-hover en BaseButton) */
html[data-theme="7UC"] .table-pagination button.bg-primary,
html[data-theme="7UC"] .table-pagination button.bg-primary-hover,
html[data-theme="7UC"] .table-pagination a.bg-primary,
html[data-theme="7UC"] .table-pagination a.bg-primary-hover {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .table-pagination button.bg-primary:hover,
html[data-theme="7UC"] .table-pagination button.bg-primary-hover:hover,
html[data-theme="7UC"] .table-pagination a.bg-primary:hover,
html[data-theme="7UC"] .table-pagination a.bg-primary-hover:hover {
  background-color: #2A2A2A !important;
  border-color: #2A2A2A !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .table-pagination button.bg-primary span,
html[data-theme="7UC"] .table-pagination button.bg-primary svg,
html[data-theme="7UC"] .table-pagination button.bg-primary-hover span,
html[data-theme="7UC"] .table-pagination button.bg-primary-hover svg,
html[data-theme="7UC"] .table-pagination a.bg-primary span,
html[data-theme="7UC"] .table-pagination a.bg-primary svg,
html[data-theme="7UC"] .table-pagination a.bg-primary-hover span,
html[data-theme="7UC"] .table-pagination a.bg-primary-hover svg,
html[data-theme="7UC"] .table-pagination button.bg-primary:hover span,
html[data-theme="7UC"] .table-pagination button.bg-primary-hover:hover span,
html[data-theme="7UC"] .table-pagination a.bg-primary:hover span,
html[data-theme="7UC"] .table-pagination a.bg-primary-hover:hover span {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .table-pagination button svg,
html[data-theme="7UC"] .table-pagination a svg {
  color: inherit !important;
  fill: currentColor !important;
}
/* 7UC: solo los iconos del dashboard (no el texto): 3 primeros negro, cuarto rojo */
html[data-theme="7UC"] .dashboard-stats-cards > *:nth-child(1) .text-blue-500,
html[data-theme="7UC"] .dashboard-stats-cards > *:nth-child(2) .text-emerald-500,
html[data-theme="7UC"] .dashboard-stats-cards > *:nth-child(3) .text-amber-500 {
  color: #111111 !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .dashboard-stats-cards > *:nth-child(1) .text-blue-500 svg,
html[data-theme="7UC"] .dashboard-stats-cards > *:nth-child(2) .text-emerald-500 svg,
html[data-theme="7UC"] .dashboard-stats-cards > *:nth-child(3) .text-amber-500 svg {
  color: #111111 !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .dashboard-stats-cards > *:nth-child(4) .text-violet-500 {
  color: #8B0000 !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .dashboard-stats-cards > *:nth-child(4) .text-violet-500 svg {
  color: #8B0000 !important;
  fill: currentColor !important;
}
/* 7UC: botones de acción en tablas – icono y texto estables (sin cambiar al hacer hover en la fila o en el botón) */
/* Primary/Info: fondo negro, icono siempre blanco */
html[data-theme="7UC"] .table-cell-actions button.bg-primary,
html[data-theme="7UC"] .table-cell-actions button.bg-info,
html[data-theme="7UC"] .table-cell-actions a.bg-primary,
html[data-theme="7UC"] .table-cell-actions a.bg-info,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-primary,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-info,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-primary,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-info {
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .table-cell-actions button.bg-primary:hover,
html[data-theme="7UC"] .table-cell-actions button.bg-info:hover,
html[data-theme="7UC"] .table-cell-actions a.bg-primary:hover,
html[data-theme="7UC"] .table-cell-actions a.bg-info:hover,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-primary:hover,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-info:hover,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-primary:hover,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-info:hover {
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .table-cell-actions button.bg-primary svg,
html[data-theme="7UC"] .table-cell-actions button.bg-info svg,
html[data-theme="7UC"] .table-cell-actions a.bg-primary svg,
html[data-theme="7UC"] .table-cell-actions a.bg-info svg,
html[data-theme="7UC"] .table-cell-actions button.bg-primary:hover svg,
html[data-theme="7UC"] .table-cell-actions button.bg-info:hover svg,
html[data-theme="7UC"] .table-cell-actions a.bg-primary:hover svg,
html[data-theme="7UC"] .table-cell-actions a.bg-info:hover svg,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-primary svg,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-info svg,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-primary svg,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-info svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/* Danger: fondo rojo, icono siempre blanco */
html[data-theme="7UC"] .table-cell-actions button.bg-danger,
html[data-theme="7UC"] .table-cell-actions a.bg-danger,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-danger,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-danger {
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .table-cell-actions button.bg-danger:hover,
html[data-theme="7UC"] .table-cell-actions a.bg-danger:hover,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-danger:hover,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-danger:hover {
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .table-cell-actions button.bg-danger svg,
html[data-theme="7UC"] .table-cell-actions a.bg-danger svg,
html[data-theme="7UC"] .table-cell-actions button.bg-danger:hover svg,
html[data-theme="7UC"] .table-cell-actions a.bg-danger:hover svg,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-danger svg,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-danger svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/* Success/Warning: fondo plateado, icono siempre negro */
html[data-theme="7UC"] .table-cell-actions button.bg-success,
html[data-theme="7UC"] .table-cell-actions button.bg-warning,
html[data-theme="7UC"] .table-cell-actions a.bg-success,
html[data-theme="7UC"] .table-cell-actions a.bg-warning,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-success,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-warning,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-success,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-warning {
  color: #111111 !important;
}
html[data-theme="7UC"] .table-cell-actions button.bg-success:hover,
html[data-theme="7UC"] .table-cell-actions button.bg-warning:hover,
html[data-theme="7UC"] .table-cell-actions a.bg-success:hover,
html[data-theme="7UC"] .table-cell-actions a.bg-warning:hover,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-success:hover,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-warning:hover,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-success:hover,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-warning:hover {
  color: #111111 !important;
}
html[data-theme="7UC"] .table-cell-actions button.bg-success svg,
html[data-theme="7UC"] .table-cell-actions button.bg-warning svg,
html[data-theme="7UC"] .table-cell-actions a.bg-success svg,
html[data-theme="7UC"] .table-cell-actions a.bg-warning svg,
html[data-theme="7UC"] .table-cell-actions button.bg-success:hover svg,
html[data-theme="7UC"] .table-cell-actions button.bg-warning:hover svg,
html[data-theme="7UC"] .table-cell-actions a.bg-success:hover svg,
html[data-theme="7UC"] .table-cell-actions a.bg-warning:hover svg,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-success svg,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.bg-warning svg,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-success svg,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.bg-warning svg {
  color: #111111 !important;
  fill: currentColor !important;
}
/* 7UC: botón outline warning (revertir exoneración/reembolso) en acciones de tabla → estilo plateado, sin amarillo en hover */
html[data-theme="7UC"] .table-cell-actions button.base-button--outline.border-warning,
html[data-theme="7UC"] .table-cell-actions a.base-button--outline.border-warning,
html.dark[data-theme="7UC"] .table-cell-actions button.base-button--outline.border-warning,
html.dark[data-theme="7UC"] .table-cell-actions a.base-button--outline.border-warning {
  background-color: transparent !important;
  border-color: #E0E0E0 !important;
  color: #333333 !important;
}
html[data-theme="7UC"] .table-cell-actions button.base-button--outline.border-warning:hover,
html[data-theme="7UC"] .table-cell-actions a.base-button--outline.border-warning:hover,
html.dark[data-theme="7UC"] .table-cell-actions button.base-button--outline.border-warning:hover,
html.dark[data-theme="7UC"] .table-cell-actions a.base-button--outline.border-warning:hover {
  background-color: #F5F5F7 !important;
  border-color: #E0E0E0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .table-cell-actions button.base-button--outline.border-warning svg,
html[data-theme="7UC"] .table-cell-actions a.base-button--outline.border-warning svg,
html[data-theme="7UC"] .table-cell-actions button.base-button--outline.border-warning:hover svg,
html[data-theme="7UC"] .table-cell-actions a.base-button--outline.border-warning:hover svg,
html.dark[data-theme="7UC"] .table-cell-actions button.base-button--outline.border-warning svg,
html.dark[data-theme="7UC"] .table-cell-actions a.base-button--outline.border-warning:hover svg {
  color: #333333 !important;
  fill: currentColor !important;
}
/* 7UC: categorías inscritas (formulario inscripción) – barra móvil sin outline fantasma */
html[data-theme="7UC"] .inscription-category-actions-mobile button,
html[data-theme="7UC"] .inscription-category-actions-mobile a,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile button,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile a {
  background-color: transparent !important;
  border-color: transparent !important;
}
html[data-theme="7UC"] .inscription-category-actions-mobile button.inscription-category-actions-mobile__btn--danger,
html[data-theme="7UC"] .inscription-category-actions-mobile a.inscription-category-actions-mobile__btn--danger,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile button.inscription-category-actions-mobile__btn--danger,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile a.inscription-category-actions-mobile__btn--danger {
  color: rgb(139 0 0) !important;
}
html[data-theme="7UC"] .inscription-category-actions-mobile button.inscription-category-actions-mobile__btn--info,
html[data-theme="7UC"] .inscription-category-actions-mobile a.inscription-category-actions-mobile__btn--info,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile button.inscription-category-actions-mobile__btn--info,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile a.inscription-category-actions-mobile__btn--info {
  color: rgb(var(--color-primary)) !important;
}
html[data-theme="7UC"] .inscription-category-actions-mobile button.inscription-category-actions-mobile__btn--danger:hover,
html[data-theme="7UC"] .inscription-category-actions-mobile a.inscription-category-actions-mobile__btn--danger:hover,
html[data-theme="7UC"] .inscription-category-actions-mobile button.inscription-category-actions-mobile__btn--info:hover,
html[data-theme="7UC"] .inscription-category-actions-mobile a.inscription-category-actions-mobile__btn--info:hover,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile button.inscription-category-actions-mobile__btn--danger:hover,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile a.inscription-category-actions-mobile__btn--danger:hover,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile button.inscription-category-actions-mobile__btn--info:hover,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile a.inscription-category-actions-mobile__btn--info:hover {
  background-color: #f5f5f7 !important;
}
html[data-theme="7UC"] .inscription-category-actions-mobile button.inscription-category-actions-mobile__btn--danger:hover,
html[data-theme="7UC"] .inscription-category-actions-mobile a.inscription-category-actions-mobile__btn--danger:hover,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile button.inscription-category-actions-mobile__btn--danger:hover,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile a.inscription-category-actions-mobile__btn--danger:hover {
  color: rgb(139 0 0) !important;
}
html[data-theme="7UC"] .inscription-category-actions-mobile button.inscription-category-actions-mobile__btn--info:hover,
html[data-theme="7UC"] .inscription-category-actions-mobile a.inscription-category-actions-mobile__btn--info:hover,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile button.inscription-category-actions-mobile__btn--info:hover,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile a.inscription-category-actions-mobile__btn--info:hover {
  color: rgb(var(--color-primary)) !important;
}
html[data-theme="7UC"] .inscription-category-actions-mobile button svg,
html[data-theme="7UC"] .inscription-category-actions-mobile a svg,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile button svg,
html.dark[data-theme="7UC"] .inscription-category-actions-mobile a svg {
  color: inherit !important;
  fill: currentColor !important;
}
/* 7UC: ModalSweet / SweetAlert2 – modal negro (como el menú), texto blanco */
html[data-theme="7UC"] .swal2-container .swal2-popup,
html.dark[data-theme="7UC"] .swal2-container .swal2-popup {
  background: rgb(var(--color-primary)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .swal2-container .swal2-title,
html.dark[data-theme="7UC"] .swal2-container .swal2-title {
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .swal2-container .swal2-html-container,
html.dark[data-theme="7UC"] .swal2-container .swal2-html-container {
  color: rgb(255 255 255) !important;
}
/* 7UC: iconos del modal (warning, error, info) con colores del tema */
html[data-theme="7UC"] .swal2-icon.swal2-warning,
html.dark[data-theme="7UC"] .swal2-icon.swal2-warning {
  border-color: rgb(var(--color-warning)) !important;
  color: rgb(var(--color-warning)) !important;
}
html[data-theme="7UC"] .swal2-icon.swal2-error,
html.dark[data-theme="7UC"] .swal2-icon.swal2-error {
  border-color: rgb(var(--color-danger)) !important;
  color: rgb(var(--color-danger)) !important;
}
html[data-theme="7UC"] .swal2-icon.swal2-error [class^="swal2-x-mark-line"],
html.dark[data-theme="7UC"] .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  background-color: rgb(var(--color-danger)) !important;
}
/* En modal negro, icono info en blanco para que se vea */
html[data-theme="7UC"] .swal2-icon.swal2-info,
html.dark[data-theme="7UC"] .swal2-icon.swal2-info {
  border-color: rgb(255 255 255) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .swal2-icon.swal2-success,
html.dark[data-theme="7UC"] .swal2-icon.swal2-success {
  border-color: rgb(var(--color-success)) !important;
  color: rgb(var(--color-success)) !important;
}
html[data-theme="7UC"] .swal2-icon.swal2-success [class^="swal2-success-line"],
html.dark[data-theme="7UC"] .swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: rgb(var(--color-success)) !important;
}
html[data-theme="7UC"] .swal2-icon.swal2-success .swal2-success-ring,
html.dark[data-theme="7UC"] .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgb(var(--color-success) / 0.3) !important;
}
/* 7UC: modal de notificación de encuentro – encabezado y botón "Ver llave" en rojo (danger) */
html[data-theme="7UC"] .modal-encounter .modal-encounter-header,
html.dark[data-theme="7UC"] .modal-encounter .modal-encounter-header {
  background: linear-gradient(to right, rgb(var(--color-danger-hover)), rgb(var(--color-danger))) !important;
}
html[data-theme="7UC"] .modal-encounter .modal-encounter-header button:focus,
html.dark[data-theme="7UC"] .modal-encounter .modal-encounter-header button:focus {
  --tw-ring-color: rgb(var(--color-danger) / 0.5);
}
html[data-theme="7UC"] .modal-encounter .modal-encounter-btn-bracket,
html.dark[data-theme="7UC"] .modal-encounter .modal-encounter-btn-bracket {
  background-color: rgb(var(--color-danger)) !important;
}
html[data-theme="7UC"] .modal-encounter .modal-encounter-btn-bracket:hover,
html.dark[data-theme="7UC"] .modal-encounter .modal-encounter-btn-bracket:hover {
  background-color: rgb(var(--color-danger-hover)) !important;
}
html[data-theme="7UC"] .modal-encounter .modal-encounter-btn-bracket:focus,
html.dark[data-theme="7UC"] .modal-encounter .modal-encounter-btn-bracket:focus {
  --tw-ring-color: rgb(var(--color-danger) / 0.5) !important;
}
/* 7UC: Modal.vue (app-modal) – fondo negro, texto blanco; inputs/selects legibles */
html[data-theme="7UC"] .app-modal,
html.dark[data-theme="7UC"] .app-modal {
  background-color: rgb(var(--color-primary)) !important;
  color: rgb(255 255 255) !important;
  border-color: rgb(82 82 82) !important;
}
/* CardBox y cualquier hijo con bg-surface dentro del modal: transparente para que se vea el negro */
html[data-theme="7UC"] .app-modal .bg-surface,
html.dark[data-theme="7UC"] .app-modal .bg-surface {
  background-color: transparent !important;
}
/*
 * Bloques grises dentro del modal. El modal de 7UC es negro con texto blanco,
 * así que un `bg-surface-muted` —gris muy claro— se quedaba con letras blancas
 * encima: invisible. No se pone transparente porque esos bloques están ahí
 * justamente para separar; se les da el gris que corresponde sobre negro.
 */
html[data-theme="7UC"] .app-modal .bg-surface-muted,
html.dark[data-theme="7UC"] .app-modal .bg-surface-muted {
  background-color: #1F1F1F !important;
}
html[data-theme="7UC"] .app-modal h1,
html[data-theme="7UC"] .app-modal h2,
html[data-theme="7UC"] .app-modal h3,
html[data-theme="7UC"] .app-modal h4,
html[data-theme="7UC"] .app-modal .text-text:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal label,
html[data-theme="7UC"] .app-modal p,
html[data-theme="7UC"] .app-modal span.text-text,
html.dark[data-theme="7UC"] .app-modal h1,
html.dark[data-theme="7UC"] .app-modal h2,
html.dark[data-theme="7UC"] .app-modal h3,
html.dark[data-theme="7UC"] .app-modal h4,
html.dark[data-theme="7UC"] .app-modal .text-text:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal label,
html.dark[data-theme="7UC"] .app-modal p,
html.dark[data-theme="7UC"] .app-modal span.text-text {
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .app-modal .text-text-muted,
html[data-theme="7UC"] .app-modal .text-slate-400,
html[data-theme="7UC"] .app-modal .text-gray-600,
html.dark[data-theme="7UC"] .app-modal .text-text-muted,
html.dark[data-theme="7UC"] .app-modal .text-slate-400,
html.dark[data-theme="7UC"] .app-modal .text-gray-600 {
  color: rgb(203 213 225) !important;
}
/* Número del título y bloque de instrucciones (usan text-primary = negro en 7UC) → blanco en el modal */
html[data-theme="7UC"] .app-modal .text-primary:not(.multiselect .text-primary):not(.multiselect *),
html.dark[data-theme="7UC"] .app-modal .text-primary:not(.multiselect .text-primary):not(.multiselect *) {
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .app-modal [class*="bg-primary/10"] .text-primary,
html[data-theme="7UC"] .app-modal [class*="bg-primary/10"] ul,
html[data-theme="7UC"] .app-modal [class*="bg-primary/10"] li,
html.dark[data-theme="7UC"] .app-modal [class*="bg-primary/10"] .text-primary,
html.dark[data-theme="7UC"] .app-modal [class*="bg-primary/10"] ul,
html.dark[data-theme="7UC"] .app-modal [class*="bg-primary/10"] li {
  color: rgb(255 255 255) !important;
}
/* Bordes internos del modal más discretos sobre fondo negro */
html[data-theme="7UC"] .app-modal .border-border,
html.dark[data-theme="7UC"] .app-modal .border-border {
  border-color: rgb(82 82 82) !important;
}
/* Inputs y selects dentro del modal: fondo claro y texto oscuro para legibilidad.
 * FormControl pone `text-text` en el <input>; sin estas clases extra, la regla
 * de copy blanco del modal (.app-modal .text-text) gana por especificidad y
 * el valor escrito queda blanco sobre el campo claro. */
html[data-theme="7UC"] .app-modal input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]),
html[data-theme="7UC"] .app-modal input.text-text,
html[data-theme="7UC"] .app-modal select,
html[data-theme="7UC"] .app-modal select.text-text,
html[data-theme="7UC"] .app-modal textarea,
html[data-theme="7UC"] .app-modal textarea.text-text,
html[data-theme="7UC"] .app-modal .multiselect,
html.dark[data-theme="7UC"] .app-modal input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]),
html.dark[data-theme="7UC"] .app-modal input.text-text,
html.dark[data-theme="7UC"] .app-modal select,
html.dark[data-theme="7UC"] .app-modal select.text-text,
html.dark[data-theme="7UC"] .app-modal textarea,
html.dark[data-theme="7UC"] .app-modal textarea.text-text,
html.dark[data-theme="7UC"] .app-modal .multiselect {
  background-color: rgb(var(--color-surface)) !important;
  color: rgb(var(--color-text)) !important;
  -webkit-text-fill-color: rgb(var(--color-text)) !important;
  caret-color: rgb(var(--color-text)) !important;
  border-color: rgb(var(--color-border)) !important;
}
html[data-theme="7UC"] .app-modal input::-moz-placeholder, html[data-theme="7UC"] .app-modal textarea::-moz-placeholder, html.dark[data-theme="7UC"] .app-modal input::-moz-placeholder, html.dark[data-theme="7UC"] .app-modal textarea::-moz-placeholder {
  color: rgb(var(--color-text-muted)) !important;
  -webkit-text-fill-color: rgb(var(--color-text-muted)) !important;
}
html[data-theme="7UC"] .app-modal input::placeholder,
html[data-theme="7UC"] .app-modal textarea::placeholder,
html.dark[data-theme="7UC"] .app-modal input::placeholder,
html.dark[data-theme="7UC"] .app-modal textarea::placeholder {
  color: rgb(var(--color-text-muted)) !important;
  -webkit-text-fill-color: rgb(var(--color-text-muted)) !important;
}
/* Multiselect: contenedor y opciones legibles */
html[data-theme="7UC"] .app-modal .multiselect__tags,
html[data-theme="7UC"] .app-modal .multiselect__content-wrapper,
html.dark[data-theme="7UC"] .app-modal .multiselect__tags,
html.dark[data-theme="7UC"] .app-modal .multiselect__content-wrapper {
  background-color: rgb(var(--color-surface)) !important;
  color: rgb(var(--color-text)) !important;
  border-color: rgb(var(--color-border)) !important;
}
/* 7UC: multiselect dentro del modal – texto siempre negro (como en la página), no heredar blanco del modal */
html[data-theme="7UC"] .app-modal .multiselect,
html[data-theme="7UC"] .app-modal .multiselect *,
html.dark[data-theme="7UC"] .app-modal .multiselect,
html.dark[data-theme="7UC"] .app-modal .multiselect * {
  color: rgb(var(--color-text)) !important;
}
html[data-theme="7UC"] .app-modal .multiselect__input::-moz-placeholder, html.dark[data-theme="7UC"] .app-modal .multiselect__input::-moz-placeholder {
  color: rgb(var(--color-text-muted)) !important;
}
html[data-theme="7UC"] .app-modal .multiselect__placeholder,
html[data-theme="7UC"] .app-modal .multiselect__single,
html[data-theme="7UC"] .app-modal .multiselect__input,
html[data-theme="7UC"] .app-modal .multiselect__input::placeholder,
html.dark[data-theme="7UC"] .app-modal .multiselect__placeholder,
html.dark[data-theme="7UC"] .app-modal .multiselect__single,
html.dark[data-theme="7UC"] .app-modal .multiselect__input,
html.dark[data-theme="7UC"] .app-modal .multiselect__input::placeholder {
  color: rgb(var(--color-text-muted)) !important;
}
html[data-theme="7UC"] .app-modal .multiselect__content-wrapper,
html[data-theme="7UC"] .app-modal .multiselect__content,
html[data-theme="7UC"] .app-modal .multiselect__option,
html.dark[data-theme="7UC"] .app-modal .multiselect__content-wrapper,
html.dark[data-theme="7UC"] .app-modal .multiselect__content,
html.dark[data-theme="7UC"] .app-modal .multiselect__option {
  background-color: rgb(var(--color-surface)) !important;
  color: rgb(var(--color-text)) !important;
}
/* 7UC: historial de dominios – panel claro dentro del modal negro */
html[data-theme="7UC"] .app-modal .domains-history-panel,
html.dark[data-theme="7UC"] .app-modal .domains-history-panel {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
}
html[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-th,
html.dark[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-th,
html[data-theme="7UC"] .app-modal .domains-history-panel thead tr th,
html.dark[data-theme="7UC"] .app-modal .domains-history-panel thead tr th {
  background-color: #f5f5f7 !important;
  color: #333333 !important;
}
html[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-name,
html[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-domain,
html.dark[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-name,
html.dark[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-domain {
  color: #111111 !important;
}
html[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-meta,
html[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-date,
html.dark[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-meta,
html.dark[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-date {
  color: #6b7280 !important;
}
html[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-role,
html.dark[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-role {
  background-color: #e8e8e8 !important;
  color: #333333 !important;
}
html[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-row,
html.dark[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-row {
  background-color: #ffffff !important;
  border-bottom-color: #e0e0e0 !important;
}
html[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-row:nth-child(even),
html.dark[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-row:nth-child(even) {
  background-color: #fafafa !important;
}
html[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-row:hover,
html.dark[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-row:hover {
  background-color: #f0f0f2 !important;
}
html[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-star-empty,
html.dark[data-theme="7UC"] .app-modal .domains-history-panel .domains-history-star-empty {
  color: #d1d5db !important;
}
/* 7UC: BaseTable en panel claro dentro del modal negro */
html[data-theme="7UC"] .app-modal .modal-table-panel,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .text-text,
html[data-theme="7UC"] .app-modal .modal-table-panel .font-medium,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .text-text,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .font-medium {
  color: #111111 !important;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .text-text-muted,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .text-text-muted {
  color: #6b7280 !important;
}
html[data-theme="7UC"] .app-modal .modal-table-panel thead th,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel thead th {
  background-color: #f5f5f7 !important;
  color: #333333 !important;
}
html[data-theme="7UC"] .app-modal .modal-table-panel tbody tr,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel tbody tr {
  background-color: #ffffff !important;
}
html[data-theme="7UC"] .app-modal .modal-table-panel tbody tr:nth-child(odd),
html.dark[data-theme="7UC"] .app-modal .modal-table-panel tbody tr:nth-child(odd) {
  background-color: #fafafa !important;
}
html[data-theme="7UC"] .app-modal .modal-table-panel tbody tr:hover,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel tbody tr:hover {
  background-color: #f0f0f2 !important;
}
html[data-theme="7UC"] .app-modal .modal-table-panel td,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel td {
  color: #111111 !important;
  border-color: #e0e0e0 !important;
}
html[data-theme="7UC"] .app-modal .modal-table-panel td:before,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel td:before {
  color: #6b7280 !important;
}
/* 7UC: modal asistencia sin registrar – botón cerrar visible sobre negro */
html[data-theme="7UC"] .app-modal .unregistered-attendance-modal .unregistered-attendance-modal__close,
html.dark[data-theme="7UC"] .app-modal .unregistered-attendance-modal .unregistered-attendance-modal__close {
  background-color: transparent !important;
  border-color: rgb(255 255 255 / 0.35) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .app-modal .unregistered-attendance-modal .unregistered-attendance-modal__close:hover:not(:disabled),
html[data-theme="7UC"] .app-modal .unregistered-attendance-modal .unregistered-attendance-modal__close:focus-visible:not(:disabled),
html.dark[data-theme="7UC"] .app-modal .unregistered-attendance-modal .unregistered-attendance-modal__close:hover:not(:disabled),
html.dark[data-theme="7UC"] .app-modal .unregistered-attendance-modal .unregistered-attendance-modal__close:focus-visible:not(:disabled) {
  background-color: rgb(255 255 255 / 0.12) !important;
  border-color: rgb(255 255 255 / 0.5) !important;
  color: rgb(255 255 255) !important;
}
/* 7UC: botones dentro del modal – Guardar (info) ya usa primary; Cancelar (contrast outline) visible sobre negro */
html[data-theme="7UC"] .app-modal button.border-gray-800,
html[data-theme="7UC"] .app-modal a.border-gray-800,
html.dark[data-theme="7UC"] .app-modal button.border-gray-800,
html.dark[data-theme="7UC"] .app-modal a.border-gray-800 {
  border-color: rgb(255 255 255) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .app-modal button.border-gray-800:hover,
html[data-theme="7UC"] .app-modal a.border-gray-800:hover,
html.dark[data-theme="7UC"] .app-modal button.border-gray-800:hover,
html.dark[data-theme="7UC"] .app-modal a.border-gray-800:hover {
  background-color: rgb(255 255 255 / 0.15) !important;
  color: rgb(255 255 255) !important;
  border-color: rgb(255 255 255) !important;
}
/* Botón primary/info en modal: asegurar texto e icono blancos */
html[data-theme="7UC"] .app-modal .bg-primary,
html.dark[data-theme="7UC"] .app-modal .bg-primary {
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .app-modal .bg-primary svg,
html.dark[data-theme="7UC"] .app-modal .bg-primary svg {
  color: inherit !important;
}
/* 7UC: botones contrast (Cancelar, Fijo/Libre, zoom +/-) – más visibles sobre fondo negro */
html[data-theme="7UC"] .app-modal button.bg-gray-800,
html.dark[data-theme="7UC"] .app-modal button.bg-gray-800 {
  background-color: rgb(75 85 99) !important; /* gray-600 */
  color: rgb(255 255 255) !important;
  border-color: rgb(75 85 99) !important;
}
html[data-theme="7UC"] .app-modal button.bg-gray-800:hover,
html.dark[data-theme="7UC"] .app-modal button.bg-gray-800:hover {
  background-color: rgb(107 114 128) !important; /* gray-500 */
  color: rgb(255 255 255) !important;
}
/* 7UC: iconos dentro de botones del modal – heredar color para visibilidad */
html[data-theme="7UC"] .app-modal button svg,
html[data-theme="7UC"] .app-modal button [class*="inline-flex"] svg,
html.dark[data-theme="7UC"] .app-modal button svg,
html.dark[data-theme="7UC"] .app-modal button [class*="inline-flex"] svg {
  color: inherit !important;
  fill: currentColor !important;
}
/* 7UC: botón success en modal genérico – texto blanco (otros modales) */
/*
 * Aquí había una regla que forzaba el texto de los botones `success` a BLANCO
 * dentro de los modales. Pero en 7UC el botón `success` ya es blanco con texto
 * negro —regla de marca, más arriba—, así que dentro de un modal salía blanco
 * sobre blanco.
 *
 * Se notaba tanto que había dos parches por componente para deshacerla, uno
 * para el recorte de imagen y otro para el formulario de resultado, cada uno
 * repitiendo el mismo blanco y el mismo #111. Los dos se van con ella.
 */
html[data-theme="7UC"] .app-modal .pending-registration-modal button.base-button--outline.border-danger,
html[data-theme="7UC"] .app-modal .pending-registration-modal a.base-button--outline.border-danger,
html.dark[data-theme="7UC"] .app-modal .pending-registration-modal button.base-button--outline.border-danger,
html.dark[data-theme="7UC"] .app-modal .pending-registration-modal a.base-button--outline.border-danger {
  background-color: transparent !important;
  border-color: rgb(139 0 0) !important;
  color: rgb(220 38 38) !important;
}
html[data-theme="7UC"] .app-modal .pending-registration-modal button.base-button--outline.border-danger:hover,
html[data-theme="7UC"] .app-modal .pending-registration-modal a.base-button--outline.border-danger:hover,
html.dark[data-theme="7UC"] .app-modal .pending-registration-modal button.base-button--outline.border-danger:hover,
html.dark[data-theme="7UC"] .app-modal .pending-registration-modal a.base-button--outline.border-danger:hover {
  background-color: rgb(139 0 0) !important;
  border-color: rgb(139 0 0) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .app-modal .pending-registration-modal button.base-button--outline.border-danger svg,
html[data-theme="7UC"] .app-modal .pending-registration-modal a.base-button--outline.border-danger svg,
html.dark[data-theme="7UC"] .app-modal .pending-registration-modal button.base-button--outline.border-danger svg,
html.dark[data-theme="7UC"] .app-modal .pending-registration-modal a.base-button--outline.border-danger svg {
  color: inherit !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .app-modal .charges-modal button.base-button--outline.border-gray-800,
html[data-theme="7UC"] .app-modal .charges-modal a.base-button--outline.border-gray-800,
html.dark[data-theme="7UC"] .app-modal .charges-modal button.base-button--outline.border-gray-800,
html.dark[data-theme="7UC"] .app-modal .charges-modal a.base-button--outline.border-gray-800 {
  background-color: transparent !important;
  border-color: rgb(255 255 255) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .app-modal .charges-modal button.base-button--outline.border-gray-800:hover,
html[data-theme="7UC"] .app-modal .charges-modal a.base-button--outline.border-gray-800:hover,
html.dark[data-theme="7UC"] .app-modal .charges-modal button.base-button--outline.border-gray-800:hover,
html.dark[data-theme="7UC"] .app-modal .charges-modal a.base-button--outline.border-gray-800:hover {
  background-color: rgb(255 255 255 / 0.15) !important;
  border-color: rgb(255 255 255) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .app-modal .pending-registration-modal .pending-registration-modal__close,
html.dark[data-theme="7UC"] .app-modal .pending-registration-modal .pending-registration-modal__close {
  border-color: rgb(255 255 255 / 0.35) !important;
  color: rgb(255 255 255) !important;
  background-color: transparent !important;
}
html[data-theme="7UC"] .app-modal .pending-registration-modal .pending-registration-modal__close:hover,
html.dark[data-theme="7UC"] .app-modal .pending-registration-modal .pending-registration-modal__close:hover {
  background-color: rgb(255 255 255 / 0.12) !important;
  border-color: rgb(255 255 255 / 0.5) !important;
  color: rgb(255 255 255) !important;
}
/* ========== 7UC: Liga (jornadas) – sinergia con llaves single elimination (negro / rojo #8B0000 / grises) ========== */
html[data-theme="7UC"] .league-jornada-filters {
  background: #e8e8e8 !important;
  background-image: none !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px;
}
html[data-theme="7UC"] .league-matchday-section {
  background-color: #f5f5f7 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.08);
}
/* Franja superior continua con el contenedor (como round-header en llaves) */
html[data-theme="7UC"] .league-matchday-heading,
html[data-theme="7UC"] .league-matchday-heading.text-primary {
  background-color: #111111 !important;
  color: rgb(255 255 255) !important;
  border-radius: 0 !important;
  padding: 0.875rem 1.25rem !important;
  margin-bottom: 0 !important;
  font-weight: 600;
  border-bottom: 1px solid rgb(0 0 0 / 0.35) !important;
  box-shadow: 0 1px 0 0 rgb(255 255 255 / 0.06) inset !important;
}
html[data-theme="7UC"] .league-matchday-heading .text-text-muted,
html[data-theme="7UC"] .league-matchday-heading span.text-sm {
  color: rgb(255 255 255 / 0.8) !important;
}
html[data-theme="7UC"] .league-matchday-heading svg {
  color: rgb(255 255 255) !important;
}
/* Tarjetas de partido: mismo borde/sombra que .single-elim-bracket-wrapper .match */
html[data-theme="7UC"] .league-match-card {
  background-color: #ffffff !important;
  border: 2px solid #333333 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}
html[data-theme="7UC"] .league-match-card.match-finished {
  border-color: #8b0000 !important;
}
html[data-theme="7UC"] .league-match-card.match-finished .league-match-body {
  background-color: #fff5f5 !important;
}
html[data-theme="7UC"] .league-match-card.match-in-progress {
  border-color: #111111 !important;
}
html[data-theme="7UC"] .league-match-card.match-in-progress .league-match-body {
  background-color: #f0f0f0 !important;
}
html[data-theme="7UC"] .league-match-card.match-pending .league-match-body {
  background-color: #fafafa !important;
}
html[data-theme="7UC"] .league-match-card .league-match-score {
  border-color: #e0e0e0 !important;
}
html[data-theme="7UC"] .league-match-card .league-match-avatar,
html[data-theme="7UC"] .league-match-card .league-match-avatar-slot {
  border-color: #e0e0e0 !important;
}
/* Delegación (acrónimo): sin cortes raros */
html[data-theme="7UC"] .league-match-card .league-match-delegation {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: manual;
}
/* Estado del partido – rojo/negro en lugar de verde/azul genéricos */
html[data-theme="7UC"] .league-match-card.match-finished .league-match-status-row .text-green-600 {
  color: #8b0000 !important;
  font-weight: 600;
}
html[data-theme="7UC"] .league-match-card .league-match-status-row .text-blue-600 {
  color: #111111 !important;
  font-weight: 600;
}
/* Fila de acciones: sin divisores verticales (como eliminatoria) */
html[data-theme="7UC"] .league-match-card .league-match-actions {
  background-color: #f5f5f7 !important;
  border-top: 1px solid #e0e0e0 !important;
}
html[data-theme="7UC"] .league-match-card .league-match-actions > * {
  border-left-width: 0 !important;
  border-color: transparent !important;
}
/* Timer = rojo (misma regla que .bracket-btn-timer) */
html[data-theme="7UC"] .league-match-card .league-match-btn-timer,
html[data-theme="7UC"] .league-match-card .league-match-btn-timer.bg-warning {
  background-color: #8b0000 !important;
  border-color: #8b0000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .league-match-card .league-match-btn-timer:hover,
html[data-theme="7UC"] .league-match-card .league-match-btn-timer.bg-warning:hover {
  background-color: #a00000 !important;
  border-color: #a00000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .league-match-card .league-match-btn-timer svg,
html[data-theme="7UC"] .league-match-card .league-match-btn-timer.bg-warning svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/* Tabla de posiciones – cabecera alineada a tablas 7UC */
html[data-theme="7UC"] .league-standings-section thead tr th {
  background-color: #f5f5f7 !important;
  color: #333333 !important;
  border-color: #e0e0e0 !important;
}
html[data-theme="7UC"] .league-standings-section .league-standings-pts {
  color: #111111 !important;
}
/* Top 3 tabla: sin verde, gris acorde al doc 7UC */
html[data-theme="7UC"] .league-standings-section tbody tr.bg-success\/20 {
  background-color: #e8e8e8 !important;
}
/* 7UC página de podio (fuera del modal): checkboxes con color de marca */
html[data-theme="7UC"] .app-modal [class*="bg-state-positive/20"],
html.dark[data-theme="7UC"] .app-modal [class*="bg-state-positive/20"] {
  background-color: rgb(var(--color-success) / 0.2) !important;
  border-color: rgb(var(--color-success) / 0.5) !important;
}
/* 7UC móvil auth: logo con tamaño y proporción intrínsecos del PNG (612×408) */
html[data-theme="7UC"] .auth-page .auth-mobile-logo-natural {
  width: auto;
  height: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
/* 7UC: Login/Register/ResetPassword – botón principal negro + texto blanco (anula bg-white del BaseButton) */
html[data-theme="7UC"] .auth-page button[class*="bg-primary"],
html.dark[data-theme="7UC"] .auth-page button[class*="bg-primary"] {
  background-color: rgb(var(--color-primary)) !important;
  border-color: rgb(var(--color-primary)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .auth-page button[class*="bg-primary"]:hover:not(:disabled),
html.dark[data-theme="7UC"] .auth-page button[class*="bg-primary"]:hover:not(:disabled) {
  background-color: rgb(var(--color-primary-hover)) !important;
  border-color: rgb(var(--color-primary-hover)) !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .auth-page button[class*="bg-primary"] span,
html[data-theme="7UC"] .auth-page button[class*="bg-primary"] svg,
html.dark[data-theme="7UC"] .auth-page button[class*="bg-primary"] span,
html.dark[data-theme="7UC"] .auth-page button[class*="bg-primary"] svg {
  color: inherit !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .config-form-card .config-choice--active {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .config-form-card .config-choice--active svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .config-form-card .config-choice--active .config-choice__label,
html[data-theme="7UC"] .config-form-card .config-choice--active .config-choice__desc,
html[data-theme="7UC"] .config-form-card .config-choice--active .config-choice__check {
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .config-form-card .config-choice--active .config-choice__desc {
  color: rgb(255 255 255 / 0.82) !important;
}
html[data-theme="7UC"] .timer-order__stepper {
  border-color: #e0e0e0 !important;
  background-color: #ffffff !important;
}
html[data-theme="7UC"] .timer-order__btn:hover:not(:disabled) {
  background-color: #f5f5f7 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .timer-order__input:focus {
  --tw-ring-color: rgb(17 17 17 / 0.25) !important;
}
/* 7UC: pestaña Categorías en configuraciones del evento */
html[data-theme="7UC"] .categories-config-card .categories-reg-pill--active {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__body {
  scrollbar-color: rgb(180 180 180) rgb(245 245 247) !important;
}
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__body::-webkit-scrollbar-thumb {
  background-color: rgb(180 180 180) !important;
}
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__body::-webkit-scrollbar-thumb:hover {
  background-color: rgb(140 140 140) !important;
}
/* 7UC: botones check-in (BaseButton) — colores semánticos verde/rojo/gris */
html[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn--none.attendance-action-btn--unselected,
html.dark[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn--none.attendance-action-btn--unselected {
  background-color: #f3f4f6 !important;
  border-color: #9ca3af !important;
  color: #4b5563 !important;
}
html[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn--none.attendance-action-btn--selected,
html.dark[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn--none.attendance-action-btn--selected {
  background-color: #6b7280 !important;
  border-color: #4b5563 !important;
  color: #ffffff !important;
}
html[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn--attended.attendance-action-btn--unselected,
html.dark[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn--attended.attendance-action-btn--unselected {
  background-color: #dcfce7 !important;
  border-color: #22c55e !important;
  color: #15803d !important;
}
html[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn--attended.attendance-action-btn--selected,
html.dark[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn--attended.attendance-action-btn--selected {
  background-color: #16a34a !important;
  border-color: #15803d !important;
  color: #ffffff !important;
}
html[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn--did_not_attend.attendance-action-btn--unselected,
html.dark[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn--did_not_attend.attendance-action-btn--unselected {
  background-color: #fde8e8 !important;
  border-color: #8b0000 !important;
  color: #8b0000 !important;
}
html[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn--did_not_attend.attendance-action-btn--selected,
html.dark[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn--did_not_attend.attendance-action-btn--selected {
  background-color: #8b0000 !important;
  border-color: #8b0000 !important;
  color: #ffffff !important;
}
html[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn svg,
html.dark[data-theme="7UC"] .attendance-action-btn-wrap button.attendance-action-btn svg,
html[data-theme="7UC"] tbody tr:hover .attendance-action-btn-wrap button.attendance-action-btn svg {
  color: inherit !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .attendance-toggle-btn svg,
html.dark[data-theme="7UC"] .attendance-toggle-btn svg,
html[data-theme="7UC"] tbody tr:hover .attendance-toggle-btn svg {
  color: inherit !important;
}
html[data-theme="7UC"] .attendance-badge--attended {
  background-color: #16a34a !important;
  color: #ffffff !important;
}
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer__button {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer__button .el-icon,
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer__button .el-icon svg {
  color: inherit !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer__button:hover:not(:disabled) {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer__button:hover:not(:disabled) .el-icon,
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer__button:hover:not(:disabled) .el-icon svg {
  color: inherit !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel {
  border-color: #e0e0e0 !important;
  background-color: #ffffff !important;
}
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer > .el-transfer-panel:last-of-type {
  border-color: #111111 !important;
  background-color: #f5f5f7 !important;
}
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer-panel__header {
  background-color: #f5f5f7 !important;
  color: #666666 !important;
}
html[data-theme="7UC"] .categories-config-card .categories-transfer-wrapper .el-transfer > .el-transfer-panel:last-of-type .el-transfer-panel__header {
  background-color: #ececef !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .config-form-card .config-toggle--active.config-toggle--card {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: rgb(255 255 255) !important;
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.12) !important;
}
html[data-theme="7UC"] .config-form-card .config-toggle--active.config-toggle--card .config-toggle__label,
html[data-theme="7UC"] .config-form-card .config-toggle--active.config-toggle--card .config-toggle__hint,
html[data-theme="7UC"] .config-form-card .config-toggle--active.config-toggle--card .config-toggle__check {
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .config-form-card .config-toggle--active.config-toggle--card .config-toggle__hint {
  color: rgb(255 255 255 / 0.82) !important;
}
html[data-theme="7UC"] .config-form-card .config-toggle--active.config-toggle--row:not(.config-toggle--flush) {
  border-color: #111111 !important;
  background-color: #e8e8e8 !important;
  box-shadow: 0 0 0 2px rgb(17 17 17 / 0.12) !important;
}
html[data-theme="7UC"] .config-form-card .config-toggle:not(.config-toggle--active):not(.config-toggle--flush) {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
}
/* 7UC: toggles de registro (tipo doc, delegación, quién compite) – seleccionado negro + blanco */
html[data-theme="7UC"] .auth-page .doc-type-option--active {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: rgb(255 255 255) !important;
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.12) !important;
}
html[data-theme="7UC"] .auth-page .doc-type-option--active svg,
html[data-theme="7UC"] .auth-page .doc-type-option--active .base-icon {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
html[data-theme="7UC"] .auth-page .doc-type-option:not(.doc-type-option--active) {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
  color: #6b7280 !important;
}
html[data-theme="7UC"] .auth-page .doc-type-option:not(.doc-type-option--active):hover {
  background-color: #f5f5f7 !important;
  border-color: #111111 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .auth-page .doc-type-option:not(.doc-type-option--active):hover svg {
  color: #111111 !important;
  fill: currentColor !important;
}
/* ========== 7UC: solo negro, rojo y blanco – reemplazo de morado/azul/verde ========== */
/* Navbar: badge del rol (Administrator, etc.) → negro, texto blanco */
/* 7UC: tag del rol (arriba a la derecha) → rojo con letras blancas (prioridad sobre .text-indigo-*) */
html[data-theme="7UC"] .navbar-role-badge,
html[data-theme="7UC"] .navbar-role-badge.text-indigo-400,
html[data-theme="7UC"] .navbar-role-badge.text-indigo-600 {
  background-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
  border-color: #8B0000 !important;
}
/* Tabs (perfil, etc.): tab activo subrayado → borde y texto negro (no azul) */
html[data-theme="7UC"] .base-tabs-scroll button.border-blue-500 {
  border-color: #111111 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .base-tabs-scroll button.bg-blue-600 {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: rgb(255 255 255) !important;
}
/* Perfil: banner superior → negro con línea de acento roja abajo */
html[data-theme="7UC"] .profile-page .profile-banner {
  background: #111111 !important;
  border-bottom: 4px solid #8B0000 !important;
}
/* Móvil: header de disciplina/deporte activo (barra superior fija) */
html[data-theme="7UC"] .mobile-sport-header {
  background-color: rgb(var(--color-surface)) !important;
  border-bottom-color: rgb(var(--color-border)) !important;
}
html[data-theme="7UC"] .mobile-sport-header__inner {
  border-left: 3px solid #8B0000;
  margin-left: 0;
  padding-left: calc(1rem - 3px);
}
html[data-theme="7UC"] .mobile-sport-header__acronym {
  background-color: #111111 !important;
  color: rgb(255 255 255) !important;
}
/* Perfil: avatar sin foto → fondo negro */
html[data-theme="7UC"] .profile-avatar-bg {
  background: #111111 !important;
}
/* Perfil: badge del rol en la card (Administrator) → rojo, texto blanco (toque rojo) */
html[data-theme="7UC"] .profile-page .profile-role-badge {
  background: #8B0000 !important;
  color: rgb(255 255 255) !important;
  border-color: #8B0000 !important;
}
html[data-theme="7UC"] .profile-page .profile-role-badge svg {
  color: rgb(255 255 255) !important;
}
/* Perfil: pestaña activa (Información personal, etc.) → subrayado y texto rojo */
html[data-theme="7UC"] .profile-page .base-tabs-scroll button.border-blue-500 {
  border-color: #8B0000 !important;
  color: #8B0000 !important;
}
html[data-theme="7UC"] .profile-page .base-tabs-scroll button.border-blue-500 svg {
  color: #8B0000 !important;
  fill: currentColor !important;
}
/* Perfil: iconos de sección (Información personal, Seguridad) → rojo (toque rojo) */
html[data-theme="7UC"] .profile-page .profile-section-icon {
  background: #8B0000 !important;
}
html[data-theme="7UC"] .profile-page .profile-section-icon svg {
  color: rgb(255 255 255) !important;
}
/* Perfil: card "Mejora tu Perfil" → fondo gris neutro, sin morado */
html[data-theme="7UC"] .profile-tips-card {
  background: linear-gradient(to bottom right, #F5F5F7, #E8E8E8) !important;
  border-color: #E0E0E0 !important;
}
html[data-theme="7UC"] .profile-tips-card .text-primary {
  color: #111111 !important;
}
/* Perfil: indicador "Cuenta activa" y punto verde → gris (no verde) */
html[data-theme="7UC"] .profile-page .bg-green-500 {
  background-color: #6B7280 !important;
}
/* Perfil: badge "Activa" en Estado de la cuenta → gris neutro */
html[data-theme="7UC"] .profile-page .bg-success\/30,
html[data-theme="7UC"] .profile-page [class*="bg-state-positive/30"] {
  background-color: #E8E8E8 !important;
  color: #333333 !important;
}
html[data-theme="7UC"] .profile-page .bg-success\/30 .bg-green-500,
html[data-theme="7UC"] .profile-page [class*="bg-state-positive/30"] .bg-green-500,
html[data-theme="7UC"] .profile-page [class*="bg-state-positive/30"] [class*="bg-green"] {
  background-color: #6B7280 !important;
}
/* Perfil: "Pendiente" (email no verificado) → gris en lugar de amarillo/naranja */
html[data-theme="7UC"] .profile-page .text-on-attention {
  color: #333333 !important;
}
/* Perfil: card "Estado de la Cuenta" → borde izquierdo rojo (toque rojo) */
html[data-theme="7UC"] .profile-page .profile-account-status-card {
  border-left: 4px solid #8B0000 !important;
}
/* Perfil: botón Restablecer → rojo con letras blancas (7UC) */
html[data-theme="7UC"] .profile-page .profile-reset-btn {
  background-color: #8B0000 !important;
  border-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .profile-page .profile-reset-btn:hover {
  background-color: #A00000 !important;
  border-color: #A00000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .profile-page .profile-reset-btn svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/* ========== 7UC: Llaves Single Elimination – rojo y negro, logo de fondo ========== */
html[data-theme="7UC"] .tournament-container {
  background-color: #F5F5F7 !important;
  min-height: 200px;
}
/* Cajas de encuentro */
html[data-theme="7UC"] .single-elim-bracket-wrapper .match.bracket-match-card {
  background-color: #FFFFFF !important;
  border: 1px solid #E0E0E0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
  border-radius: 10px !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-header {
  background-color: #F5F5F7 !important;
  border-bottom-color: #E0E0E0 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-status.is-finished {
  color: #8B0000 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-status.is-in_progress {
  color: #111111 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-notify {
  border-color: #E0E0E0 !important;
  background-color: #FFFFFF !important;
  color: #8B0000 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player {
  border-bottom-color: #EEEEEE !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.text-text,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name {
  color: #111111 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.text-text-muted,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.text-text-muted,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye {
  color: #666666 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.text-text-muted,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code {
  color: #555555 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__score {
  color: #333333 !important;
  background-color: #F0F0F0 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__score.is-winning {
  color: #8B0000 !important;
  background-color: #FCE8E8 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-status {
  color: #666666 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player.is-winner {
  background-color: #FFF5F5 !important;
  box-shadow: inset 3px 0 0 var(--match-tracking-color, #8B0000) !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player.is-bye {
  background-color: #F5F5F7 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player.is-loser {
  opacity: 0.65 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__trophy {
  color: #8B0000 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .match .match-player {
  border: none !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .match .match-player:first-child {
  border-bottom: none !important;
}
/* Botón Timer en llaves → rojo (7UC); prioridad sobre la regla global .bg-warning → plateado */
html[data-theme="7UC"] .single-elim-bracket-wrapper button.bracket-btn-timer,
html[data-theme="7UC"] .single-elim-bracket-wrapper button.bracket-btn-timer.bg-warning {
  background-color: #8B0000 !important;
  border-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper button.bracket-btn-timer:hover,
html[data-theme="7UC"] .single-elim-bracket-wrapper button.bracket-btn-timer.bg-warning:hover {
  background-color: #A00000 !important;
  border-color: #A00000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper button.bracket-btn-timer svg,
html[data-theme="7UC"] .single-elim-bracket-wrapper button.bracket-btn-timer.bg-warning svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/* Sin bordes entre los botones de acción (Timer, Resultado, Editar llave) */
/* Líneas conectoras entre encuentros (SVG overlay + legacy DOM) */
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-connector {
  background: var(--match-tracking-color, #8B0000) !important;
}
/* Legacy pseudo (deshabilitados en web; conservado por si aplica fuera del wrapper) */
html[data-theme="7UC"] .single-elim-bracket-wrapper .match::before,
html[data-theme="7UC"] .single-elim-bracket-wrapper .match::after {
  display: none !important;
}
/* Encuentro finalizado */
html[data-theme="7UC"] .single-elim-bracket-wrapper .match-finished.bracket-match-card {
  border-color: #8B0000 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .match-in-progress.bracket-match-card {
  border-color: #111111 !important;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .match-pending.bracket-match-card {
  border-color: #E0E0E0 !important;
}
/* Ganador (resaltado) — reglas en .bracket-match-player.is-winner */
html[data-theme="7UC"] .single-elim-bracket-wrapper .match-player.is-winner {
  background-color: #FFF5F5 !important;
  border-color: transparent !important;
  font-weight: 700;
}
/* BYE */
html[data-theme="7UC"] .single-elim-bracket-wrapper .match-player.is-bye {
  background-color: #F5F5F7 !important;
}
/* Botones de filtro de ronda: seleccionado negro */
/* Área de filtros de ronda */
/* Botón "Limpiar filtro" en rojo */
/* Deportes: icono del card (sin imagen) → fondo negro */
html[data-theme="7UC"] .sport-card-icon-bg.bg-gradient-to-br {
  background: #111111 !important;
}
/* Deportes: siglas del deporte (FUT, KRT) → negro */
html[data-theme="7UC"] .sport-card-acronym {
  color: #111111 !important;
}
/* Eventos Index: banner del card → negro sólido (sobrio; la imagen del evento se ve encima) */
html[data-theme="7UC"] .event-card-banner {
  background: #111111 !important;
}
/* Eventos Show: logo/placeholder del evento → negro sólido */
html[data-theme="7UC"] .event-show-logo-bg.bg-gradient-to-br {
  background: #111111 !important;
}
/* Indicadores verdes pequeños (punto "activo") → gris en 7UC */
html[data-theme="7UC"] .w-2.h-2.bg-green-500 {
  background-color: #6B7280 !important;
}
/* Clases indigo/purple genéricas en 7UC → negro (el tag del rol .navbar-role-badge queda con texto blanco por su regla) */
html[data-theme="7UC"] .text-indigo-600:not(.navbar-role-badge),
html[data-theme="7UC"] .text-indigo-400:not(.navbar-role-badge) {
  color: #111111 !important;
}
/* Eventos: pill "Abierto" y cualquier verde/emerald en cards → negro (nunca verde en 7UC) */
html[data-theme="7UC"] .event-card .event-card-reg-pill[data-reg-status="open"],
html[data-theme="7UC"] .event-card .event-card-reg-pill.bg-emerald-600,
html[data-theme="7UC"] .event-card .event-card-reg-pill[class*="emerald"] {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: rgb(255 255 255) !important;
}
/* ========== Modal Historial de Cambios (7UC): respetar paleta negro/rojo/blanco/gris ========== */
html[data-theme="7UC"] .event-logs-modal .text-indigo-300,
html[data-theme="7UC"] .event-logs-modal .text-indigo-400 {
  color: rgb(229 231 235) !important;
}
html[data-theme="7UC"] .event-logs-modal .bg-indigo-600\/80,
html[data-theme="7UC"] .event-logs-modal [class*="bg-indigo"] {
  background-color: #8B0000 !important;
}
html[data-theme="7UC"] .event-logs-modal .border-blue-500 {
  border-color: #8B0000 !important;
}
html[data-theme="7UC"] .event-logs-modal .ring-blue-500\/50,
html[data-theme="7UC"] .event-logs-modal .ring-1.ring-blue-500\/50 {
  --tw-ring-color: rgb(139 0 0 / 0.5) !important;
  box-shadow: 0 0 0 1px rgb(139 0 0 / 0.5) !important;
}
html[data-theme="7UC"] .event-logs-modal .text-blue-400 {
  color: #B0B0B0 !important;
}
html[data-theme="7UC"] .event-logs-modal .text-cyan-400 {
  color: #B0B0B0 !important;
}
html[data-theme="7UC"] .event-logs-modal .text-purple-400 {
  color: #B0B0B0 !important;
}
html[data-theme="7UC"] .event-logs-modal .text-green-400 {
  color: #B0B0B0 !important;
}
html[data-theme="7UC"] .event-logs-modal .text-amber-400 {
  color: #B0B0B0 !important;
}
html[data-theme="7UC"] .event-logs-modal .border-green-500\/30 {
  border-color: rgb(139 0 0 / 0.3) !important;
}
html[data-theme="7UC"] .event-logs-modal .border-amber-500\/30 {
  border-color: #4B5563 !important;
}
html[data-theme="7UC"] .event-logs-modal .border-purple-500,
html[data-theme="7UC"] .event-logs-modal [class*="border-purple"] {
  border-color: #4B5563 !important;
}
html[data-theme="7UC"] .event-logs-modal select:focus,
html[data-theme="7UC"] .event-logs-modal input:focus {
  --tw-ring-color: rgb(139 0 0 / 0.5) !important;
}
html[data-theme="7UC"] .event-logs-modal .focus\:ring-blue-500:focus,
html[data-theme="7UC"] .event-logs-modal .focus\:border-blue-500:focus {
  border-color: #8B0000 !important;
  box-shadow: 0 0 0 2px rgb(139 0 0 / 0.3) !important;
}
/* Multiselect dentro del modal: highlight y tags en 7UC */
html[data-theme="7UC"] .event-logs-modal .multiselect__option--highlight {
  background-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-logs-modal .event-logs-multiselect .multiselect__option--highlight,
html[data-theme="7UC"] .event-logs-modal .multiselect-custom .multiselect__option--highlight {
  background-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-logs-modal .multiselect-custom .multiselect__tag {
  background-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
/* Modal Historial 7UC: fondo claro (blanco/gris claro) y texto oscuro, como el resto del tema */
html[data-theme="7UC"] .event-logs-modal .bg-slate-800,
html[data-theme="7UC"] .event-logs-modal [class*="bg-slate-800"] {
  background-color: #FFFFFF !important;
}
html[data-theme="7UC"] .event-logs-modal .bg-slate-900,
html[data-theme="7UC"] .event-logs-modal [class*="bg-slate-900"] {
  background-color: #F5F5F7 !important;
}
html[data-theme="7UC"] .event-logs-modal .bg-slate-700,
html[data-theme="7UC"] .event-logs-modal [class*="bg-slate-700"] {
  background-color: #E8E8E8 !important;
}
html[data-theme="7UC"] .event-logs-modal .border-slate-600,
html[data-theme="7UC"] .event-logs-modal .border-slate-500,
html[data-theme="7UC"] .event-logs-modal [class*="border-slate"] {
  border-color: #E0E0E0 !important;
}
html[data-theme="7UC"] .event-logs-modal .hover\:bg-slate-700:hover,
html[data-theme="7UC"] .event-logs-modal .hover\:bg-slate-800:hover {
  background-color: #E8E8E8 !important;
}
html[data-theme="7UC"] .event-logs-modal .hover\:border-slate-500:hover {
  border-color: #333333 !important;
}
html[data-theme="7UC"] .event-logs-modal .bg-indigo-900,
html[data-theme="7UC"] .event-logs-modal [class*="bg-indigo"] {
  background-color: #F5F5F7 !important;
}
html[data-theme="7UC"] .event-logs-modal .border-indigo-700,
html[data-theme="7UC"] .event-logs-modal [class*="border-indigo"] {
  border-color: #E0E0E0 !important;
}
/* Texto: en 7UC el modal es claro, texto oscuro */
html[data-theme="7UC"] .event-logs-modal .text-white {
  color: #111111 !important;
}
html[data-theme="7UC"] .event-logs-modal .text-slate-300,
html[data-theme="7UC"] .event-logs-modal .text-slate-400,
html[data-theme="7UC"] .event-logs-modal .text-gray-300 {
  color: #4B5563 !important;
}
html[data-theme="7UC"] .event-logs-modal .text-slate-500,
html[data-theme="7UC"] .event-logs-modal .text-gray-400 {
  color: #6B7280 !important;
}
html[data-theme="7UC"] .event-logs-modal .text-slate-400 {
  color: #4B5563 !important;
}
/* Títulos de los cards: negro */
html[data-theme="7UC"] .event-logs-modal .event-logs-card-title {
  color: #111111 !important;
}
/* Resumen de paginación: color más fuerte para mejor lectura (header y resultados) */
html[data-theme="7UC"] .event-logs-modal .event-logs-header-summary,
html[data-theme="7UC"] .event-logs-modal .event-logs-results-summary {
  color: #111111 !important;
  font-weight: 600 !important;
}
/* Botones de navegación entre páginas (logs): gris con icono blanco */
html[data-theme="7UC"] .event-logs-modal .event-logs-pagination-btn {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-logs-modal .event-logs-pagination-btn:hover:not(:disabled) {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-logs-modal .event-logs-pagination-btn svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/* Píldora de fecha/hora en cards: rojo con letras blancas */
html[data-theme="7UC"] .event-logs-modal .event-logs-date-pill,
html[data-theme="7UC"] .event-logs-modal span[class*="bg-indigo"].text-white,
html[data-theme="7UC"] .event-logs-modal .bg-indigo-600\/80 {
  background-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
/* Botón de filtro: gris oscuro 7UC */
html[data-theme="7UC"] .event-logs-modal .event-logs-filter-toggle {
  background-color: #333333 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-logs-modal .event-logs-filter-toggle:hover {
  background-color: #111111 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-logs-modal .event-logs-filter-toggle .base-icon,
html[data-theme="7UC"] .event-logs-modal .event-logs-filter-toggle svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/* Botón cerrar: fondo rojo, icono blanco */
html[data-theme="7UC"] .event-logs-modal .event-logs-close-btn {
  background-color: #8B0000 !important;
  border-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-logs-modal .event-logs-close-btn:hover {
  background-color: #A00000 !important;
  border-color: #A00000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-logs-modal .event-logs-close-btn svg,
html[data-theme="7UC"] .event-logs-modal .event-logs-close-btn .base-icon {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/* Botón Limpiar filtros: letras blancas */
html[data-theme="7UC"] .event-logs-modal .event-logs-clear-filters-btn {
  background-color: #8B0000 !important;
  border-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-logs-modal .event-logs-clear-filters-btn:hover {
  background-color: #A00000 !important;
  border-color: #A00000 !important;
  color: rgb(255 255 255) !important;
}
html[data-theme="7UC"] .event-logs-modal .event-logs-clear-filters-btn span,
html[data-theme="7UC"] .event-logs-modal .event-logs-clear-filters-btn svg {
  color: rgb(255 255 255) !important;
  fill: currentColor !important;
}
/* Inputs y select dentro del modal: fondo claro, borde gris, texto oscuro */
html[data-theme="7UC"] .event-logs-modal select,
html[data-theme="7UC"] .event-logs-modal input[type="text"],
html[data-theme="7UC"] .event-logs-modal input[type="number"] {
  background-color: #FFFFFF !important;
  border-color: #E0E0E0 !important;
  color: #111111 !important;
}
/* Multiselect tags/input (vue-multiselect) en modal 7UC */
html[data-theme="7UC"] .event-logs-modal .event-logs-multiselect .multiselect__tags,
html[data-theme="7UC"] .event-logs-modal .event-logs-multiselect .multiselect__content-wrapper {
  background-color: #FFFFFF !important;
  border-color: #E0E0E0 !important;
}
html[data-theme="7UC"] .event-logs-modal .event-logs-multiselect .multiselect__input {
  color: #111111 !important;
}
/* Tablas y pre en panel detalle: fondo claro */
html[data-theme="7UC"] .event-logs-modal .event-log-detail-html,
html[data-theme="7UC"] .event-logs-modal .event-log-json {
  background-color: #F5F5F7 !important;
  border-color: #E0E0E0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .event-logs-modal .event-log-detail-html th {
  background-color: #E8E8E8 !important;
  color: #333333 !important;
}
html[data-theme="7UC"] .event-logs-modal .event-log-detail-html td {
  color: #111111 !important;
}
/* ========== 7UC: Próximos eventos (Dashboard) – tarjetas con alta visibilidad ========== */
html[data-theme="7UC"] .upcoming-event-card {
  background-color: #FFFFFF !important;
  border: 2px solid #E0E0E0 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
}
html[data-theme="7UC"] .upcoming-event-card:hover {
  border-color: #111111 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}
html[data-theme="7UC"] .event-index-card {
  background-color: #FFFFFF !important;
  border: 2px solid #E0E0E0 !important;
}
html[data-theme="7UC"] .event-index-card:hover {
  border-color: #111111 !important;
}
html[data-theme="7UC"] .upcoming-event-badge[data-reg-status="open"] {
  background-color: #111111 !important;
  color: rgb(255 255 255) !important;
  border-color: #111111 !important;
}
html[data-theme="7UC"] .upcoming-event-badge[data-reg-status="closed"] {
  background-color: #8B0000 !important;
  color: rgb(255 255 255) !important;
  border-color: #8B0000 !important;
}
html[data-theme="7UC"] .upcoming-event-badge[data-reg-status="draft"] {
  background-color: #E8E8E8 !important;
  color: #333333 !important;
  border-color: #E0E0E0 !important;
}
/* 7UC: pills de filtros activos (estado elegido #E8E8E8, doc UI) */
html[data-theme="7UC"] .filter-tag__remove:hover {
  color: rgb(var(--color-danger));
  background-color: rgb(255 255 255 / 0.75);
}
html[data-theme="7UC"] .filter-bar-edit {
  color: rgb(var(--color-primary));
  font-weight: 500;
}
html[data-theme="7UC"] .filter-bar-edit:hover {
  color: rgb(var(--color-primary-hover));
}
/* ========== 7UC: navegación móvil inferior ========== */
html[data-theme="7UC"] .mobile-bottom-nav,
html.dark[data-theme="7UC"] .mobile-bottom-nav {
  background-color: rgb(255 255 255 / 0.96) !important;
  border-top-color: #e0e0e0 !important;
}
html[data-theme="7UC"] .mobile-bottom-nav__tab--active,
html.dark[data-theme="7UC"] .mobile-bottom-nav__tab--active {
  color: #111111 !important;
  background-color: #f5f5f7 !important;
}
html[data-theme="7UC"] .mobile-bottom-nav__fab,
html.dark[data-theme="7UC"] .mobile-bottom-nav__fab {
  background-color: #111111 !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 4px 14px rgb(0 0 0 / 0.22) !important;
}
html[data-theme="7UC"] .mobile-bottom-nav__fab--open,
html.dark[data-theme="7UC"] .mobile-bottom-nav__fab--open {
  background-color: #8b0000 !important;
}
html[data-theme="7UC"] .mobile-bottom-sheet__panel,
html.dark[data-theme="7UC"] .mobile-bottom-sheet__panel {
  background-color: #ffffff !important;
  border-top-color: #e0e0e0 !important;
}
html[data-theme="7UC"] .mobile-bottom-sheet__link:hover,
html[data-theme="7UC"] .mobile-bottom-sheet__section-btn:hover,
html[data-theme="7UC"] .mobile-bottom-sheet__sublink:hover,
html.dark[data-theme="7UC"] .mobile-bottom-sheet__link:hover,
html.dark[data-theme="7UC"] .mobile-bottom-sheet__section-btn:hover,
html.dark[data-theme="7UC"] .mobile-bottom-sheet__sublink:hover {
  background-color: #f5f5f7 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .mobile-bottom-sheet__close:hover,
html.dark[data-theme="7UC"] .mobile-bottom-sheet__close:hover {
  background-color: #f5f5f7 !important;
  color: #111111 !important;
}
/* ========== 7UC: panel Inscritos (categorías) ========== */
html[data-theme="7UC"] .category-inscriptions-slide-over,
html.dark[data-theme="7UC"] .category-inscriptions-slide-over {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
}
html[data-theme="7UC"] .category-inscriptions-slide-over > header,
html.dark[data-theme="7UC"] .category-inscriptions-slide-over > header {
  background-color: #f5f5f7 !important;
  border-color: #e0e0e0 !important;
}
html[data-theme="7UC"] .category-inscriptions-slide-over > header .bg-info\/10,
html.dark[data-theme="7UC"] .category-inscriptions-slide-over > header .bg-info\/10 {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
  color: #111111 !important;
}
html[data-theme="7UC"] .category-inscriptions-slide-over > footer,
html.dark[data-theme="7UC"] .category-inscriptions-slide-over > footer {
  background-color: #f5f5f7 !important;
  border-color: #e0e0e0 !important;
}
html[data-theme="7UC"] .category-inscriptions-slide-over__body,
html.dark[data-theme="7UC"] .category-inscriptions-slide-over__body {
  scrollbar-width: thin;
  scrollbar-color: #c4c4c4 #ffffff;
}
html[data-theme="7UC"] .category-inscriptions-slide-over__body::-webkit-scrollbar,
html.dark[data-theme="7UC"] .category-inscriptions-slide-over__body::-webkit-scrollbar {
  width: 6px;
}
html[data-theme="7UC"] .category-inscriptions-slide-over__body::-webkit-scrollbar-track,
html.dark[data-theme="7UC"] .category-inscriptions-slide-over__body::-webkit-scrollbar-track {
  background: #ffffff;
}
html[data-theme="7UC"] .category-inscriptions-slide-over__body::-webkit-scrollbar-thumb,
html.dark[data-theme="7UC"] .category-inscriptions-slide-over__body::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  border-radius: 9999px;
}
html[data-theme="7UC"] .category-inscriptions-slide-over__body::-webkit-scrollbar-thumb:hover,
html.dark[data-theme="7UC"] .category-inscriptions-slide-over__body::-webkit-scrollbar-thumb:hover {
  background-color: #a3a3a3;
}
/*
 * Dashboard: el panel de filtros del ranking usa bg-primary + label text-white
 * (en Gestorneo primary es azul; en 7UC primary es NEGRO → mancha negra).
 * Se neutraliza a panel claro con texto de marca.
 */
html[data-theme="7UC"] .dashboard-ranking-filters {
  background-color: rgb(var(--color-surface-muted)) !important;
  border-color: rgb(var(--color-border)) !important;
}
html[data-theme="7UC"] .dashboard-ranking-filters label,
html[data-theme="7UC"] .dashboard-ranking-filters .text-white {
  color: rgb(var(--color-text)) !important;
}
/*
 * 7UC: los menús desplegables de acciones van en NEGRO (marca — como el
 * aside y los tooltips). Los BaseButton internos (blancos/outline) se
 * neutralizan a ítems transparentes con texto blanco; el hover es gris
 * oscuro. El warning (Quitar áreas) conserva su acento.
 */
html[data-theme="7UC"] .base-button-actions-menu__panel {
  background-color: #111111 !important;
  border-color: #2a2a2a !important;
  color: #ffffff !important;
}
html[data-theme="7UC"] .base-button-actions-menu__panel button,
html[data-theme="7UC"] .base-button-actions-menu__panel a {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #ffffff !important;
}
html[data-theme="7UC"] .base-button-actions-menu__panel button:hover,
html[data-theme="7UC"] .base-button-actions-menu__panel a:hover {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}
html[data-theme="7UC"] .base-button-actions-menu__panel svg {
  color: inherit !important;
  fill: currentColor !important;
}
/*
 * 7UC: el sidebar del workspace del evento (Resumen, Participantes,
 * Delegaciones, …) va en NEGRO de marca, como el aside global. Ítem activo
 * con fondo gris oscuro y texto blanco; inactivos en gris claro.
 * Solo aplica a este tema.
 */
html[data-theme="7UC"] .event-workspace-nav {
  background-color: #111111;
  border: 1px solid #2a2a2a;
  padding: 0.75rem 0.5rem;
}
/* Títulos de grupo (Inscripciones, Competencia, Más): blanco.
 * Debe ganar a `.app-main-content .text-text-muted` (#4b5563). */
html[data-theme="7UC"] .app-main-content .event-workspace-nav .event-workspace-nav__group,
html[data-theme="7UC"] .app-main-content .event-workspace-nav p.event-workspace-nav__group,
html[data-theme="7UC"] .app-main-content .event-workspace-nav .text-text-muted,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .event-workspace-nav__group,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav p.event-workspace-nav__group,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .text-text-muted {
  color: #ffffff !important;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav a,
html[data-theme="7UC"] .app-main-content .event-workspace-nav a.text-text-muted,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.text-text-muted {
  color: #ffffff !important;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav a:hover,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a:hover {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav a[aria-current="page"],
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a[aria-current="page"] {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}
/* Colapsador: no usar surface-muted (claro) sobre el rail negro. */
html[data-theme="7UC"] .app-main-content .event-workspace-nav .event-workspace-nav__collapse,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .event-workspace-nav__collapse {
  color: #ffffff !important;
  background-color: transparent !important;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .event-workspace-nav__collapse:hover,
html[data-theme="7UC"] .app-main-content .event-workspace-nav .event-workspace-nav__collapse:focus-visible,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .event-workspace-nav__collapse:hover,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .event-workspace-nav__collapse:focus-visible {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .event-workspace-nav__collapse svg,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .event-workspace-nav__collapse svg {
  color: inherit !important;
  fill: currentColor !important;
}
/*
 * 7UC · «Tipo de coach»: la opción elegida en negro con letras blancas.
 *
 * El estado activo general usa `border-primary bg-primary/5`, y en 7UC el
 * primario ES el negro de marca: un 5 % de negro sobre blanco no se distingue
 * de una opción sin elegir, así que las tres parecían iguales. Aquí el negro
 * se usa entero, que es además lo que hace el brief con los controles de
 * elección. Solo en este control: en el resto de la aplicación el tinte al 5 %
 * funciona porque el primario de las otras marcas tiene color.
 */
html[data-theme="7UC"] .coach-profile-option--active,
html.dark[data-theme="7UC"] .coach-profile-option--active {
  background-color: #111111 !important;
  border-color: #111111 !important;
  box-shadow: none !important;
  --tw-ring-color: transparent !important;
}
html[data-theme="7UC"] .coach-profile-option--active .text-text,
html[data-theme="7UC"] .coach-profile-option--active .text-text-muted,
html.dark[data-theme="7UC"] .coach-profile-option--active .text-text,
html.dark[data-theme="7UC"] .coach-profile-option--active .text-text-muted {
  color: #FFFFFF !important;
}
html[data-theme="7UC"] .coach-profile-option--active .coach-profile-option__icon,
html.dark[data-theme="7UC"] .coach-profile-option--active .coach-profile-option__icon {
  background-color: rgb(255 255 255 / 0.12) !important;
  border-color: rgb(255 255 255 / 0.25) !important;
  color: #FFFFFF !important;
}
/*
 * 7UC · «Tipo de documento»: la opción elegida en rojo de marca con letras
 * blancas. El segmentado genérico marca lo activo con `bg-surface` y una
 * sombra —blanco sobre casi blanco—, que en esta marca no se distingue de lo
 * no elegido. Solo en este control.
 */
html[data-theme="7UC"] .coach-segmented__btn--active,
html.dark[data-theme="7UC"] .coach-segmented__btn--active {
  background-color: rgb(var(--color-danger)) !important;
  border-color: rgb(var(--color-danger)) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
html[data-theme="7UC"] .coach-segmented__btn--active svg,
html.dark[data-theme="7UC"] .coach-segmented__btn--active svg {
  color: #FFFFFF !important;
  fill: currentColor !important;
}
/**
 * Tema ToqueLab – deep black + aqua/cyan/blue (paleta oficial v1.0)
 * Se aplica cuando VITE_APP_THEME=TOQUELAB.
 * Acento: #16E7D4 / #10CFE8 / #177FE6. Fondos oscuros: #05080D.
 */
html[data-theme="TOQUELAB"] {
  /* === Primarios / Marca ===
   *
   * Estos colores se pintan con TEXTO BLANCO encima (`bg-primary text-white`,
   * `bg-success text-white`, los pone `colors.js` igual en las cuatro marcas).
   * El aqua del logo no sostiene texto blanco —#16E7D4 da 1,57:1 y el botón
   * «Guardar» era ilegible; #0EA5B9 daba 2,96:1—, así que el sólido baja a un
   * cian que sí se lee y el aqua se queda donde brilla: acentos, degradados y
   * detalles sobre fondo oscuro (`--color-primary-light`).
   */
  --color-primary: 14 116 144;          /* #0E7490 – blanco encima 5,36:1 */
  --color-primary-hover: 21 94 117;     /* #155E75 – 7,27:1 */
  --color-primary-light: 22 231 212;    /* #16E7D4 – el aqua del logo, para acentos */

  /* === Semánticos ===
   * `--color-success` era el aqua del logo: además de ilegible en blanco, se
   * confundía con la acción principal. Verde de la escala de estado. */
  --color-success: 4 120 87;            /* emerald-700 – 5,48:1 */
  --color-success-hover: 5 150 105;     /* emerald-600 */
  --color-danger: 220 38 38;            /* red-600 – 4,83:1 (red-500 daba 3,76) */
  --color-danger-hover: 185 28 28;
  --color-warning: 234 179 8;
  --color-warning-hover: 202 138 4;
  --color-info: 27 98 184;              /* #1B62B8 – el `--info` del brief, 6,02:1 */

  /* === Tipografía (rediseño 2 sep 2026) ===
   * Barlow titula, IBM Plex Sans es la interfaz, IBM Plex Mono lleva los datos
   * que se alinean en columna. Por ahora iguales en las cuatro marcas; están
   * aquí para que una pueda cambiarlas sin tocar ningún componente. */
  --font-sans: "IBM Plex Sans";
  --font-display: "Barlow";
  --font-mono: "IBM Plex Mono";
  /* === Chrome de navegación (ver theme/README.md § Chrome) ===
   * Los valores del brief: negro #05080D y aqua #16E7D4. */
  --chrome-ink: 5 8 13;
  --chrome-line: 44 53 65;
  --chrome-on: 198 205 213;
  --chrome-on-hi: 247 248 250;
  --chrome-on-dim: 124 136 150;
  --chrome-accent: 22 231 212;

  /* === Estado (escala propia; ver theme/README.md § Escala de estado) ===
   * `--color-success` es el aqua de marca (#16E7D4), que además es
   * `--color-primary-light`: usarlo para «pagado» lo confundiría con la
   * acción principal, y sobre blanco no tiene contraste para texto. */
  --state-positive: 4 120 87;           /* emerald-700 – distinto del aqua */
  --state-positive-border: 5 150 105;
  --state-positive-fg: 255 255 255;
  --state-attention: 245 158 11;        /* amber-500 – texto oscuro */
  --state-attention-border: 217 119 6;
  --state-attention-fg: 5 8 13;         /* negro de marca */
  --state-critical: 220 38 38;          /* red-600 */
  --state-critical-border: 239 68 68;
  --state-critical-fg: 255 255 255;
  --state-progress: 14 116 144;         /* cyan-700 – familia de marca, con contraste */
  --state-progress-border: 8 145 178;
  --state-progress-fg: 255 255 255;
  --state-neutral: 71 85 105;           /* slate-600 */
  --state-neutral-border: 100 116 139;
  --state-neutral-fg: 255 255 255;

  /* Color como texto: se mide contra --color-surface y cambia con el modo. */
  --state-positive-on-surface: 4 120 87;    /* emerald-700 – 5.48 sobre blanco */
  --state-attention-on-surface: 180 83 9;   /* amber-700   – 5.02 */
  --state-critical-on-surface: 220 38 38;   /* red-600     – 4.83 */
  --state-progress-on-surface: 21 94 117;   /* cyan-800    – 7.27 */

  /* === Superficies – modo claro === */
  /* Los valores del brief: papel blanco, lienzo #F1F3F6 y panel #EDF0F3. */
  --color-surface: 255 255 255;
  --color-surface-muted: 241 243 246;   /* #F1F3F6 – el «canvas» del brief */
  --color-panel: 237 240 243;           /* #EDF0F3 – «line2» como fondo suave */
  --color-aside: 5 8 13;                /* #05080D */
  --color-aside-brand: 5 8 13;
  --color-aside-menu: 198 205 213;      /* #C6CDD5 */
  --color-aside-menu-active: 247 248 250;
  --color-aside-menu-bg: 35 42 51;      /* #232A33 */
  --color-aside-dropdown: 21 28 38;     /* #151C26 */
  /* Rótulos de la barra superior: son texto sobre blanco. El aqua de marca
     daba 2,96:1 al pasar el ratón y 3,68:1 en el activo: color, sí; legible,
     no. Mismo cian que el primario. */
  --color-navbar-label: 15 23 32;       /* #0F1720 – el texto del brief */
  --color-navbar-label-hover: 14 116 144;   /* #0E7490 – 5,36:1 */
  --color-navbar-label-active: 21 94 117;   /* #155E75 – 7,27:1 */
  --color-overlay-from: 16 21 29;
  --color-overlay-via: 5 8 13;
  --color-overlay-to: 11 17 25;

  /* === Neutros === */
  /* #0F1720 es el texto del brief; #05080D es su tinta de superficie, más
     dura, y usarla para leer párrafos endurece toda la pantalla. */
  --color-text: 15 23 32;               /* #0F1720 */
  --color-text-muted: 90 102 114;       /* #5A6672 – el `--muted` del brief.
                                           #98A4B4 daba 2,38:1 sobre el fondo
                                           de página: no era gris secundario,
                                           era texto invisible. */
  --color-border: 223 228 233;          /* #DFE4E9 – la «line» del brief */
  --color-border-dark: 46 57 70;        /* #2E3946 */

  --color-input: 247 248 250;

  /* El raíl es oscuro en los dos modos: el pulgar tiene que verse sobre él
     sin ser lo más brillante de la pantalla. */
  --color-scrollbar-track: 5 8 13;
  --color-scrollbar-thumb: 70 82 95;    /* #46525F */

  --color-photo-select-accent: var(--color-primary);
}
html.dark[data-theme="TOQUELAB"] {
  /* Color como texto, aclarado para la card oscura. */
  --state-positive-on-surface: 52 211 153;  /* emerald-400 – 8.91 sobre #151C26 */
  --state-attention-on-surface: 251 191 36; /* amber-400   – 10.26 */
  --state-critical-on-surface: 248 113 113; /* red-400     – 6.19 */
  --state-progress-on-surface: 34 211 238;  /* cyan-400    – 9.48 */

  --color-surface: 21 28 38;            /* #151C26 */
  --color-surface-muted: 5 8 13;        /* #05080D */
  --color-panel: 16 21 29;              /* #10151D */
  --color-aside: 5 8 13;
  --color-aside-brand: 5 8 13;
  --color-aside-menu: 198 205 213;
  --color-aside-menu-active: 247 248 250;
  --color-aside-menu-bg: 35 42 51;
  --color-aside-dropdown: 11 17 25;
  --color-navbar-label: 247 248 250;
  --color-navbar-label-hover: 22 231 212;
  --color-navbar-label-active: 16 207 232;
  --color-overlay-from: 16 21 29;
  --color-overlay-via: 5 8 13;
  --color-overlay-to: 11 17 25;

  --color-text: 247 248 250;            /* #F7F8FA */
  --color-text-muted: 152 164 180;
  --color-border: 35 42 51;
  --color-border-dark: 46 57 70;

  --color-input: 16 21 29;

  --color-scrollbar-track: 5 8 13;
  --color-scrollbar-thumb: 70 82 95;    /* #46525F – no el aqua de neón */
}
/* =============================================================================
 * ToqueLab: la marca es un degradado, no un negro plano
 *
 * El logo va de aqua (#16E7D4) a azul (#177FE6) pasando por cian (#10CFE8), y
 * la paleta oficial se llama «deep black + aqua/cyan/blue». La aplicación
 * estaba usando el negro para todo el cromo —cabeceras públicas, botones
 * sólidos, pastillas activas— y de las tres marcas de color solo asomaba el
 * aqua en los enlaces.
 *
 * Dos clases, solo aquí:
 *   .brand-chrome  cabeceras oscuras (evento público, ranking, galería)
 *   .brand-solid   lo que en otras marcas es un bloque negro sólido
 *
 * En las otras tres marcas estas clases no tienen reglas y manda `bg-aside`,
 * que es lo que ya hacían.
 * ============================================================================= */
html[data-theme="TOQUELAB"] .brand-chrome {
  /* Del negro de marca al azul del logo: la misma diagonal del isotipo. */
  background-image: linear-gradient(135deg, #05080D 0%, #07202C 45%, #0B3D57 100%);
}
html[data-theme="TOQUELAB"] .brand-solid {
  background-image: linear-gradient(135deg, #16E7D4 0%, #10CFE8 48%, #177FE6 100%);
  /* Texto oscuro: el aqua y el cian no sostienen texto blanco. */
  color: #05080D;
  border-color: transparent;
}
html[data-theme="TOQUELAB"] .brand-solid svg {
  color: #05080D;
}
/* =============================================================================
 * ToqueLab: tokens de categorías del evento (filas, leyenda, badges)
 * Evita heredar fills claros de :root (GesTorneo) que rompen contraste en dark.
 * ============================================================================= */
html[data-theme="TOQUELAB"] {
  --fiq-cat-single-fill: 255 251 235;
  --fiq-cat-single-fill-opacity: 0.9;
  --fiq-cat-single-accent: 217 119 6;
  --fiq-cat-outdated-fill: 255 241 242;
  --fiq-cat-outdated-fill-opacity: 0.9;
  --fiq-cat-outdated-accent: 225 29 72;
  --fiq-cat-same-fill: 236 254 255;
  --fiq-cat-same-fill-opacity: 0.95;
  --fiq-cat-same-accent: 8 145 178;
  --fiq-cat-badge-single-bg: 254 243 199;
  --fiq-cat-badge-single-bg-opacity: 1;
  --fiq-cat-badge-single-text: 146 64 14;
  --fiq-cat-badge-outdated-bg: 255 228 230;
  --fiq-cat-badge-outdated-bg-opacity: 1;
  --fiq-cat-badge-outdated-text: 190 18 60;
  --fiq-cat-badge-same-bg: 207 250 254;
  --fiq-cat-badge-same-bg-opacity: 1;
  --fiq-cat-badge-same-text: 14 116 144;
}
html.dark[data-theme="TOQUELAB"] {
  --fiq-cat-single-fill: 234 179 8;
  --fiq-cat-single-fill-opacity: 0.16;
  --fiq-cat-single-accent: 250 204 21;
  --fiq-cat-outdated-fill: 244 63 94;
  --fiq-cat-outdated-fill-opacity: 0.16;
  --fiq-cat-outdated-accent: 251 113 133;
  --fiq-cat-same-fill: 14 165 185;
  --fiq-cat-same-fill-opacity: 0.16;
  --fiq-cat-same-accent: 34 211 238;
  --fiq-cat-badge-single-bg: 234 179 8;
  --fiq-cat-badge-single-bg-opacity: 0.24;
  --fiq-cat-badge-single-text: 254 240 138;
  --fiq-cat-badge-outdated-bg: 244 63 94;
  --fiq-cat-badge-outdated-bg-opacity: 0.24;
  --fiq-cat-badge-outdated-text: 254 205 211;
  --fiq-cat-badge-same-bg: 14 165 185;
  --fiq-cat-badge-same-bg-opacity: 0.24;
  --fiq-cat-badge-same-text: 165 243 252;
}
/* ToqueLab: ModalSweet / SweetAlert2 */
html[data-theme="TOQUELAB"] .swal2-container .swal2-popup {
  background: rgb(var(--color-surface)) !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="TOQUELAB"] .swal2-container .swal2-title,
html[data-theme="TOQUELAB"] .swal2-container .swal2-html-container {
  color: rgb(var(--color-text)) !important;
}
html[data-theme="TOQUELAB"] .swal2-icon.swal2-warning {
  border-color: rgb(var(--color-warning)) !important;
  color: rgb(var(--color-warning)) !important;
}
html[data-theme="TOQUELAB"] .swal2-icon.swal2-error {
  border-color: rgb(var(--color-danger)) !important;
  color: rgb(var(--color-danger)) !important;
}
html[data-theme="TOQUELAB"] .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  background-color: rgb(var(--color-danger)) !important;
}
html[data-theme="TOQUELAB"] .swal2-icon.swal2-info {
  border-color: rgb(var(--color-info)) !important;
  color: rgb(var(--color-info)) !important;
}
html[data-theme="TOQUELAB"] .swal2-icon.swal2-success {
  border-color: rgb(var(--color-success)) !important;
  color: rgb(var(--color-success)) !important;
}
html[data-theme="TOQUELAB"] .swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: rgb(var(--color-success)) !important;
}
html[data-theme="TOQUELAB"] .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgb(var(--color-success) / 0.3) !important;
}
html.dark[data-theme="TOQUELAB"] .swal2-container .swal2-popup {
  background: rgb(var(--color-surface)) !important;
  color: rgb(var(--color-text)) !important;
}
html.dark[data-theme="TOQUELAB"] .swal2-container .swal2-title,
html.dark[data-theme="TOQUELAB"] .swal2-container .swal2-html-container {
  color: rgb(var(--color-text)) !important;
}
html.dark[data-theme="TOQUELAB"] .mobile-bottom-nav__fab {
  border-color: rgb(22 231 212 / 0.85);
}
/* =============================================================================
 * ToqueLab: botones primary/success — turquesa marca + letras blancas
 * ============================================================================= */
html[data-theme="TOQUELAB"] button.bg-primary,
html[data-theme="TOQUELAB"] a.bg-primary,
html[data-theme="TOQUELAB"] button.bg-primary-hover,
html[data-theme="TOQUELAB"] a.bg-primary-hover,
html[data-theme="TOQUELAB"] button.bg-success,
html[data-theme="TOQUELAB"] a.bg-success,
html[data-theme="TOQUELAB"] button.bg-success-hover,
html[data-theme="TOQUELAB"] a.bg-success-hover {
  background-color: #0EA5B9 !important;
  border-color: #0EA5B9 !important;
  color: #ffffff !important;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
html[data-theme="TOQUELAB"] button.bg-primary:hover:not(:disabled),
html[data-theme="TOQUELAB"] a.bg-primary:hover:not(:disabled),
html[data-theme="TOQUELAB"] button.bg-primary-hover:hover:not(:disabled),
html[data-theme="TOQUELAB"] a.bg-primary-hover:hover:not(:disabled),
html[data-theme="TOQUELAB"] button.bg-success:hover:not(:disabled),
html[data-theme="TOQUELAB"] a.bg-success:hover:not(:disabled),
html[data-theme="TOQUELAB"] button.bg-success-hover:hover:not(:disabled),
html[data-theme="TOQUELAB"] a.bg-success-hover:hover:not(:disabled) {
  background-color: #10CFE8 !important;
  border-color: #10CFE8 !important;
  color: #ffffff !important;
}
html[data-theme="TOQUELAB"] button.bg-primary svg,
html[data-theme="TOQUELAB"] a.bg-primary svg,
html[data-theme="TOQUELAB"] button.bg-primary-hover svg,
html[data-theme="TOQUELAB"] a.bg-primary-hover svg,
html[data-theme="TOQUELAB"] button.bg-success svg,
html[data-theme="TOQUELAB"] a.bg-success svg,
html[data-theme="TOQUELAB"] button.bg-success-hover svg,
html[data-theme="TOQUELAB"] a.bg-success-hover svg,
html[data-theme="TOQUELAB"] button.bg-primary span,
html[data-theme="TOQUELAB"] a.bg-primary span,
html[data-theme="TOQUELAB"] button.bg-success span,
html[data-theme="TOQUELAB"] a.bg-success span {
  color: #ffffff !important;
  fill: currentColor !important;
  filter: none;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
/* Outline primary/info: texto e icono turquesa */
html[data-theme="TOQUELAB"] button.base-button--outline.border-primary,
html[data-theme="TOQUELAB"] a.base-button--outline.border-primary,
html[data-theme="TOQUELAB"] button.base-button--outline.border-success,
html[data-theme="TOQUELAB"] a.base-button--outline.border-success {
  color: #10CFE8 !important;
  border-color: #10CFE8 !important;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
html[data-theme="TOQUELAB"] button.base-button--outline.border-primary:hover:not(:disabled),
html[data-theme="TOQUELAB"] a.base-button--outline.border-primary:hover:not(:disabled),
html[data-theme="TOQUELAB"] button.base-button--outline.border-success:hover:not(:disabled),
html[data-theme="TOQUELAB"] a.base-button--outline.border-success:hover:not(:disabled) {
  background-color: #0EA5B9 !important;
  border-color: #0EA5B9 !important;
  color: #ffffff !important;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
html[data-theme="TOQUELAB"] button.base-button--outline.border-primary:hover:not(:disabled) svg,
html[data-theme="TOQUELAB"] a.base-button--outline.border-primary:hover:not(:disabled) svg,
html[data-theme="TOQUELAB"] button.base-button--outline.border-success:hover:not(:disabled) svg,
html[data-theme="TOQUELAB"] a.base-button--outline.border-success:hover:not(:disabled) svg {
  color: #ffffff !important;
  fill: currentColor !important;
  filter: none;
}
/* Botones blancos secundarios: borde visible en dark */
html.dark[data-theme="TOQUELAB"] button.bg-white,
html.dark[data-theme="TOQUELAB"] a.bg-white {
  background-color: #F7F8FA !important;
  color: #05080D !important;
  border-color: #C6CDD5 !important;
}
html.dark[data-theme="TOQUELAB"] button.bg-white svg,
html.dark[data-theme="TOQUELAB"] a.bg-white svg,
html.dark[data-theme="TOQUELAB"] button.bg-white span,
html.dark[data-theme="TOQUELAB"] a.bg-white span {
  color: #05080D !important;
  fill: currentColor !important;
}
/* =============================================================================
 * ToqueLab: reemplazo de morado/indigo/rosa (misma idea que 7UC)
 * Acentos → aqua/cyan/azul marca (#16E7D4 / #10CFE8 / #0EA5B9 / #177FE6)
 * ============================================================================= */
/* =============================================================================
 * ToqueLab: el menú lateral se lee
 *
 * Los ítems inactivos llevan `aside-menu-item-inactive text-text-muted`: dos
 * colores para lo mismo, y gana el segundo, que es el gris secundario de la
 * PÁGINA (#5A6672). Sobre el negro del raíl eso da 3,4:1 —el «medio gris» de
 * los iconos y las letras—: ese gris está calibrado para leerse sobre blanco,
 * no sobre tinta.
 *
 * Aquí van en el claro del chrome, que es el que se midió contra ese fondo
 * (18,9:1). Lo activo sigue distinguiéndose por su fondo, no por ser el único
 * legible.
 * ============================================================================= */
html[data-theme="TOQUELAB"] .aside-shell .aside-menu-item-inactive,
html[data-theme="TOQUELAB"] .aside-shell .aside-menu-item-inactive svg {
  color: rgb(var(--chrome-on-hi)) !important;
}
/* Rótulos de grupo («Competir», «Configurar») y contadores: literales
   `text-white/40` y `text-white/45`, que sobre la tinta quedan en 2,5:1. */
html[data-theme="TOQUELAB"] .aside-shell .text-white\/40,
html[data-theme="TOQUELAB"] .aside-shell .text-white\/45 {
  color: rgb(var(--chrome-on-dim)) !important;
}
/* Navbar: pastilla del rol
 *
 * El componente la pinta en índigo, que no es de ninguna marca. Aquí ponía el
 * aqua del logo como texto sobre un tinte claro: 1,4:1 en la barra blanca, es
 * decir, invisible. Ahora es un tinte del cian de marca con el texto normal
 * encima, que es el patrón de tinte del sistema: color sin gritar y legible.
 */
html[data-theme="TOQUELAB"] .navbar-role-badge,
html[data-theme="TOQUELAB"] .navbar-role-badge.text-indigo-400,
html[data-theme="TOQUELAB"] .navbar-role-badge.text-indigo-600 {
  background-color: rgb(var(--color-primary) / 0.12) !important;
  color: rgb(var(--color-text)) !important;
  border-color: rgb(var(--color-primary) / 0.35) !important;
}
html.dark[data-theme="TOQUELAB"] .navbar-role-badge,
html.dark[data-theme="TOQUELAB"] .navbar-role-badge.text-indigo-400,
html.dark[data-theme="TOQUELAB"] .navbar-role-badge.text-indigo-600 {
  /* Sobre el oscuro sí manda el aqua: ahí sí se lee. */
  background-color: rgb(var(--color-primary) / 0.22) !important;
  color: rgb(var(--color-primary-light)) !important;
  border-color: rgb(var(--color-primary) / 0.45) !important;
}
/* =============================================================================
 * ToqueLab: paginación de las tablas
 *
 * Los números que no son la página actual se pintan con `whiteDark`, que es
 * `bg-gray-100`: un gris literal, ajeno al tema, que en la marca clara queda
 * como una mancha entre el blanco de la tarjeta y el lienzo, y no distingue en
 * qué página estás —que es lo único que esa barra tiene que decir—.
 *
 * Aquí: contorno sobre la superficie para los demás, y el cian de marca,
 * sólido, para la página actual.
 * ============================================================================= */
html[data-theme="TOQUELAB"] .table-pagination {
  border-top: 1px solid rgb(var(--color-border));
}
/* La tabla es blanca: un botón blanco encima no se ve. Los que no son la
   página actual van sobre el lienzo gris con su contorno. */
html[data-theme="TOQUELAB"] .table-pagination button:not(.bg-primary):not(:disabled) {
  background-color: rgb(var(--color-surface-muted)) !important;
  border-color: rgb(var(--color-border)) !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="TOQUELAB"] .table-pagination button:not(.bg-primary):not(:disabled):hover {
  background-color: rgb(var(--color-panel)) !important;
  border-color: rgb(var(--color-primary) / 0.4) !important;
}
/* Y la página actual, en el negro de marca: es la única que tiene que
   distinguirse de un vistazo, y sobre blanco nada lo hace mejor. */
html[data-theme="TOQUELAB"] .table-pagination button.bg-primary {
  background-color: rgb(var(--chrome-ink)) !important;
  border-color: rgb(var(--chrome-ink)) !important;
  color: rgb(var(--chrome-on-hi)) !important;
}
/* «Anterior» y «Siguiente» son los únicos con contorno de marca
   (`border-primary`): son acciones, no números, y en cian claro sobre blanco
   se leían igual de flojo. Van en el negro de marca, como la página actual. */
html[data-theme="TOQUELAB"] .table-pagination button.border-primary:not(:disabled) {
  background-color: transparent !important;
  border-color: rgb(var(--chrome-ink)) !important;
  color: rgb(var(--chrome-ink)) !important;
}
html[data-theme="TOQUELAB"] .table-pagination button.border-primary:not(:disabled):hover {
  background-color: rgb(var(--chrome-ink)) !important;
  color: rgb(var(--chrome-on-hi)) !important;
}
html[data-theme="TOQUELAB"] .table-pagination button.border-primary:disabled {
  border-color: rgb(var(--color-border)) !important;
  color: rgb(var(--color-text-muted)) !important;
}
html.dark[data-theme="TOQUELAB"] .table-pagination button.border-primary:not(:disabled) {
  border-color: rgb(var(--color-primary)) !important;
  color: rgb(var(--color-primary-light)) !important;
}
html.dark[data-theme="TOQUELAB"] .table-pagination button:not(.bg-primary):not(:disabled) {
  background-color: rgb(var(--color-surface-muted)) !important;
  border-color: rgb(var(--color-border)) !important;
  color: rgb(var(--color-text)) !important;
}
/* En oscuro el negro no distingue nada: ahí la actual va en el cian. */
html.dark[data-theme="TOQUELAB"] .table-pagination button.bg-primary {
  background-color: rgb(var(--color-primary)) !important;
  border-color: rgb(var(--color-primary)) !important;
  color: rgb(255 255 255) !important;
}
/* Tabs genéricos: activo → primary */
html[data-theme="TOQUELAB"] .base-tabs-scroll button.border-blue-500 {
  border-color: rgb(var(--color-primary)) !important;
  color: rgb(var(--color-primary-light)) !important;
}
html[data-theme="TOQUELAB"] .base-tabs-scroll button.bg-blue-600 {
  background-color: rgb(var(--color-primary)) !important;
  border-color: rgb(var(--color-primary)) !important;
  color: rgb(255 255 255) !important;
}
/* Perfil: banner → deep black + franja aqua */
html[data-theme="TOQUELAB"] .profile-page .profile-banner {
  background: linear-gradient(
    90deg,
    #05080D 0%,
    #0B1119 40%,
    #10151D 70%,
    #0EA5B9 100%
  ) !important;
  border-bottom: 3px solid #16E7D4 !important;
}
/* Perfil: avatar sin foto */
html[data-theme="TOQUELAB"] .profile-avatar-bg {
  background: linear-gradient(135deg, #0EA5B9 0%, #177FE6 100%) !important;
}
/* Perfil: badge del rol en la card */
html[data-theme="TOQUELAB"] .profile-page .profile-role-badge {
  background: linear-gradient(90deg, #0EA5B9, #16E7D4) !important;
  color: #05080D !important;
  border-color: transparent !important;
}
html[data-theme="TOQUELAB"] .profile-page .profile-role-badge svg {
  color: #05080D !important;
}
/* Perfil: pestaña activa */
html[data-theme="TOQUELAB"] .profile-page .base-tabs-scroll button.border-blue-500 {
  border-color: #16E7D4 !important;
  color: #16E7D4 !important;
}
html[data-theme="TOQUELAB"] .profile-page .base-tabs-scroll button.border-blue-500 svg {
  color: #16E7D4 !important;
  fill: currentColor !important;
}
/* Perfil: iconos de sección */
html[data-theme="TOQUELAB"] .profile-page .profile-section-icon {
  background: linear-gradient(135deg, #0EA5B9, #177FE6) !important;
}
html[data-theme="TOQUELAB"] .profile-page .profile-section-icon svg {
  color: rgb(255 255 255) !important;
}
/* Perfil: card tips sin morado */
html[data-theme="TOQUELAB"] .profile-tips-card {
  background: linear-gradient(
    to bottom right,
    rgb(var(--color-primary) / 0.18),
    rgb(var(--color-surface))
  ) !important;
  border-color: rgb(var(--color-primary) / 0.35) !important;
}
/* Deportes: icono del card (sin imagen) → cyan→azul marca */
html[data-theme="TOQUELAB"] .sport-card-icon-bg.bg-gradient-to-br {
  background: linear-gradient(135deg, #16E7D4 0%, #10CFE8 45%, #177FE6 100%) !important;
}
/* Deportes: siglas */
html[data-theme="TOQUELAB"] .sport-card-acronym {
  color: rgb(var(--color-primary-light)) !important;
}
/* Deportes: anillo / focus / checkbox indigo → primary */
html[data-theme="TOQUELAB"] .ring-indigo-500,
html[data-theme="TOQUELAB"] .focus\:ring-indigo-500:focus,
html[data-theme="TOQUELAB"] .focus-visible\:ring-indigo-500:focus-visible {
  --tw-ring-color: rgb(var(--color-primary) / 0.7) !important;
}
html[data-theme="TOQUELAB"] .text-indigo-600,
html[data-theme="TOQUELAB"] input.text-indigo-600 {
  color: rgb(var(--color-primary-light)) !important;
}
/* Eventos: placeholders de logo / banner */
html[data-theme="TOQUELAB"] .event-card-banner {
  background: linear-gradient(135deg, #05080D, #10151D) !important;
}
html[data-theme="TOQUELAB"] .event-show-logo-bg.bg-gradient-to-br {
  background: linear-gradient(135deg, #16E7D4, #177FE6) !important;
}
/* Clases indigo/purple/violet genéricas → marca ToqueLab */
html[data-theme="TOQUELAB"] .text-indigo-600:not(.navbar-role-badge),
html[data-theme="TOQUELAB"] .text-indigo-400:not(.navbar-role-badge),
html[data-theme="TOQUELAB"] .text-indigo-500,
html[data-theme="TOQUELAB"] .text-indigo-300,
html[data-theme="TOQUELAB"] .text-indigo-700,
html[data-theme="TOQUELAB"] .text-purple-600,
html[data-theme="TOQUELAB"] .text-purple-400,
html[data-theme="TOQUELAB"] .text-purple-500,
html[data-theme="TOQUELAB"] .text-purple-300,
html[data-theme="TOQUELAB"] .text-violet-500,
html[data-theme="TOQUELAB"] .text-violet-600,
html[data-theme="TOQUELAB"] .text-violet-400,
html[data-theme="TOQUELAB"] .text-violet-300 {
  color: rgb(var(--color-primary-light)) !important;
}
html[data-theme="TOQUELAB"] .bg-indigo-600,
html[data-theme="TOQUELAB"] .bg-indigo-500,
html[data-theme="TOQUELAB"] .bg-purple-600,
html[data-theme="TOQUELAB"] .bg-purple-500,
html[data-theme="TOQUELAB"] .bg-violet-500,
html[data-theme="TOQUELAB"] .bg-violet-600 {
  background-color: rgb(var(--color-primary)) !important;
}
html[data-theme="TOQUELAB"] .bg-indigo-50,
html[data-theme="TOQUELAB"] .bg-purple-50,
html[data-theme="TOQUELAB"] .bg-violet-50,
html[data-theme="TOQUELAB"] .bg-indigo-100,
html[data-theme="TOQUELAB"] .bg-purple-100,
html[data-theme="TOQUELAB"] .bg-violet-100 {
  background-color: rgb(var(--color-primary) / 0.12) !important;
}
html[data-theme="TOQUELAB"] .bg-indigo-900\/20,
html[data-theme="TOQUELAB"] .bg-purple-900\/20,
html[data-theme="TOQUELAB"] .bg-violet-900\/20,
html[data-theme="TOQUELAB"] .bg-indigo-900\/30,
html[data-theme="TOQUELAB"] .bg-purple-900\/30,
html[data-theme="TOQUELAB"] .bg-violet-900\/30,
html[data-theme="TOQUELAB"] .bg-indigo-900\/35,
html[data-theme="TOQUELAB"] .bg-purple-900\/35,
html[data-theme="TOQUELAB"] .bg-violet-900\/35,
html[data-theme="TOQUELAB"] [class*="bg-indigo-900/"],
html[data-theme="TOQUELAB"] [class*="bg-purple-900/"],
html[data-theme="TOQUELAB"] [class*="bg-violet-900/"],
html[data-theme="TOQUELAB"] [class*="bg-indigo-500/"],
html[data-theme="TOQUELAB"] [class*="bg-violet-500/"] {
  background-color: rgb(var(--color-primary) / 0.18) !important;
}
html[data-theme="TOQUELAB"] .border-indigo-200,
html[data-theme="TOQUELAB"] .border-indigo-400,
html[data-theme="TOQUELAB"] .border-indigo-500,
html[data-theme="TOQUELAB"] .border-indigo-700,
html[data-theme="TOQUELAB"] .border-indigo-800,
html[data-theme="TOQUELAB"] .border-purple-200,
html[data-theme="TOQUELAB"] .border-purple-500,
html[data-theme="TOQUELAB"] .border-violet-200,
html[data-theme="TOQUELAB"] .border-violet-500,
html[data-theme="TOQUELAB"] [class*="border-indigo"],
html[data-theme="TOQUELAB"] [class*="border-purple"],
html[data-theme="TOQUELAB"] [class*="border-violet"] {
  border-color: rgb(var(--color-primary) / 0.45) !important;
}
/* Spinners / loaders indigo */
html[data-theme="TOQUELAB"] .border-indigo-500 {
  border-color: rgb(var(--color-primary)) !important;
}
/* Gradientes purple/pink/blue del perfil y similares */
html[data-theme="TOQUELAB"] .bg-gradient-to-r.from-blue-500.via-purple-500.to-pink-500,
html[data-theme="TOQUELAB"] .bg-gradient-to-br.from-blue-500.to-purple-600,
html[data-theme="TOQUELAB"] .bg-gradient-to-r.from-blue-500.to-purple-600,
html[data-theme="TOQUELAB"] .bg-gradient-to-br.from-indigo-500.to-purple-600 {
  background-image: linear-gradient(135deg, #16E7D4 0%, #10CFE8 50%, #177FE6 100%) !important;
}
/* Notificaciones / pills moradas */
html[data-theme="TOQUELAB"] .bg-purple-100,
html[data-theme="TOQUELAB"] .dark\:bg-purple-900\/20,
html[data-theme="TOQUELAB"] .dark\:bg-purple-900\/30 {
  background-color: rgb(var(--color-primary) / 0.15) !important;
}
/* Header móvil de deporte activo */
html[data-theme="TOQUELAB"] .mobile-sport-header__inner {
  border-left: 3px solid #16E7D4;
}
html[data-theme="TOQUELAB"] .mobile-sport-header__acronym {
  background-color: rgb(var(--color-primary)) !important;
  color: #05080D !important;
}
/* =============================================================================
 * ToqueLab: vue-multiselect (legible en claro y oscuro)
 * ============================================================================= */
html[data-theme="TOQUELAB"] .multiselect {
  color: rgb(var(--color-text));
  min-height: 42px;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="TOQUELAB"] .multiselect__tags {
  min-height: 42px;
  padding-top: 8px;
  background: rgb(var(--color-input)) !important;
  border: 1px solid rgb(var(--color-border)) !important;
  border-radius: 0.5rem;
  overflow: hidden;
}
html[data-theme="TOQUELAB"] .multiselect__input,
html[data-theme="TOQUELAB"] .multiselect__single {
  background: transparent !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="TOQUELAB"] .multiselect__placeholder {
  color: rgb(var(--color-text-muted)) !important;
}
html[data-theme="TOQUELAB"] .multiselect__select::before {
  border-top-color: rgb(var(--color-text-muted));
}
html[data-theme="TOQUELAB"] .multiselect__content-wrapper {
  background: rgb(var(--color-surface)) !important;
  border: 1px solid rgb(var(--color-border)) !important;
  box-shadow: 0 10px 25px rgb(0 0 0 / 0.35);
}
html[data-theme="TOQUELAB"] .multiselect__content,
html[data-theme="TOQUELAB"] .multiselect__option {
  background: rgb(var(--color-surface)) !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="TOQUELAB"] .multiselect__option .text-text,
html[data-theme="TOQUELAB"] .multiselect__option .text-text-muted,
html[data-theme="TOQUELAB"] .multiselect__option span {
  color: inherit !important;
}
html[data-theme="TOQUELAB"] .multiselect__option--highlight {
  background: rgb(var(--color-primary) / 0.22) !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="TOQUELAB"] .multiselect__option--selected {
  background: rgb(var(--color-primary) / 0.28) !important;
  color: rgb(var(--color-text)) !important;
  font-weight: 600;
}
html[data-theme="TOQUELAB"] .multiselect__option--selected.multiselect__option--highlight {
  background: rgb(var(--color-primary) / 0.4) !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="TOQUELAB"] .multiselect__tag {
  background: rgb(var(--color-primary) / 0.22) !important;
  color: rgb(var(--color-text)) !important;
  border: 1px solid rgb(var(--color-primary) / 0.35);
}
html[data-theme="TOQUELAB"] .multiselect__tag-icon::after {
  color: rgb(var(--color-text-muted));
}
html[data-theme="TOQUELAB"] .multiselect__tag-icon:hover {
  background: rgb(var(--color-primary) / 0.35) !important;
}
html[data-theme="TOQUELAB"] .multiselect__spinner {
  background: rgb(var(--color-input)) !important;
}
html[data-theme="TOQUELAB"] .multiselect--disabled .multiselect__tags {
  opacity: 0.65;
}
/* Dashboard ranking: mismo contraste */
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect {
  position: relative;
  z-index: 1;
  min-height: 48px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect.multiselect--active {
  z-index: 30;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__tags {
  min-height: 48px;
  padding-top: 10px;
  padding-bottom: 6px;
  font-size: 0.9375rem;
  background: rgb(var(--color-input)) !important;
  border-color: rgb(var(--color-border)) !important;
  border-radius: 0.5rem;
  overflow: hidden;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__input,
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__single,
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__placeholder {
  color: rgb(var(--color-text)) !important;
  font-size: 0.9375rem;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option {
  color: rgb(var(--color-text)) !important;
  font-size: 0.9375rem;
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__content-wrapper {
  background: rgb(var(--color-surface)) !important;
  border-color: rgb(var(--color-border)) !important;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option--highlight {
  background: rgb(var(--color-primary) / 0.22) !important;
  color: rgb(var(--color-text)) !important;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .text-text,
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .text-text-muted {
  color: inherit !important;
}
/* Multiselect en modales */
html[data-theme="TOQUELAB"] .app-modal .multiselect__tags,
html[data-theme="TOQUELAB"] .app-modal .multiselect__content-wrapper {
  background: rgb(var(--color-surface)) !important;
  border-color: rgb(var(--color-border)) !important;
}
html[data-theme="TOQUELAB"] .app-modal .multiselect,
html[data-theme="TOQUELAB"] .app-modal .multiselect *,
html[data-theme="TOQUELAB"] .app-modal .multiselect__placeholder,
html[data-theme="TOQUELAB"] .app-modal .multiselect__single,
html[data-theme="TOQUELAB"] .app-modal .multiselect__input,
html[data-theme="TOQUELAB"] .app-modal .multiselect__option {
  color: rgb(var(--color-text)) !important;
}
/* =============================================================================
 * ToqueLab dark: inputs/selects legibles (SlideOver/modales + forms plugin)
 * Refuerzo del override global en components.css.
 * ============================================================================= */
html.dark[data-theme="TOQUELAB"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="reset"]),
html.dark[data-theme="TOQUELAB"] select,
html.dark[data-theme="TOQUELAB"] textarea {
  color: rgb(var(--color-text)) !important;
  -webkit-text-fill-color: rgb(var(--color-text)) !important;
  color-scheme: dark;
  background-color: rgb(var(--color-input)) !important;
}
html.dark[data-theme="TOQUELAB"] input::-moz-placeholder, html.dark[data-theme="TOQUELAB"] textarea::-moz-placeholder {
  color: rgb(var(--color-text-muted)) !important;
  -webkit-text-fill-color: rgb(var(--color-text-muted)) !important;
  opacity: 1;
}
html.dark[data-theme="TOQUELAB"] input::placeholder,
html.dark[data-theme="TOQUELAB"] textarea::placeholder {
  color: rgb(var(--color-text-muted)) !important;
  -webkit-text-fill-color: rgb(var(--color-text-muted)) !important;
  opacity: 1;
}
html.dark[data-theme="TOQUELAB"] select option {
  background-color: rgb(var(--color-panel));
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.font-bold,
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.font-semibold,
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .text-text {
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .text-text-muted {
  color: rgb(var(--color-text-muted));
}
/* ==========================================================================
   TOQUELAB · cabecera de pantalla en oscuro
   ==========================================================================
   El mismo par de colores que el raíl lateral y que la barra de selección de
   los catálogos: fondo `--color-aside` (#05080D) y texto `--chrome-on-hi`.
   Contraste 18,88:1 en el título y 12,51:1 en la línea de contexto, así que
   sobra para AA sin saturar.

   Solo en esta marca: GESTORNEO, FIGHTIQ y 7UC conservan su cabecera clara.
   `.screen-chrome` es la marca que ponen las dos cabeceras —la de plataforma
   y la del evento— y no pinta nada por sí sola.

   El icono de la pantalla no se toca: es lo que la identifica.
   ========================================================================== */
html[data-theme="TOQUELAB"] .screen-chrome,
html.dark[data-theme="TOQUELAB"] .screen-chrome {
  background-color: rgb(var(--color-aside));
  border-color: rgb(var(--chrome-line));
}
html[data-theme="TOQUELAB"] .screen-chrome .screen-chrome__title,
html.dark[data-theme="TOQUELAB"] .screen-chrome .screen-chrome__title {
  color: rgb(var(--chrome-on-hi));
}
html[data-theme="TOQUELAB"] .screen-chrome .screen-chrome__sub,
html.dark[data-theme="TOQUELAB"] .screen-chrome .screen-chrome__sub {
  color: rgb(var(--chrome-on));
}
/* Los botones sin relleno heredan texto negro y borde gris claro: sobre el
   oscuro desaparecen. Los sólidos —blanco, azul, rojo— se ven solos. */
html[data-theme="TOQUELAB"] .screen-chrome .base-button--outline,
html.dark[data-theme="TOQUELAB"] .screen-chrome .base-button--outline {
  color: rgb(var(--chrome-on-hi)) !important;
  border-color: rgb(var(--chrome-line)) !important;
  background-color: transparent !important;
}
html[data-theme="TOQUELAB"] .screen-chrome .base-button--outline:hover:not(:disabled),
html.dark[data-theme="TOQUELAB"] .screen-chrome .base-button--outline:hover:not(:disabled) {
  background-color: rgb(var(--chrome-line) / 0.45) !important;
  border-color: rgb(var(--chrome-on-dim)) !important;
}
html[data-theme="TOQUELAB"] .screen-chrome .base-button--outline svg,
html.dark[data-theme="TOQUELAB"] .screen-chrome .base-button--outline svg {
  color: inherit !important;
  fill: currentColor !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
/*
   * `.screen-chrome` marca la cabecera de una pantalla —la de plataforma y la
   * del evento— y no pinta nada por sí sola: cada marca decide. Hoy solo
   * TOQUELAB la usa, para llevarla a oscuro con el par del raíl
   * (`--color-aside` + `--chrome-on-hi`); las otras tres siguen con su
   * cabecera clara de siempre.
   */
.aside {
    background-color: rgb(var(--color-aside));
    border-right: 1px solid rgb(var(--color-aside-menu-bg) / 0.45);
  }
.aside-shell {
    box-shadow: none;
  }
.aside-scrollbars {
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-scrollbar-thumb)) rgb(var(--color-scrollbar-track));
  }
.aside-scrollbars::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
.aside-scrollbars::-webkit-scrollbar-track {
    background-color: rgb(var(--color-scrollbar-track));
  }
.aside-scrollbars::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    background-color: rgb(var(--color-scrollbar-thumb));
  }
.aside-brand {
    background-color: rgb(var(--color-aside-brand));
    color: white;
  }
.aside-menu-item {
    color: rgb(var(--color-aside-menu));
  }
.aside-menu-item:hover {
    color: rgb(var(--color-aside-menu-active));
  }
.aside-menu-item-active {
    color: rgb(var(--color-aside-menu-active));
  }
.aside-menu-item-active-bg {
    background-color: rgb(var(--color-aside-menu-bg) / 0.15);
  }
.aside-menu-item-inactive {
    color: rgb(var(--color-aside-menu));
  }
.aside-menu-dropdown {
    background-color: rgb(var(--color-aside-dropdown) / 0.25);
  }
.navbar-item-label {
    color: rgb(var(--color-navbar-label));
  }
.navbar-item-label:hover {
    color: rgb(var(--color-navbar-label-hover));
  }
.navbar-item-label-active {
    color: rgb(var(--color-navbar-label-active));
  }
/* Botones con fondo blanco: texto siempre oscuro para que se lea (evita herencia text-white en modales) */
button.bg-white,
  a.bg-white,
  button.bg-gray-100,
  a.bg-gray-100 {
    color: rgb(17 24 39) !important;
  }
button.bg-white svg,
  a.bg-white svg,
  button.bg-gray-100 svg,
  a.bg-gray-100 svg {
    color: inherit !important;
  }
.overlay {
    background: linear-gradient(
      to bottom,
      rgb(var(--color-overlay-from)),
      rgb(var(--color-overlay-via)),
      rgb(var(--color-overlay-to))
    );
  }
/* Móvil: offset del header de disciplina/deporte activo (4rem bar + safe-area + gap) */
@media (max-width: 1023px) {
    .app-main-shell--mobile-sport-header {
      padding-top: calc(4rem + env(safe-area-inset-top, 0px) + 0.75rem);
    }

    .app-main-shell--no-mobile-header {
      padding-top: env(safe-area-inset-top, 0px);
    }

    .app-main-shell--mobile-sport-header .app-main-content > section:first-child,
    .app-main-shell--mobile-sport-header .app-main-content > div:first-child {
      scroll-margin-top: calc(4rem + env(safe-area-inset-top, 0px) + 0.75rem);
    }
  }
/* Panel unificado: buscador + tabla (Gestorneo y temas con variables CSS) */
.list-search-table-panel :deep(thead th) {
    background-color: rgb(var(--color-surface));
  }
.list-search-table-panel :deep(tbody tr:nth-child(odd):not([class*="category-row--"])) {
    background-color: rgb(var(--color-surface-muted) / 0.35);
  }
.list-search-table-panel :deep(.base-table__td-actions-sticky) {
    background-color: rgb(var(--color-surface)) !important;
  }
.list-search-table-panel
    :deep(tbody tr:nth-child(odd):not([class*="category-row--"]) .base-table__td-actions-sticky) {
    background-color: rgb(var(--color-surface-muted) / 0.35) !important;
  }
.list-search-table-panel :deep(tr.category-row--single .base-table__td-actions-sticky) {
    background-color: rgb(var(--fiq-cat-single-fill) / var(--fiq-cat-single-fill-opacity)) !important;
  }
.list-search-table-panel :deep(tr.category-row--outdated .base-table__td-actions-sticky) {
    background-color: rgb(var(--fiq-cat-outdated-fill) / var(--fiq-cat-outdated-fill-opacity)) !important;
  }
.list-search-table-panel :deep(tr.category-row--same-academy .base-table__td-actions-sticky) {
    background-color: rgb(var(--fiq-cat-same-fill) / var(--fiq-cat-same-fill-opacity)) !important;
  }
.list-search-table-panel :deep(tr.category-row--outdated.category-row--same-academy .base-table__td-actions-sticky) {
    background: linear-gradient(
      90deg,
      rgb(var(--fiq-cat-same-fill) / calc(var(--fiq-cat-same-fill-opacity) * 0.85)),
      rgb(var(--fiq-cat-outdated-fill) / var(--fiq-cat-outdated-fill-opacity))
    ) !important;
  }
.list-search-table-panel :deep(tr.category-row--single.category-row--outdated .base-table__td-actions-sticky) {
    background: linear-gradient(
      90deg,
      rgb(var(--fiq-cat-single-fill) / calc(var(--fiq-cat-single-fill-opacity) * 0.85)),
      rgb(var(--fiq-cat-outdated-fill) / var(--fiq-cat-outdated-fill-opacity))
    ) !important;
  }
/* Fotografías: selección en mosaico (galería pública, admin, uploader) */
.photo-select-btn {
    background-color: rgb(0 0 0 / 0.4);
    opacity: 0.9;
    transition: background-color 0.15s ease, opacity 0.15s ease;
  }
.photo-select-btn--selected {
    background-color: rgb(255 255 255 / 0.95);
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.08);
    opacity: 1;
  }
.photo-select-icon {
    color: rgb(255 255 255);
  }
.photo-select-icon--list-idle {
    color: rgb(var(--color-text-muted));
  }
.photo-select-icon--selected {
    color: rgb(var(--color-photo-select-accent));
  }
.photo-select-ring {
    box-shadow: inset 0 0 0 2px rgb(var(--color-photo-select-accent));
  }
.photo-select-card--selected {
    border-color: rgb(var(--color-photo-select-accent)) !important;
    box-shadow: 0 0 0 1px rgb(var(--color-photo-select-accent));
  }
/* Select nativo: coherente con FormControl (bg-input + texto del tema) */
.fiq-native-select {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
    cursor: pointer;
  }
.checkbox,
  .radio,
  .switch {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
}
.checkbox input[type='checkbox'],
  .radio input[type='radio'],
  .switch input[type='checkbox'] {
  position: absolute;
  left: 0px;
  z-index: -1;
  opacity: 0;
}
.checkbox input[type='checkbox'] + .check,
  .radio input[type='radio'] + .check,
  .switch input[type='checkbox'] + .check {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.checkbox input[type='checkbox'] + .check:is(.dark *),
  .radio input[type='radio'] + .check:is(.dark *),
  .switch input[type='checkbox'] + .check:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.checkbox input[type='checkbox']:focus + .check,
  .radio input[type='radio']:focus + .check,
  .switch input[type='checkbox']:focus + .check {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity, 1));
}
.checkbox input[type='checkbox'] + .check,
  .radio input[type='radio'] + .check {
  display: block;
  height: 1.25rem;
  width: 1.25rem;
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.checkbox input[type='checkbox'] + .check.font-bold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.checkbox input[type='checkbox'] + .check.font-bold,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.checkbox input[type='checkbox'] + .check.font-semibold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.checkbox input[type='checkbox'] + .check.font-semibold,html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label
  .radio input[type='radio'] + .check.font-bold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label
  .radio input[type='radio'] + .check.font-bold,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label
  .radio input[type='radio'] + .check.font-semibold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label
  .radio input[type='radio'] + .check.font-semibold {
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.checkbox input[type='checkbox'] + .check.font-bold,
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.checkbox input[type='checkbox'] + .check.font-semibold,html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label
  .radio input[type='radio'] + .check.font-bold,
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label
  .radio input[type='radio'] + .check.font-semibold {
  color: rgb(var(--color-text));
}
.checkbox input[type='checkbox'] + .check {
  border-radius: 0.25rem;
}
.switch input[type='checkbox'] + .check {
  display: flex;
  height: 1.5rem;
  width: 3rem;
  flex-shrink: 0;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  padding: 0.125rem;
}
.radio input[type='radio'] + .check,
  .switch input[type='checkbox'] + .check,
  .switch input[type='checkbox'] + .check:before {
  border-radius: 9999px;
}
.checkbox input[type='checkbox']:checked + .check,
  .radio input[type='radio']:checked + .check {
  border-width: 4px;
  background-position: center;
  background-repeat: no-repeat;
}
.checkbox input[type='checkbox']:checked + .check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E");
  }
.radio input[type='radio']:checked + .check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' /%3E%3C/svg%3E");
  }
.switch input[type='checkbox']:checked + .check,
  .checkbox input[type='checkbox']:checked + .check,
  .radio input[type='radio']:checked + .check {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.timer-gestorneo-theme .switch input[type='checkbox']:checked + .check,.timer-gestorneo-theme 
  .checkbox input[type='checkbox']:checked + .check,.timer-gestorneo-theme 
  .radio input[type='radio']:checked + .check { background-color: rgb(var(--color-primary-hover)); }

html[data-theme="7UC"] .switch input[type='checkbox']:checked + .check,
html[data-theme="7UC"] 
  .checkbox input[type='checkbox']:checked + .check,
html[data-theme="7UC"] 
  .radio input[type='radio']:checked + .check {
  background-color: rgb(var(--color-primary));
}
html[data-theme="7UC"] .base-tabs-scroll button.switch input[type='checkbox']:checked + .check,html[data-theme="7UC"] .base-tabs-scroll button
  .checkbox input[type='checkbox']:checked + .check,html[data-theme="7UC"] .base-tabs-scroll button
  .radio input[type='radio']:checked + .check {
  background-color: #111111;
  border-color: #111111;
  color: rgb(255 255 255);
}
html[data-theme="TOQUELAB"] .base-tabs-scroll button.switch input[type='checkbox']:checked + .check,html[data-theme="TOQUELAB"] .base-tabs-scroll button
  .checkbox input[type='checkbox']:checked + .check,html[data-theme="TOQUELAB"] .base-tabs-scroll button
  .radio input[type='radio']:checked + .check {
  background-color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
  color: rgb(255 255 255);
}
.switch input[type='checkbox'] + .check:before {
    content: '';
  }
button.switch input[type='checkbox'] + .check:before,
  a.switch input[type='checkbox'] + .check:before {
    color: rgb(17 24 39);
  }
button.switch input[type='checkbox'] + .check svg:before,
  a.switch input[type='checkbox'] + .check svg:before {
    color: inherit;
  }
.switch input[type='checkbox'] + .check:before {
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.switch input[type='checkbox'] + .check.font-bold:before,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.switch input[type='checkbox'] + .check.font-bold:before,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.switch input[type='checkbox'] + .check.font-semibold:before,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.switch input[type='checkbox'] + .check.font-semibold:before {
  color: rgb(var(--color-text));
}
html.dark[data-theme="GESTORNEO"] .event-timer-config button.base-button--outline.switch input[type='checkbox'] + .check:before,
html.dark:not([data-theme]) .event-timer-config button.base-button--outline.switch input[type='checkbox'] + .check:before {
  background-color: rgb(var(--color-surface-muted));
  color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html.dark[data-theme="GESTORNEO"] .event-timer-config button.base-button--outline.switch input[type='checkbox'] + .check:hover:not(:disabled):before,
html.dark:not([data-theme]) .event-timer-config button.base-button--outline.switch input[type='checkbox'] + .check:hover:not(:disabled):before {
  background-color: rgb(var(--color-panel));
  border-color: rgb(var(--color-primary) / 0.45);
}
html.dark[data-theme="GESTORNEO"] .event-timer-config button.base-button--outline.switch input[type='checkbox'] + .check svg:before,
html.dark:not([data-theme]) .event-timer-config button.base-button--outline.switch input[type='checkbox'] + .check svg:before {
  color: inherit;
  fill: currentColor;
}
html[data-theme="7UC"] button.base-button--outline:not(:hover):not(:focus-visible):not(.switch input[type='checkbox'] + .check):before,
html[data-theme="7UC"] a.base-button--outline:not(:hover):not(:focus-visible):not(.switch input[type='checkbox'] + .check):before {
  background-color: transparent;
}
html[data-theme="7UC"] button.base-button--outline.switch input[type='checkbox'] + .check:before,
html[data-theme="7UC"] a.base-button--outline.switch input[type='checkbox'] + .check:before,
html.dark[data-theme="7UC"] button.base-button--outline.switch input[type='checkbox'] + .check:before,
html.dark[data-theme="7UC"] a.base-button--outline.switch input[type='checkbox'] + .check:before {
  background-color: #ffffff;
  border-color: #e0e0e0;
  color: #111111;
}
html[data-theme="7UC"] button.base-button--outline.switch input[type='checkbox'] + .check:hover:not(:disabled):before,
html[data-theme="7UC"] a.base-button--outline.switch input[type='checkbox'] + .check:hover:not(:disabled):before,
html[data-theme="7UC"] button.base-button--outline.switch input[type='checkbox'] + .check:focus-visible:not(:disabled):before,
html[data-theme="7UC"] a.base-button--outline.switch input[type='checkbox'] + .check:focus-visible:not(:disabled):before,
html.dark[data-theme="7UC"] button.base-button--outline.switch input[type='checkbox'] + .check:hover:not(:disabled):before,
html.dark[data-theme="7UC"] a.base-button--outline.switch input[type='checkbox'] + .check:hover:not(:disabled):before,
html.dark[data-theme="7UC"] button.base-button--outline.switch input[type='checkbox'] + .check:focus-visible:not(:disabled):before,
html.dark[data-theme="7UC"] a.base-button--outline.switch input[type='checkbox'] + .check:focus-visible:not(:disabled):before {
  background-color: #f5f5f7;
  border-color: #e0e0e0;
  color: #111111;
}
html[data-theme="7UC"] button.base-button--outline.switch input[type='checkbox'] + .check svg:before,
html[data-theme="7UC"] a.base-button--outline.switch input[type='checkbox'] + .check svg:before,
html[data-theme="7UC"] button.base-button--outline.switch input[type='checkbox'] + .check:hover svg:before,
html[data-theme="7UC"] a.base-button--outline.switch input[type='checkbox'] + .check:hover svg:before,
html[data-theme="7UC"] button.base-button--outline.switch input[type='checkbox'] + .check:focus-visible svg:before,
html[data-theme="7UC"] a.base-button--outline.switch input[type='checkbox'] + .check:focus-visible svg:before,
html.dark[data-theme="7UC"] button.base-button--outline.switch input[type='checkbox'] + .check svg:before,
html.dark[data-theme="7UC"] a.base-button--outline.switch input[type='checkbox'] + .check:hover svg:before,
html.dark[data-theme="7UC"] a.base-button--outline.switch input[type='checkbox'] + .check:focus-visible svg:before {
  color: inherit;
  fill: currentColor;
}
html[data-theme="7UC"] .league-event-date-buttons button.switch input[type='checkbox'] + .check:before,
html[data-theme="7UC"] .league-event-date-buttons a.switch input[type='checkbox'] + .check:before,
html.dark[data-theme="7UC"] .league-event-date-buttons button.switch input[type='checkbox'] + .check:before,
html.dark[data-theme="7UC"] .league-event-date-buttons a.switch input[type='checkbox'] + .check:before {
  color: rgb(var(--color-text));
}
html[data-theme="7UC"] .league-event-date-buttons button.switch input[type='checkbox'] + .check svg:before,
html[data-theme="7UC"] .league-event-date-buttons a.switch input[type='checkbox'] + .check svg:before {
  color: inherit;
  fill: currentColor;
}
html.dark[data-theme="TOQUELAB"] button.switch input[type='checkbox'] + .check:before,
html.dark[data-theme="TOQUELAB"] a.switch input[type='checkbox'] + .check:before {
  background-color: #F7F8FA;
  color: #05080D;
  border-color: #C6CDD5;
}
html.dark[data-theme="TOQUELAB"] button.switch input[type='checkbox'] + .check svg:before,
html.dark[data-theme="TOQUELAB"] a.switch input[type='checkbox'] + .check svg:before,
html.dark[data-theme="TOQUELAB"] button.switch input[type='checkbox'] + .check span:before,
html.dark[data-theme="TOQUELAB"] a.switch input[type='checkbox'] + .check span:before {
  color: #05080D;
  fill: currentColor;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.switch input[type='checkbox'] + .check.font-bold:before,
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.switch input[type='checkbox'] + .check.font-semibold:before {
  color: rgb(var(--color-text));
}
.switch input[type='checkbox']:checked + .check:before {
    transform: translate3d(110%, 0, 0);
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
  }
tbody tr:hover .table-cell-actions button.bg-primary,
  tbody tr:hover .table-cell-actions button.bg-info,
  tbody tr:hover .table-cell-actions button.bg-danger,
  tbody tr:hover .table-cell-actions button.bg-success,
  tbody tr:hover .table-cell-actions button.bg-warning,
  tbody tr:hover .table-cell-actions a.bg-primary,
  tbody tr:hover .table-cell-actions a.bg-info,
  tbody tr:hover .table-cell-actions a.bg-danger,
  tbody tr:hover .table-cell-actions a.bg-success,
  tbody tr:hover .table-cell-actions a.bg-warning {
    color: rgb(255 255 255) !important;
  }
tbody tr:hover .table-cell-actions button.\!bg-primary,
  tbody tr:hover .table-cell-actions a.\!bg-primary {
    color: rgb(255 255 255) !important;
  }
tbody tr:hover .table-cell-actions button.bg-primary svg,
  tbody tr:hover .table-cell-actions button.bg-info svg,
  tbody tr:hover .table-cell-actions button.bg-danger svg,
  tbody tr:hover .table-cell-actions button.bg-success svg,
  tbody tr:hover .table-cell-actions button.bg-warning svg,
  tbody tr:hover .table-cell-actions a.bg-primary svg,
  tbody tr:hover .table-cell-actions a.bg-info svg,
  tbody tr:hover .table-cell-actions a.bg-danger svg,
  tbody tr:hover .table-cell-actions a.bg-success svg,
  tbody tr:hover .table-cell-actions a.bg-warning svg {
    color: inherit !important;
    fill: currentColor !important;
  }
tbody tr:hover .table-cell-actions button.\!bg-primary svg,
  tbody tr:hover .table-cell-actions a.\!bg-primary svg {
    color: inherit !important;
    fill: currentColor !important;
  }
/* Outline en celda de acciones: el icono sigue el color del botón (text-primary, text-danger, …) */
tbody tr:hover .table-cell-actions button.base-button--outline svg,
  tbody tr:hover .table-cell-actions a.base-button--outline svg {
    color: inherit !important;
    fill: currentColor !important;
  }
.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;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-4 {
  inset: 1rem;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-x-auto {
  left: auto;
  right: auto;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-4 {
  bottom: -1rem;
}
.-bottom-6 {
  bottom: -1.5rem;
}
.-left-6 {
  left: -1.5rem;
}
.-right-0\.5 {
  right: -0.125rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-2\.5 {
  right: -0.625rem;
}
.-right-6 {
  right: -1.5rem;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-6 {
  top: -1.5rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-1\.5 {
  bottom: 0.375rem;
}
.bottom-1\/4 {
  bottom: 25%;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-60 {
  bottom: 15rem;
}
.bottom-\[-4px\] {
  bottom: -4px;
}
.bottom-full {
  bottom: 100%;
}
.end-0 {
  inset-inline-end: 0px;
}
.left-0 {
  left: 0px;
}
.left-0\.5 {
  left: 0.125rem;
}
.left-1\.5 {
  left: 0.375rem;
}
.left-1\/2 {
  left: 50%;
}
.left-1\/4 {
  left: 25%;
}
.left-10 {
  left: 2.5rem;
}
.left-2 {
  left: 0.5rem;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-3 {
  left: 0.75rem;
}
.left-6 {
  left: 1.5rem;
}
.left-\[-4px\] {
  left: -4px;
}
.left-\[calc\(50\%\+1\.125rem\)\] {
  left: calc(50% + 1.125rem);
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-1\/4 {
  right: 25%;
}
.right-10 {
  right: 2.5rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.right-60 {
  right: 15rem;
}
.right-\[-4px\] {
  right: -4px;
}
.right-\[calc\(-50\%\+1\.125rem\)\] {
  right: calc(-50% + 1.125rem);
}
.start-0 {
  inset-inline-start: 0px;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-1\/4 {
  top: 25%;
}
.top-14 {
  top: 3.5rem;
}
.top-16 {
  top: 4rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-\[-4px\] {
  top: -4px;
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.-z-1 {
  z-index: -1;
}
.-z-10 {
  z-index: -10;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-100 {
  z-index: 100;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[101\] {
  z-index: 101;
}
.z-\[1040\] {
  z-index: 1040;
}
.z-\[1050\] {
  z-index: 1050;
}
.z-\[1060\] {
  z-index: 1060;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[4\] {
  z-index: 4;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[65\] {
  z-index: 65;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[80\] {
  z-index: 80;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-full {
  grid-column: 1 / -1;
}
.m-0 {
  margin: 0px;
}
.m-4 {
  margin: 1rem;
}
.\!mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.-my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.-mb-3 {
  margin-bottom: -0.75rem;
}
.-mb-4 {
  margin-bottom: -1rem;
}
.-mb-6 {
  margin-bottom: -1.5rem;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-1\.5 {
  margin-left: -0.375rem;
}
.-ml-6 {
  margin-left: -1.5rem;
}
.-ml-px {
  margin-left: -1px;
}
.-mr-2 {
  margin-right: -0.5rem;
}
.-mr-6 {
  margin-right: -1.5rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-12 {
  margin-top: -3rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-5 {
  margin-top: -1.25rem;
}
.-mt-6 {
  margin-top: -1.5rem;
}
.-mt-px {
  margin-top: -1px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-3\.5 {
  margin-bottom: 0.875rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-0 {
  margin-left: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-12 {
  margin-left: 3rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-60 {
  margin-left: 15rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-3\.5 {
  margin-top: 0.875rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-auto {
  margin-top: auto;
}
.mt-px {
  margin-top: 1px;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-caption {
  display: table-caption;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.h-0 {
  height: 0px;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-52 {
  height: 13rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-72 {
  height: 18rem;
}
.h-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-96 {
  height: 24rem;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[2\.625rem\] {
  height: 2.625rem;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[7\.5rem\] {
  height: 7.5rem;
}
.h-\[75vh\] {
  height: 75vh;
}
.h-\[85vh\] {
  height: 85vh;
}
.h-\[90vh\] {
  height: 90vh;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-16 {
  max-height: 4rem;
}
.max-h-20 {
  max-height: 5rem;
}
.max-h-24 {
  max-height: 6rem;
}
.max-h-32 {
  max-height: 8rem;
}
.max-h-36 {
  max-height: 9rem;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-56 {
  max-height: 14rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-80 {
  max-height: 20rem;
}
.max-h-\[140px\] {
  max-height: 140px;
}
.max-h-\[28rem\] {
  max-height: 28rem;
}
.max-h-\[36rem\] {
  max-height: 36rem;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[50vh\] {
  max-height: 50vh;
}
.max-h-\[52vh\] {
  max-height: 52vh;
}
.max-h-\[55vh\] {
  max-height: 55vh;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[75vh\] {
  max-height: 75vh;
}
.max-h-\[80\%\] {
  max-height: 80%;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[92vh\] {
  max-height: 92vh;
}
.max-h-\[95vh\] {
  max-height: 95vh;
}
.max-h-\[min\(24rem\2c 70vh\)\] {
  max-height: min(24rem,70vh);
}
.max-h-\[min\(28rem\2c 70vh\)\] {
  max-height: min(28rem,70vh);
}
.max-h-\[min\(70vh\2c 26rem\)\] {
  max-height: min(70vh,26rem);
}
.max-h-\[min\(70vh\2c 420px\)\] {
  max-height: min(70vh,420px);
}
.max-h-\[min\(70vh\2c 500px\)\] {
  max-height: min(70vh,500px);
}
.max-h-\[min\(85vh\2c 640px\)\] {
  max-height: min(85vh,640px);
}
.max-h-full {
  max-height: 100%;
}
.max-h-modal {
  max-height: calc(100vh - 160px);
}
.min-h-0 {
  min-height: 0px;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-11 {
  min-height: 2.75rem;
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-9 {
  min-height: 2.25rem;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[2\.375rem\] {
  min-height: 2.375rem;
}
.min-h-\[2\.5rem\] {
  min-height: 2.5rem;
}
.min-h-\[2\.75rem\] {
  min-height: 2.75rem;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[240px\] {
  min-height: 240px;
}
.min-h-\[280px\] {
  min-height: 280px;
}
.min-h-\[2rem\] {
  min-height: 2rem;
}
.min-h-\[3\.25rem\] {
  min-height: 3.25rem;
}
.min-h-\[5\.25rem\] {
  min-height: 5.25rem;
}
.min-h-\[5\.5rem\] {
  min-height: 5.5rem;
}
.min-h-\[6\.75rem\] {
  min-height: 6.75rem;
}
.min-h-\[92vh\] {
  min-height: 92vh;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0px;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-2\/5 {
  width: 40%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-40 {
  width: 10rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-96 {
  width: 24rem;
}
.w-\[11\.5rem\] {
  width: 11.5rem;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[22rem\] {
  width: 22rem;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[4\.25rem\] {
  width: 4.25rem;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[72\%\] {
  width: 72%;
}
.w-\[78vw\] {
  width: 78vw;
}
.w-\[calc\(100\%-1\.5rem\)\] {
  width: calc(100% - 1.5rem);
}
.w-\[calc\(50\%-0\.5rem\)\] {
  width: calc(50% - 0.5rem);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-11 {
  min-width: 2.75rem;
}
.min-w-9 {
  min-width: 2.25rem;
}
.min-w-\[1\.25rem\] {
  min-width: 1.25rem;
}
.min-w-\[1\.375rem\] {
  min-width: 1.375rem;
}
.min-w-\[10rem\] {
  min-width: 10rem;
}
.min-w-\[11rem\] {
  min-width: 11rem;
}
.min-w-\[12rem\] {
  min-width: 12rem;
}
.min-w-\[13rem\] {
  min-width: 13rem;
}
.min-w-\[14rem\] {
  min-width: 14rem;
}
.min-w-\[16rem\] {
  min-width: 16rem;
}
.min-w-\[18px\] {
  min-width: 18px;
}
.min-w-\[20px\] {
  min-width: 20px;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[32rem\] {
  min-width: 32rem;
}
.min-w-\[34rem\] {
  min-width: 34rem;
}
.min-w-\[38rem\] {
  min-width: 38rem;
}
.min-w-\[3rem\] {
  min-width: 3rem;
}
.min-w-\[4\.5rem\] {
  min-width: 4.5rem;
}
.min-w-\[5\.5rem\] {
  min-width: 5.5rem;
}
.min-w-\[5rem\] {
  min-width: 5rem;
}
.min-w-\[6\.5rem\] {
  min-width: 6.5rem;
}
.min-w-\[7rem\] {
  min-width: 7rem;
}
.min-w-\[8\.5rem\] {
  min-width: 8.5rem;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[9rem\] {
  min-width: 9rem;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.min-w-min {
  min-width: -moz-min-content;
  min-width: min-content;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[10rem\] {
  max-width: 10rem;
}
.max-w-\[11rem\] {
  max-width: 11rem;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[12rem\] {
  max-width: 12rem;
}
.max-w-\[13rem\] {
  max-width: 13rem;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[16rem\] {
  max-width: 16rem;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[2\.5rem\] {
  max-width: 2.5rem;
}
.max-w-\[2\.75rem\] {
  max-width: 2.75rem;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[22rem\] {
  max-width: 22rem;
}
.max-w-\[240px\] {
  max-width: 240px;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[4\.5rem\] {
  max-width: 4.5rem;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[85vw\] {
  max-width: 85vw;
}
.max-w-\[88\%\] {
  max-width: 88%;
}
.max-w-\[90vw\] {
  max-width: 90vw;
}
.max-w-\[95vw\] {
  max-width: 95vw;
}
.max-w-\[calc\(100vw-1rem\)\] {
  max-width: calc(100vw - 1rem);
}
.max-w-\[min\(1440px\2c 96vw\)\] {
  max-width: min(1440px,96vw);
}
.max-w-\[min\(70vw\2c 600px\)\] {
  max-width: min(70vw,600px);
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-prose {
  max-width: 65ch;
}
.max-w-screen-2xl {
  max-width: 1536px;
}
.max-w-screen-xl {
  max-width: 1280px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.\!flex-1 {
  flex: 1 1 0% !important;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-top {
  transform-origin: top;
}
.origin-top-right {
  transform-origin: top right;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-8 {
  --tw-translate-x: -2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-4 {
  --tw-translate-y: -1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-8 {
  --tw-translate-x: 2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-100\%\] {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-8 {
  --tw-translate-y: 2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[calc\(100\%-3\.5rem\)\] {
  --tw-translate-y: calc(100% - 3.5rem);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-skew-x-12 {
  --tw-skew-x: -12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.98\] {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes fade-in {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate-fade-in {
  animation: fade-in 250ms ease-in-out;
}
@keyframes fade-in {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate-fade-in-fast {
  animation: fade-in 150ms ease-in-out;
}
@keyframes fade-in-left {

  from {
    opacity: 0;
    transform: translate3d(-50%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate-fade-in-left-fast {
  animation: fade-in-left 150ms ease-in-out;
}
@keyframes fade-in-up {

  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.animate-fade-in-up-fast {
  animation: fade-in-up 150ms ease-in-out;
}
@keyframes fade-out {

  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate-fade-out {
  animation: fade-out 250ms ease-in-out;
}
@keyframes fade-out-down {

  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate-fade-out-down-fast {
  animation: fade-out-down 150ms ease-in-out;
}
@keyframes ping {

  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes shimmer {

  0% {
    transform: translateX(-100%) skewX(-12deg);
  }

  100% {
    transform: translateX(200%) skewX(-12deg);
  }
}
.animate-shimmer {
  animation: shimmer 2s ease-in-out infinite;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[1fr_auto_1fr\] {
  grid-template-columns: 1fr auto 1fr;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-stretch {
  justify-content: stretch;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-px {
  gap: 1px;
}
.gap-x-1\.5 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-0\.5 {
  row-gap: 0.125rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-2\.5 {
  row-gap: 0.625rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-border > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-divide-opacity, 1));
}
.divide-border\/60 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(var(--color-border) / 0.6);
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.\!rounded-none {
  border-radius: 0px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[9px\] {
  border-radius: 9px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-l-\[9px\] {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-\[9px\] {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.\!border-0 {
  border-width: 0px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-\[14px\] {
  border-width: 14px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-\[5px\] {
  border-bottom-width: 5px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-l-\[3px\] {
  border-left-width: 3px;
}
.border-l-\[5px\] {
  border-left-width: 5px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-\[5px\] {
  border-right-width: 5px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-\[5px\] {
  border-top-width: 5px;
}
.border-dashed {
  border-style: dashed;
}
.border-amber-300\/30 {
  border-color: rgb(252 211 77 / 0.3);
}
.border-amber-400\/30 {
  border-color: rgb(251 191 36 / 0.3);
}
.border-amber-400\/50 {
  border-color: rgb(251 191 36 / 0.5);
}
.border-amber-500\/30 {
  border-color: rgb(245 158 11 / 0.3);
}
.border-amber-600\/40 {
  border-color: rgb(217 119 6 / 0.4);
}
.border-aside-menu\/15 {
  border-color: rgb(var(--color-aside-menu) / 0.15);
}
.border-aside-menu\/20 {
  border-color: rgb(var(--color-aside-menu) / 0.2);
}
.border-aside-menu\/25 {
  border-color: rgb(var(--color-aside-menu) / 0.25);
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-blue-500\/20 {
  border-color: rgb(59 130 246 / 0.2);
}
.border-blue-600\/90 {
  border-color: rgb(37 99 235 / 0.9);
}
.border-border {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
}
.border-border-dark {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border-dark) / var(--tw-border-opacity, 1));
}
.border-border-dark\/50 {
  border-color: rgb(var(--color-border-dark) / 0.5);
}
.border-border-dark\/60 {
  border-color: rgb(var(--color-border-dark) / 0.6);
}
.border-border\/40 {
  border-color: rgb(var(--color-border) / 0.4);
}
.border-border\/50 {
  border-color: rgb(var(--color-border) / 0.5);
}
.border-border\/60 {
  border-color: rgb(var(--color-border) / 0.6);
}
.border-border\/70 {
  border-color: rgb(var(--color-border) / 0.7);
}
.border-border\/80 {
  border-color: rgb(var(--color-border) / 0.8);
}
.border-border\/90 {
  border-color: rgb(var(--color-border) / 0.9);
}
.border-cyan-200 {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
}
.border-danger {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger) / var(--tw-border-opacity, 1));
}
.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-300\/30 {
  border-color: rgb(110 231 183 / 0.3);
}
.border-emerald-400\/30 {
  border-color: rgb(52 211 153 / 0.3);
}
.border-emerald-400\/50 {
  border-color: rgb(52 211 153 / 0.5);
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
}
.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-gray-700\/50 {
  border-color: rgb(55 65 81 / 0.5);
}
.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-green-500\/30 {
  border-color: rgb(34 197 94 / 0.3);
}
.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.border-indigo-400\/30 {
  border-color: rgb(129 140 248 / 0.3);
}
.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-indigo-700 {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / var(--tw-border-opacity, 1));
}
.border-info {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info) / var(--tw-border-opacity, 1));
}
.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
}
.border-primary\/15 {
  border-color: rgb(var(--color-primary) / 0.15);
}
.border-primary\/20 {
  border-color: rgb(var(--color-primary) / 0.2);
}
.border-primary\/25 {
  border-color: rgb(var(--color-primary) / 0.25);
}
.border-primary\/30 {
  border-color: rgb(var(--color-primary) / 0.3);
}
.border-primary\/40 {
  border-color: rgb(var(--color-primary) / 0.4);
}
.border-primary\/45 {
  border-color: rgb(var(--color-primary) / 0.45);
}
.border-primary\/50 {
  border-color: rgb(var(--color-primary) / 0.5);
}
.border-red-400\/40 {
  border-color: rgb(248 113 113 / 0.4);
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-rose-500\/20 {
  border-color: rgb(244 63 94 / 0.2);
}
.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}
.border-sky-400\/30 {
  border-color: rgb(56 189 248 / 0.3);
}
.border-sky-500\/30 {
  border-color: rgb(14 165 233 / 0.3);
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-200\/50 {
  border-color: rgb(226 232 240 / 0.5);
}
.border-slate-300\/50 {
  border-color: rgb(203 213 225 / 0.5);
}
.border-slate-600 {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.border-slate-600\/50 {
  border-color: rgb(71 85 105 / 0.5);
}
.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.border-slate-700\/50 {
  border-color: rgb(51 65 85 / 0.5);
}
.border-state-attention-border {
  --tw-border-opacity: 1;
  border-color: rgb(var(--state-attention-border) / var(--tw-border-opacity, 1));
}
.border-state-attention-border\/40 {
  border-color: rgb(var(--state-attention-border) / 0.4);
}
.border-state-attention-border\/50 {
  border-color: rgb(var(--state-attention-border) / 0.5);
}
.border-state-attention\/25 {
  border-color: rgb(var(--state-attention) / 0.25);
}
.border-state-attention\/30 {
  border-color: rgb(var(--state-attention) / 0.3);
}
.border-state-attention\/35 {
  border-color: rgb(var(--state-attention) / 0.35);
}
.border-state-attention\/40 {
  border-color: rgb(var(--state-attention) / 0.4);
}
.border-state-attention\/50 {
  border-color: rgb(var(--state-attention) / 0.5);
}
.border-state-attention\/60 {
  border-color: rgb(var(--state-attention) / 0.6);
}
.border-state-critical-border {
  --tw-border-opacity: 1;
  border-color: rgb(var(--state-critical-border) / var(--tw-border-opacity, 1));
}
.border-state-critical-border\/40 {
  border-color: rgb(var(--state-critical-border) / 0.4);
}
.border-state-critical\/25 {
  border-color: rgb(var(--state-critical) / 0.25);
}
.border-state-critical\/30 {
  border-color: rgb(var(--state-critical) / 0.3);
}
.border-state-critical\/40 {
  border-color: rgb(var(--state-critical) / 0.4);
}
.border-state-critical\/50 {
  border-color: rgb(var(--state-critical) / 0.5);
}
.border-state-neutral-border {
  --tw-border-opacity: 1;
  border-color: rgb(var(--state-neutral-border) / var(--tw-border-opacity, 1));
}
.border-state-neutral-border\/50 {
  border-color: rgb(var(--state-neutral-border) / 0.5);
}
.border-state-positive-border {
  --tw-border-opacity: 1;
  border-color: rgb(var(--state-positive-border) / var(--tw-border-opacity, 1));
}
.border-state-positive-border\/50 {
  border-color: rgb(var(--state-positive-border) / 0.5);
}
.border-state-positive\/25 {
  border-color: rgb(var(--state-positive) / 0.25);
}
.border-state-positive\/30 {
  border-color: rgb(var(--state-positive) / 0.3);
}
.border-state-positive\/40 {
  border-color: rgb(var(--state-positive) / 0.4);
}
.border-state-positive\/50 {
  border-color: rgb(var(--state-positive) / 0.5);
}
.border-state-progress-border {
  --tw-border-opacity: 1;
  border-color: rgb(var(--state-progress-border) / var(--tw-border-opacity, 1));
}
.border-state-progress-border\/40 {
  border-color: rgb(var(--state-progress-border) / 0.4);
}
.border-state-progress-border\/50 {
  border-color: rgb(var(--state-progress-border) / 0.5);
}
.border-state-progress\/20 {
  border-color: rgb(var(--state-progress) / 0.2);
}
.border-state-progress\/25 {
  border-color: rgb(var(--state-progress) / 0.25);
}
.border-state-progress\/30 {
  border-color: rgb(var(--state-progress) / 0.3);
}
.border-state-progress\/40 {
  border-color: rgb(var(--state-progress) / 0.4);
}
.border-success {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success) / var(--tw-border-opacity, 1));
}
.border-surface-muted {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-surface-muted) / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-violet-300\/30 {
  border-color: rgb(196 181 253 / 0.3);
}
.border-warning {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning) / var(--tw-border-opacity, 1));
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-yellow-400\/35 {
  border-color: rgb(250 204 21 / 0.35);
}
.border-yellow-400\/40 {
  border-color: rgb(250 204 21 / 0.4);
}
.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}
.border-l-primary {
  --tw-border-opacity: 1;
  border-left-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
}
.border-l-state-progress {
  --tw-border-opacity: 1;
  border-left-color: rgb(var(--state-progress) / var(--tw-border-opacity, 1));
}
.border-t-primary {
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-opacity-30 {
  --tw-border-opacity: 0.3;
}
.\!bg-panel {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-panel) / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-primary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#E8E8E8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 232 / var(--tw-bg-opacity, 1));
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-400\/10 {
  background-color: rgb(251 191 36 / 0.1);
}
.bg-amber-500\/15 {
  background-color: rgb(245 158 11 / 0.15);
}
.bg-amber-500\/90 {
  background-color: rgb(245 158 11 / 0.9);
}
.bg-amber-600\/20 {
  background-color: rgb(217 119 6 / 0.2);
}
.bg-aside {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-aside) / var(--tw-bg-opacity, 1));
}
.bg-aside-menu\/10 {
  background-color: rgb(var(--color-aside-menu) / 0.1);
}
.bg-aside-menu\/5 {
  background-color: rgb(var(--color-aside-menu) / 0.05);
}
.bg-aside-menu\/50 {
  background-color: rgb(var(--color-aside-menu) / 0.5);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/45 {
  background-color: rgb(0 0 0 / 0.45);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/55 {
  background-color: rgb(0 0 0 / 0.55);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/85 {
  background-color: rgb(0 0 0 / 0.85);
}
.bg-black\/90 {
  background-color: rgb(0 0 0 / 0.9);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-400\/20 {
  background-color: rgb(96 165 250 / 0.2);
}
.bg-blue-400\/30 {
  background-color: rgb(96 165 250 / 0.3);
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/10 {
  background-color: rgb(59 130 246 / 0.1);
}
.bg-blue-500\/15 {
  background-color: rgb(59 130 246 / 0.15);
}
.bg-blue-500\/20 {
  background-color: rgb(59 130 246 / 0.2);
}
.bg-blue-500\/30 {
  background-color: rgb(59 130 246 / 0.3);
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-blue-600\/10 {
  background-color: rgb(37 99 235 / 0.1);
}
.bg-blue-600\/15 {
  background-color: rgb(37 99 235 / 0.15);
}
.bg-blue-600\/20 {
  background-color: rgb(37 99 235 / 0.2);
}
.bg-blue-600\/30 {
  background-color: rgb(37 99 235 / 0.3);
}
.bg-blue-600\/5 {
  background-color: rgb(37 99 235 / 0.05);
}
.bg-blue-600\/50 {
  background-color: rgb(37 99 235 / 0.5);
}
.bg-blue-600\/80 {
  background-color: rgb(37 99 235 / 0.8);
}
.bg-border {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-border) / var(--tw-bg-opacity, 1));
}
.bg-border-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-border-dark) / var(--tw-bg-opacity, 1));
}
.bg-border\/50 {
  background-color: rgb(var(--color-border) / 0.5);
}
.bg-current {
  background-color: currentColor;
}
.bg-cyan-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}
.bg-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger) / var(--tw-bg-opacity, 1));
}
.bg-danger-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-hover) / var(--tw-bg-opacity, 1));
}
.bg-emerald-400\/10 {
  background-color: rgb(52 211 153 / 0.1);
}
.bg-emerald-400\/15 {
  background-color: rgb(52 211 153 / 0.15);
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/15 {
  background-color: rgb(16 185 129 / 0.15);
}
.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-emerald-600\/90 {
  background-color: rgb(5 150 105 / 0.9);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-gray-500\/30 {
  background-color: rgb(107 114 128 / 0.3);
}
.bg-gray-500\/50 {
  background-color: rgb(107 114 128 / 0.5);
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-gray-800\/50 {
  background-color: rgb(31 41 55 / 0.5);
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-gray-900\/50 {
  background-color: rgb(17 24 39 / 0.5);
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-50\/80 {
  background-color: rgb(240 253 244 / 0.8);
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-green-600\/30 {
  background-color: rgb(22 163 74 / 0.3);
}
.bg-green-600\/50 {
  background-color: rgb(22 163 74 / 0.5);
}
.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-indigo-600\/20 {
  background-color: rgb(79 70 229 / 0.2);
}
.bg-indigo-600\/80 {
  background-color: rgb(79 70 229 / 0.8);
}
.bg-indigo-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(49 46 129 / var(--tw-bg-opacity, 1));
}
.bg-info\/\[0\.03\] {
  background-color: rgb(var(--color-info) / 0.03);
}
.bg-input {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-input) / var(--tw-bg-opacity, 1));
}
.bg-lime-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1));
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-panel {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-panel) / var(--tw-bg-opacity, 1));
}
.bg-panel\/20 {
  background-color: rgb(var(--color-panel) / 0.2);
}
.bg-panel\/40 {
  background-color: rgb(var(--color-panel) / 0.4);
}
.bg-panel\/50 {
  background-color: rgb(var(--color-panel) / 0.5);
}
.bg-panel\/60 {
  background-color: rgb(var(--color-panel) / 0.6);
}
.bg-panel\/80 {
  background-color: rgb(var(--color-panel) / 0.8);
}
.bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));
}
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
}
.bg-primary-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-hover) / var(--tw-bg-opacity, 1));
}
.bg-primary\/10 {
  background-color: rgb(var(--color-primary) / 0.1);
}
.bg-primary\/15 {
  background-color: rgb(var(--color-primary) / 0.15);
}
.bg-primary\/20 {
  background-color: rgb(var(--color-primary) / 0.2);
}
.bg-primary\/30 {
  background-color: rgb(var(--color-primary) / 0.3);
}
.bg-primary\/40 {
  background-color: rgb(var(--color-primary) / 0.4);
}
.bg-primary\/45 {
  background-color: rgb(var(--color-primary) / 0.45);
}
.bg-primary\/5 {
  background-color: rgb(var(--color-primary) / 0.05);
}
.bg-primary\/70 {
  background-color: rgb(var(--color-primary) / 0.7);
}
.bg-primary\/90 {
  background-color: rgb(var(--color-primary) / 0.9);
}
.bg-primary\/\[0\.08\] {
  background-color: rgb(var(--color-primary) / 0.08);
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/60 {
  background-color: rgb(254 242 242 / 0.6);
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/15 {
  background-color: rgb(239 68 68 / 0.15);
}
.bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-600\/15 {
  background-color: rgb(220 38 38 / 0.15);
}
.bg-red-600\/20 {
  background-color: rgb(220 38 38 / 0.2);
}
.bg-red-600\/5 {
  background-color: rgb(220 38 38 / 0.05);
}
.bg-red-600\/80 {
  background-color: rgb(220 38 38 / 0.8);
}
.bg-rose-500\/20 {
  background-color: rgb(244 63 94 / 0.2);
}
.bg-sky-400\/10 {
  background-color: rgb(56 189 248 / 0.1);
}
.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.bg-sky-500\/10 {
  background-color: rgb(14 165 233 / 0.1);
}
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-300\/30 {
  background-color: rgb(203 213 225 / 0.3);
}
.bg-slate-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-slate-800\/50 {
  background-color: rgb(30 41 59 / 0.5);
}
.bg-slate-800\/80 {
  background-color: rgb(30 41 59 / 0.8);
}
.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-slate-900\/60 {
  background-color: rgb(15 23 42 / 0.6);
}
.bg-slate-900\/80 {
  background-color: rgb(15 23 42 / 0.8);
}
.bg-state-attention {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--state-attention) / var(--tw-bg-opacity, 1));
}
.bg-state-attention\/10 {
  background-color: rgb(var(--state-attention) / 0.1);
}
.bg-state-attention\/15 {
  background-color: rgb(var(--state-attention) / 0.15);
}
.bg-state-attention\/20 {
  background-color: rgb(var(--state-attention) / 0.2);
}
.bg-state-attention\/30 {
  background-color: rgb(var(--state-attention) / 0.3);
}
.bg-state-attention\/40 {
  background-color: rgb(var(--state-attention) / 0.4);
}
.bg-state-attention\/5 {
  background-color: rgb(var(--state-attention) / 0.05);
}
.bg-state-attention\/90 {
  background-color: rgb(var(--state-attention) / 0.9);
}
.bg-state-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--state-critical) / var(--tw-bg-opacity, 1));
}
.bg-state-critical\/10 {
  background-color: rgb(var(--state-critical) / 0.1);
}
.bg-state-critical\/15 {
  background-color: rgb(var(--state-critical) / 0.15);
}
.bg-state-critical\/20 {
  background-color: rgb(var(--state-critical) / 0.2);
}
.bg-state-critical\/30 {
  background-color: rgb(var(--state-critical) / 0.3);
}
.bg-state-critical\/40 {
  background-color: rgb(var(--state-critical) / 0.4);
}
.bg-state-critical\/5 {
  background-color: rgb(var(--state-critical) / 0.05);
}
.bg-state-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--state-neutral) / var(--tw-bg-opacity, 1));
}
.bg-state-neutral\/10 {
  background-color: rgb(var(--state-neutral) / 0.1);
}
.bg-state-neutral\/15 {
  background-color: rgb(var(--state-neutral) / 0.15);
}
.bg-state-neutral\/35 {
  background-color: rgb(var(--state-neutral) / 0.35);
}
.bg-state-positive {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--state-positive) / var(--tw-bg-opacity, 1));
}
.bg-state-positive\/10 {
  background-color: rgb(var(--state-positive) / 0.1);
}
.bg-state-positive\/15 {
  background-color: rgb(var(--state-positive) / 0.15);
}
.bg-state-positive\/20 {
  background-color: rgb(var(--state-positive) / 0.2);
}
.bg-state-positive\/30 {
  background-color: rgb(var(--state-positive) / 0.3);
}
.bg-state-positive\/40 {
  background-color: rgb(var(--state-positive) / 0.4);
}
.bg-state-positive\/5 {
  background-color: rgb(var(--state-positive) / 0.05);
}
.bg-state-positive\/60 {
  background-color: rgb(var(--state-positive) / 0.6);
}
.bg-state-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--state-progress) / var(--tw-bg-opacity, 1));
}
.bg-state-progress\/10 {
  background-color: rgb(var(--state-progress) / 0.1);
}
.bg-state-progress\/15 {
  background-color: rgb(var(--state-progress) / 0.15);
}
.bg-state-progress\/20 {
  background-color: rgb(var(--state-progress) / 0.2);
}
.bg-state-progress\/5 {
  background-color: rgb(var(--state-progress) / 0.05);
}
.bg-success {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success) / var(--tw-bg-opacity, 1));
}
.bg-success-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-hover) / var(--tw-bg-opacity, 1));
}
.bg-surface {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}
.bg-surface-muted {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-muted) / var(--tw-bg-opacity, 1));
}
.bg-surface-muted\/15 {
  background-color: rgb(var(--color-surface-muted) / 0.15);
}
.bg-surface-muted\/20 {
  background-color: rgb(var(--color-surface-muted) / 0.2);
}
.bg-surface-muted\/25 {
  background-color: rgb(var(--color-surface-muted) / 0.25);
}
.bg-surface-muted\/30 {
  background-color: rgb(var(--color-surface-muted) / 0.3);
}
.bg-surface-muted\/40 {
  background-color: rgb(var(--color-surface-muted) / 0.4);
}
.bg-surface-muted\/50 {
  background-color: rgb(var(--color-surface-muted) / 0.5);
}
.bg-surface-muted\/60 {
  background-color: rgb(var(--color-surface-muted) / 0.6);
}
.bg-surface-muted\/80 {
  background-color: rgb(var(--color-surface-muted) / 0.8);
}
.bg-surface-muted\/90 {
  background-color: rgb(var(--color-surface-muted) / 0.9);
}
.bg-surface-muted\/95 {
  background-color: rgb(var(--color-surface-muted) / 0.95);
}
.bg-surface\/50 {
  background-color: rgb(var(--color-surface) / 0.5);
}
.bg-surface\/60 {
  background-color: rgb(var(--color-surface) / 0.6);
}
.bg-surface\/80 {
  background-color: rgb(var(--color-surface) / 0.8);
}
.bg-surface\/90 {
  background-color: rgb(var(--color-surface) / 0.9);
}
.bg-surface\/95 {
  background-color: rgb(var(--color-surface) / 0.95);
}
.bg-text-muted\/20 {
  background-color: rgb(var(--color-text-muted) / 0.2);
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-400\/10 {
  background-color: rgb(167 139 250 / 0.1);
}
.bg-violet-500\/10 {
  background-color: rgb(139 92 246 / 0.1);
}
.bg-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning) / var(--tw-bg-opacity, 1));
}
.bg-warning-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-hover) / var(--tw-bg-opacity, 1));
}
.bg-warning\/10 {
  background-color: rgb(var(--color-warning) / 0.1);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15 {
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/\[0\.03\] {
  background-color: rgb(255 255 255 / 0.03);
}
.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400\/15 {
  background-color: rgb(250 204 21 / 0.15);
}
.bg-yellow-400\/20 {
  background-color: rgb(250 204 21 / 0.2);
}
.bg-yellow-400\/5 {
  background-color: rgb(250 204 21 / 0.05);
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}
.bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}
.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.from-black {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/70 {
  --tw-gradient-from: rgb(0 0 0 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/80 {
  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400 {
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/10 {
  --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600\/10 {
  --tw-gradient-from: rgb(37 99 235 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600\/20 {
  --tw-gradient-from: rgb(37 99 235 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600\/5 {
  --tw-gradient-from: rgb(37 99 235 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-400 {
  --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-700 {
  --tw-gradient-from: #374151 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900 {
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900\/80 {
  --tw-gradient-from: rgb(17 24 39 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900\/90 {
  --tw-gradient-from: rgb(17 24 39 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500 {
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500 {
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-400 {
  --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/20 {
  --tw-gradient-from: rgb(var(--color-primary) / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/25 {
  --tw-gradient-from: rgb(var(--color-primary) / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-400 {
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600\/5 {
  --tw-gradient-from: rgb(147 51 234 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-400 {
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500 {
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-600 {
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-600\/5 {
  --tw-gradient-from: rgb(220 38 38 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-500 {
  --tw-gradient-from: #f43f5e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-500\/10 {
  --tw-gradient-from: rgb(244 63 94 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-surface-muted\/80 {
  --tw-gradient-from: rgb(var(--color-surface-muted) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-surface-muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-surface-muted\/90 {
  --tw-gradient-from: rgb(var(--color-surface-muted) / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-surface-muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-400 {
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-black\/60 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-500 {
  --tw-gradient-to: rgb(59 130 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-600 {
  --tw-gradient-to: rgb(37 99 235 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-900\/80 {
  --tw-gradient-to: rgb(17 24 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(17 24 39 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-500 {
  --tw-gradient-to: rgb(236 72 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500 {
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-red-500 {
  --tw-gradient-to: rgb(239 68 68 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-900 {
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-surface\/90 {
  --tw-gradient-to: rgb(var(--color-surface) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--color-surface) / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-violet-400 {
  --tw-gradient-to: rgb(167 139 250 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a78bfa var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/10 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/60 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-yellow-500 {
  --tw-gradient-to: rgb(234 179 8 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-black\/40 {
  --tw-gradient-to: rgb(0 0 0 / 0.4) var(--tw-gradient-to-position);
}
.to-black\/80 {
  --tw-gradient-to: rgb(0 0 0 / 0.8) var(--tw-gradient-to-position);
}
.to-black\/90 {
  --tw-gradient-to: rgb(0 0 0 / 0.9) var(--tw-gradient-to-position);
}
.to-blue-400 {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}
.to-blue-500 {
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-blue-600\/5 {
  --tw-gradient-to: rgb(37 99 235 / 0.05) var(--tw-gradient-to-position);
}
.to-blue-700 {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.to-gray-600 {
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}
.to-orange-600\/5 {
  --tw-gradient-to: rgb(234 88 12 / 0.05) var(--tw-gradient-to-position);
}
.to-pink-500 {
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}
.to-purple-50 {
  --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);
}
.to-purple-500 {
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}
.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-purple-600\/5 {
  --tw-gradient-to: rgb(147 51 234 / 0.05) var(--tw-gradient-to-position);
}
.to-red-500 {
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
}
.to-red-600 {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}
.to-red-600\/10 {
  --tw-gradient-to: rgb(220 38 38 / 0.1) var(--tw-gradient-to-position);
}
.to-red-600\/5 {
  --tw-gradient-to: rgb(220 38 38 / 0.05) var(--tw-gradient-to-position);
}
.to-rose-600 {
  --tw-gradient-to: #e11d48 var(--tw-gradient-to-position);
}
.to-rose-600\/5 {
  --tw-gradient-to: rgb(225 29 72 / 0.05) var(--tw-gradient-to-position);
}
.to-surface {
  --tw-gradient-to: rgb(var(--color-surface) / 1) var(--tw-gradient-to-position);
}
.to-surface-muted\/90 {
  --tw-gradient-to: rgb(var(--color-surface-muted) / 0.9) var(--tw-gradient-to-position);
}
.to-teal-600 {
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-yellow-500 {
  --tw-gradient-to: #eab308 var(--tw-gradient-to-position);
}
.bg-cover {
  background-size: cover;
}
.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}
.bg-center {
  background-position: center;
}
.fill-current {
  fill: currentColor;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-center {
  -o-object-position: center;
     object-position: center;
}
.object-right {
  -o-object-position: right;
     object-position: right;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-3 {
  padding: 0.75rem !important;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-12 {
  padding: 3rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-9 {
  padding: 2.25rem;
}
.p-px {
  padding: 1px;
}
.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-32 {
  padding-bottom: 8rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[calc\(0\.5rem\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));
}
.pb-\[calc\(5\.5rem\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(5.5rem + env(safe-area-inset-bottom));
}
.pb-\[env\(safe-area-inset-bottom\)\] {
  padding-bottom: env(safe-area-inset-bottom);
}
.pb-\[env\(safe-area-inset-bottom\2c 0px\)\] {
  padding-bottom: env(safe-area-inset-bottom,0px);
}
.pe-4 {
  padding-inline-end: 1rem;
}
.pl-0\.5 {
  padding-left: 0.125rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-3\.5 {
  padding-left: 0.875rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.ps-3 {
  padding-inline-start: 0.75rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-3\.5 {
  padding-top: 0.875rem;
}
.pt-32 {
  padding-top: 8rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[12vh\] {
  padding-top: 12vh;
}
.pt-\[calc\(1\.5rem\+env\(safe-area-inset-top\2c 0px\)\)\] {
  padding-top: calc(1.5rem + env(safe-area-inset-top,0px));
}
.pt-\[env\(safe-area-inset-top\2c 0px\)\] {
  padding-top: env(safe-area-inset-top,0px);
}
.pt-\[max\(1\.25rem\2c env\(safe-area-inset-top\)\)\] {
  padding-top: max(1.25rem,env(safe-area-inset-top));
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.align-top {
  vertical-align: top;
}
.font-display {
  font-family: var(--font-display), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.font-mono {
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
  font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.\!text-\[0\.7rem\] {
  font-size: 0.7rem !important;
}
.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-\[0\.65rem\] {
  font-size: 0.65rem;
}
.text-\[10\.5px\] {
  font-size: 10.5px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11\.5px\] {
  font-size: 11.5px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12\.5px\] {
  font-size: 12.5px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13\.5px\] {
  font-size: 13.5px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14\.5px\] {
  font-size: 14.5px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[19px\] {
  font-size: 19px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[26px\] {
  font-size: 26px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.04em\] {
  letter-spacing: 0.04em;
}
.tracking-\[0\.05em\] {
  letter-spacing: 0.05em;
}
.tracking-\[0\.06em\] {
  letter-spacing: 0.06em;
}
.tracking-\[0\.08em\] {
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.1em\] {
  letter-spacing: 0.1em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-text {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-aside-menu {
  --tw-text-opacity: 1;
  color: rgb(var(--color-aside-menu) / var(--tw-text-opacity, 1));
}
.text-aside-menu\/60 {
  color: rgb(var(--color-aside-menu) / 0.6);
}
.text-aside-menu\/70 {
  color: rgb(var(--color-aside-menu) / 0.7);
}
.text-aside-menu\/85 {
  color: rgb(var(--color-aside-menu) / 0.85);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-border {
  --tw-text-opacity: 1;
  color: rgb(var(--color-border) / var(--tw-text-opacity, 1));
}
.text-cyan-400 {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.text-cyan-800 {
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
}
.text-cyan-900 {
  --tw-text-opacity: 1;
  color: rgb(22 78 99 / var(--tw-text-opacity, 1));
}
.text-danger {
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger) / var(--tw-text-opacity, 1));
}
.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-indigo-300 {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-info {
  --tw-text-opacity: 1;
  color: rgb(var(--color-info) / var(--tw-text-opacity, 1));
}
.text-inherit {
  color: inherit;
}
.text-on-attention {
  --tw-text-opacity: 1;
  color: rgb(var(--state-attention-on-surface) / var(--tw-text-opacity, 1));
}
.text-on-critical {
  --tw-text-opacity: 1;
  color: rgb(var(--state-critical-on-surface) / var(--tw-text-opacity, 1));
}
.text-on-positive {
  --tw-text-opacity: 1;
  color: rgb(var(--state-positive-on-surface) / var(--tw-text-opacity, 1));
}
.text-on-progress {
  --tw-text-opacity: 1;
  color: rgb(var(--state-progress-on-surface) / var(--tw-text-opacity, 1));
}
.text-on-progress\/70 {
  color: rgb(var(--state-progress-on-surface) / 0.7);
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-red-100 {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-rose-400 {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}
.text-rose-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-sky-900 {
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity, 1));
}
.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-state-attention-fg {
  --tw-text-opacity: 1;
  color: rgb(var(--state-attention-fg) / var(--tw-text-opacity, 1));
}
.text-state-critical-fg {
  --tw-text-opacity: 1;
  color: rgb(var(--state-critical-fg) / var(--tw-text-opacity, 1));
}
.text-state-neutral-fg {
  --tw-text-opacity: 1;
  color: rgb(var(--state-neutral-fg) / var(--tw-text-opacity, 1));
}
.text-state-positive-fg {
  --tw-text-opacity: 1;
  color: rgb(var(--state-positive-fg) / var(--tw-text-opacity, 1));
}
.text-state-progress-fg {
  --tw-text-opacity: 1;
  color: rgb(var(--state-progress-fg) / var(--tw-text-opacity, 1));
}
.text-success {
  --tw-text-opacity: 1;
  color: rgb(var(--color-success) / var(--tw-text-opacity, 1));
}
.text-surface-muted {
  --tw-text-opacity: 1;
  color: rgb(var(--color-surface-muted) / var(--tw-text-opacity, 1));
}
.text-text {
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
.text-text-muted {
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}
.text-text-muted\/30 {
  color: rgb(var(--color-text-muted) / 0.3);
}
.text-text-muted\/35 {
  color: rgb(var(--color-text-muted) / 0.35);
}
.text-text-muted\/40 {
  color: rgb(var(--color-text-muted) / 0.4);
}
.text-text-muted\/50 {
  color: rgb(var(--color-text-muted) / 0.5);
}
.text-text-muted\/60 {
  color: rgb(var(--color-text-muted) / 0.6);
}
.text-text-muted\/80 {
  color: rgb(var(--color-text-muted) / 0.8);
}
.text-transparent {
  color: transparent;
}
.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-warning {
  --tw-text-opacity: 1;
  color: rgb(var(--color-warning) / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/25 {
  color: rgb(255 255 255 / 0.25);
}
.text-white\/30 {
  color: rgb(255 255 255 / 0.3);
}
.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}
.text-white\/45 {
  color: rgb(255 255 255 / 0.45);
}
.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75 {
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/85 {
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-opacity-80 {
  --tw-text-opacity: 0.8;
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.decoration-emerald-500\/50 {
  text-decoration-color: rgb(16 185 129 / 0.5);
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-on-critical::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(var(--state-critical-on-surface) / var(--tw-placeholder-opacity, 1));
}
.placeholder-on-critical::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(var(--state-critical-on-surface) / var(--tw-placeholder-opacity, 1));
}
.placeholder-on-positive::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(var(--state-positive-on-surface) / var(--tw-placeholder-opacity, 1));
}
.placeholder-on-positive::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(var(--state-positive-on-surface) / var(--tw-placeholder-opacity, 1));
}
.placeholder-text-muted::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-placeholder-opacity, 1));
}
.placeholder-text-muted::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-placeholder-opacity, 1));
}
.placeholder-white\/25::-moz-placeholder {
  color: rgb(255 255 255 / 0.25);
}
.placeholder-white\/25::placeholder {
  color: rgb(255 255 255 / 0.25);
}
.accent-primary {
  accent-color: rgb(var(--color-primary) / 1);
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-45 {
  opacity: 0.45;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-\[0\.07\] {
  opacity: 0.07;
}
.opacity-\[0\.08\] {
  opacity: 0.08;
}
.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-10px_40px_-16px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 -10px 40px -16px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 -10px 40px -16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-3px_0_0_rgb\(var\(--color-primary\)\)\] {
  --tw-shadow: 0 -3px 0 0 rgb(var(--color-primary));
  --tw-shadow-colored: 0 -3px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_9999px_rgba\(0\2c 0\2c 0\2c 0\.48\)\] {
  --tw-shadow: 0 0 0 9999px rgba(0,0,0,0.48);
  --tw-shadow-colored: 0 0 0 9999px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_0_0_rgb\(var\(--color-primary\)\)\] {
  --tw-shadow: 0 3px 0 0 rgb(var(--color-primary));
  --tw-shadow-colored: 0 3px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-black\/20 {
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-600\/25 {
  --tw-shadow-color: rgb(37 99 235 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-600\/50 {
  --tw-shadow-color: rgb(37 99 235 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-danger\/5 {
  --tw-shadow-color: rgb(var(--color-danger) / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/5 {
  --tw-shadow-color: rgb(var(--color-primary) / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-success\/5 {
  --tw-shadow-color: rgb(var(--color-success) / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-warning\/5 {
  --tw-shadow-color: rgb(var(--color-warning) / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-amber-500\/50 {
  --tw-ring-color: rgb(245 158 11 / 0.5);
}
.ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}
.ring-black\/10 {
  --tw-ring-color: rgb(0 0 0 / 0.1);
}
.ring-blue-500\/50 {
  --tw-ring-color: rgb(59 130 246 / 0.5);
}
.ring-blue-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity, 1));
}
.ring-border {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-border) / var(--tw-ring-opacity, 1));
}
.ring-border\/60 {
  --tw-ring-color: rgb(var(--color-border) / 0.6);
}
.ring-emerald-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity, 1));
}
.ring-gray-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
}
.ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}
.ring-indigo-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.ring-primary\/10 {
  --tw-ring-color: rgb(var(--color-primary) / 0.1);
}
.ring-primary\/15 {
  --tw-ring-color: rgb(var(--color-primary) / 0.15);
}
.ring-primary\/20 {
  --tw-ring-color: rgb(var(--color-primary) / 0.2);
}
.ring-primary\/25 {
  --tw-ring-color: rgb(var(--color-primary) / 0.25);
}
.ring-primary\/30 {
  --tw-ring-color: rgb(var(--color-primary) / 0.3);
}
.ring-primary\/35 {
  --tw-ring-color: rgb(var(--color-primary) / 0.35);
}
.ring-primary\/50 {
  --tw-ring-color: rgb(var(--color-primary) / 0.5);
}
.ring-red-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.ring-slate-700\/40 {
  --tw-ring-color: rgb(51 65 85 / 0.4);
}
.ring-state-attention\/40 {
  --tw-ring-color: rgb(var(--state-attention) / 0.4);
}
.ring-state-critical\/40 {
  --tw-ring-color: rgb(var(--state-critical) / 0.4);
}
.ring-state-positive\/40 {
  --tw-ring-color: rgb(var(--state-positive) / 0.4);
}
.ring-state-progress\/25 {
  --tw-ring-color: rgb(var(--state-progress) / 0.25);
}
.ring-state-progress\/30 {
  --tw-ring-color: rgb(var(--state-progress) / 0.3);
}
.ring-state-progress\/40 {
  --tw-ring-color: rgb(var(--state-progress) / 0.4);
}
.ring-surface {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-surface) / var(--tw-ring-opacity, 1));
}
.ring-surface-muted {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-surface-muted) / var(--tw-ring-opacity, 1));
}
.ring-white\/10 {
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.ring-white\/15 {
  --tw-ring-color: rgb(255 255 255 / 0.15);
}
.ring-yellow-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 224 71 / var(--tw-ring-opacity, 1));
}
.ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl {
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-lg {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl {
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\] {
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\2c left\] {
  transition-property: width,left;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-position {
  transition-property: right, left, top, bottom, margin, padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-size {
  transition-property: width, height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-1000 {
  transition-duration: 1000ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.duration-75 {
  transition-duration: 75ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.dark-scrollbars-compat {
    scrollbar-color: rgb(71, 85, 105) rgb(30, 41, 59);
  }
.dark-scrollbars::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
html[data-theme="7UC"] .event-logs-modal .dark-scrollbars::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}
.dark-scrollbars::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.dark-scrollbars::-webkit-scrollbar-thumb:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}
/* 7UC: barra de scroll negra (thumb); track claro en el documento principal */
html[data-theme="7UC"],
  html.dark[data-theme="7UC"] {
    scrollbar-color: rgb(0, 0, 0) rgb(245, 245, 247);
  }
html[data-theme="7UC"] body::-webkit-scrollbar-track,
  html.dark[data-theme="7UC"] body::-webkit-scrollbar-track {
    background-color: rgb(245, 245, 247);
  }
html[data-theme="7UC"] body::-webkit-scrollbar-thumb,
  html.dark[data-theme="7UC"] body::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 0.25rem;
  }
html[data-theme="7UC"] body::-webkit-scrollbar-thumb:hover,
  html.dark[data-theme="7UC"] body::-webkit-scrollbar-thumb:hover {
    background-color: #111111;
  }
/**
 * Componentes de layout que usan las variables del tema.
 * Un solo lugar: cambiar variables en theme/variables.css (o cargar otro tema).
 */
/**
 * Inputs/selects en modo oscuro (GesTorneo, ToqueLab, FightIQ).
 *
 * `@tailwindcss/forms` fuerza `color: gray-900` (texto negro) en nativos.
 * Además, SlideOver y modales se teletransportan a `body` y quedan fuera de
 * `.app-main-content`, donde ya había overrides parciales.
 *
 * 7UC se excluye: su UI de contenido es clara con texto negro aunque
 * `html.dark` esté activo.
 */
html.dark:not([data-theme="7UC"]) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="reset"]),
html.dark:not([data-theme="7UC"]) select,
html.dark:not([data-theme="7UC"]) textarea {
  color: rgb(var(--color-text)) !important;
  -webkit-text-fill-color: rgb(var(--color-text)) !important;
  color-scheme: dark;
}
html.dark:not([data-theme="7UC"]) input::-moz-placeholder, html.dark:not([data-theme="7UC"]) textarea::-moz-placeholder {
  color: rgb(var(--color-text-muted)) !important;
  -webkit-text-fill-color: rgb(var(--color-text-muted)) !important;
  opacity: 1;
}
html.dark:not([data-theme="7UC"]) input::placeholder,
html.dark:not([data-theme="7UC"]) textarea::placeholder {
  color: rgb(var(--color-text-muted)) !important;
  -webkit-text-fill-color: rgb(var(--color-text-muted)) !important;
  opacity: 1;
}
html.dark:not([data-theme="7UC"]) select option {
  background-color: rgb(var(--color-panel));
  color: rgb(var(--color-text));
}
html.dark:not([data-theme="7UC"]) input[type="date"]::-webkit-calendar-picker-indicator,
html.dark:not([data-theme="7UC"]) input[type="datetime-local"]::-webkit-calendar-picker-indicator,
html.dark:not([data-theme="7UC"]) input[type="time"]::-webkit-calendar-picker-indicator,
html.dark:not([data-theme="7UC"]) input[type="month"]::-webkit-calendar-picker-indicator,
html.dark:not([data-theme="7UC"]) input[type="week"]::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.15);
  opacity: 0.9;
  cursor: pointer;
}
/**
 * Estilos de la landing pública.
 *
 * Solo lo que Tailwind no resuelve bien en utilidades: la capa de fondo, el vidrio,
 * los degradados de marca y los estados iniciales de animación. El resto del diseño
 * vive en las clases de cada componente.
 *
 * Los colores salen de las variables de tema del proyecto (`--color-primary`…), así
 * que la landing cambia de marca sola: es la misma pieza para GESTORNEO y FIGHTIQ.
 */
.landing {
    --landing-fondo: 8 11 20;
    --landing-borde: 255 255 255 / 0.08;
    --landing-vidrio: 255 255 255 / 0.04;

    background-color: rgb(var(--landing-fondo));
    color: rgb(248 250 252);
    overflow-x: hidden;
}
/* ── Fondo de la página ──────────────────────────────── */
/**
 * Las dos capas van fijas, detrás de todo y sin capturar clicks: el fondo nunca
 * estorba al contenido. El degradado es el fondo real y está siempre; la llave se
 * dibuja encima cuando el equipo puede, así que sacarla nunca deja la página apagada.
 */
.landing-fondo-degradado {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(60% 50% at 20% 10%, rgb(var(--color-primary) / 0.18), transparent 70%),
        radial-gradient(50% 40% at 85% 25%, rgb(var(--color-primary) / 0.10), transparent 70%),
        radial-gradient(70% 60% at 50% 100%, rgb(var(--color-primary) / 0.08), transparent 70%);
}
.landing-canvas {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}
.landing-contenido {
    position: relative;
    z-index: 1;
}
/* ── Superficies ─────────────────────────────────────── */
.landing-vidrio {
    background: rgb(var(--landing-vidrio));
    border: 1px solid rgb(var(--landing-borde));
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.landing-card {
    position: relative;
    border-radius: 1rem;
    padding: 1.5rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.05), rgb(255 255 255 / 0.02));
    border: 1px solid rgb(var(--landing-borde));
    transition: border-color 0.35s ease, transform 0.35s ease;
}
.landing-card:hover {
    border-color: rgb(var(--color-primary) / 0.45);
    transform: translateY(-3px);
}
/* Filo superior iluminado: da relieve sin recurrir a sombras pesadas. */
.landing-card::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgb(var(--color-primary) / 0.5), transparent);
    opacity: 0;
    transition: opacity 0.35s ease;
}
.landing-card:hover::before {
    opacity: 1;
}
/* ── Tipografía ──────────────────────────────────────── */
.landing-titulo {
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.05;
    text-wrap: balance;
}
.landing-degradado {
    background: linear-gradient(
        120deg,
        rgb(248 250 252),
        rgb(var(--color-primary) / 1) 55%,
        rgb(248 250 252)
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.landing-etiqueta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(var(--color-primary));
    background: rgb(var(--color-primary) / 0.12);
    border: 1px solid rgb(var(--color-primary) / 0.28);
}
/* El troceado de palabras necesita bloque para poder desplazarse en Y. */
.landing-palabra {
    display: inline-block;
    will-change: transform, opacity;
}
/* ── Botones ─────────────────────────────────────────── */
.landing-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.8rem 1.6rem;
    border-radius: 0.75rem;
    font-weight: 600;
    transition: transform 0.2s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}
.landing-btn:focus-visible {
    outline: 2px solid rgb(var(--color-primary));
    outline-offset: 3px;
}
.landing-btn-primario {
    color: #fff;
    background: rgb(var(--color-primary));
    box-shadow: 0 10px 30px -12px rgb(var(--color-primary) / 0.9);
}
.landing-btn-primario:hover {
    transform: translateY(-2px);
    background: rgb(var(--color-primary-hover));
    box-shadow: 0 18px 40px -14px rgb(var(--color-primary) / 1);
}
.landing-btn-secundario {
    color: rgb(226 232 240);
    border: 1px solid rgb(var(--landing-borde));
    background: rgb(255 255 255 / 0.03);
}
.landing-btn-secundario:hover {
    transform: translateY(-2px);
    border-color: rgb(var(--color-primary) / 0.5);
    background: rgb(255 255 255 / 0.06);
}
/* ── Mockup ──────────────────────────────────────────── */
.landing-mockup {
    border-radius: 1rem;
    border: 1px solid rgb(var(--landing-borde));
    background: linear-gradient(160deg, rgb(15 23 42), rgb(2 6 23));
    box-shadow: 0 40px 80px -40px rgb(0 0 0 / 0.9);
    overflow: hidden;
}
.landing-mockup-barra {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.7rem 1rem;
    border-bottom: 1px solid rgb(var(--landing-borde));
    background: rgb(255 255 255 / 0.02);
}
.landing-mockup-punto {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    background: rgb(255 255 255 / 0.18);
}
/* ── Fotografía de fondo ─────────────────────────────── */
/**
 * Foto de una sección, atenuada hasta quedar en ambiente.
 *
 * Se desvanece por arriba y por abajo con una máscara para que no se vea el corte
 * contra las secciones vecinas: la landing sigue leyéndose como una sola pieza y no
 * como bloques pegados.
 */
.landing-foto-fondo {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-size: cover;
    background-position: center;
    opacity: 0.16;
    filter: grayscale(0.4) contrast(1.1);
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 28%, #000 72%, transparent);
    mask-image: linear-gradient(180deg, transparent, #000 28%, #000 72%, transparent);
}
/* ── Deportes ────────────────────────────────────────── */
/**
 * Tarjeta de deporte.
 *
 * La proporción se fija en CSS a propósito: la imagen es diferida y sin un alto
 * reservado el documento crecería al cargarla, y los disparadores de scroll de toda
 * la página quedarían corridos.
 */
.landing-deporte {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 4;
    border-radius: 1rem;
    border: 1px solid rgb(var(--landing-borde));
    transition: border-color 0.35s ease, transform 0.35s ease;
}
.landing-deporte img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    /* En reposo la foto queda apagada para no competir con el texto de la sección. */
    filter: saturate(0.7) contrast(1.05) brightness(0.85);
    transition: transform 0.6s ease, filter 0.6s ease;
}
/* Degradado hacia el fondo de la página: el nombre se lee sobre cualquier foto. */
.landing-deporte::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgb(var(--landing-fondo) / 0.15) 35%,
        rgb(var(--landing-fondo) / 0.92) 100%
    );
}
.landing-deporte:hover {
    border-color: rgb(var(--color-primary) / 0.45);
    transform: translateY(-3px);
}
.landing-deporte:hover img {
    transform: scale(1.06);
    filter: none;
}
.landing-deporte-nombre {
    position: absolute;
    inset: auto 0 0 0;
    z-index: 1;
    padding: 0.9rem 1rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: rgb(241 245 249);
}
/* ── Cronómetro ──────────────────────────────────────── */
.landing-crono-estado {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgb(52 211 153);
}
.landing-crono-latido {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 0 0 currentColor;
    animation: landing-latido 2s ease-out infinite;
}
@keyframes landing-latido {
    0% {
        box-shadow: 0 0 0 0 rgb(52 211 153 / 0.5);
    }
    70%,
    100% {
        box-shadow: 0 0 0 0.5rem rgb(52 211 153 / 0);
    }
}
/**
 * El reloj.
 *
 * Monoespaciado y con cifras tabulares porque los dígitos cambian diez veces por
 * minuto: con ancho variable el número entero bailaría en cada tick.
 */
.landing-crono-tiempo {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-variant-numeric: tabular-nums;
    font-size: clamp(3.4rem, 11vw, 4.75rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.03em;
    text-align: center;
    color: rgb(248 250 252);
    text-shadow: 0 0 45px rgb(var(--color-primary) / 0.35);
    transition: color 0.4s ease, text-shadow 0.4s ease;
}
/* Últimos 30 segundos: el mismo aviso que se da en el área. */
.landing-crono-tiempo--descuento {
    color: rgb(251 191 36);
    text-shadow: 0 0 45px rgb(251 191 36 / 0.35);
}
.landing-crono-barra {
    height: 0.25rem;
    border-radius: 999px;
    background: rgb(255 255 255 / 0.08);
    overflow: hidden;
}
.landing-crono-barra > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: rgb(var(--color-primary));
}
.landing-crono-lado {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(var(--landing-borde));
    background: rgb(255 255 255 / 0.03);
}
/* La marca de color es la identificación del competidor en el área. */
.landing-crono-marca {
    width: 0.3rem;
    align-self: stretch;
    border-radius: 999px;
    background: currentColor;
}
.landing-crono-lado--rojo {
    color: rgb(239 68 68);
}
.landing-crono-lado--azul {
    color: rgb(59 130 246);
}
.landing-crono-puntos {
    margin-left: auto;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-variant-numeric: tabular-nums;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    color: rgb(248 250 252);
}
.landing-crono-accion {
    padding: 0.35rem 0.7rem;
    border-radius: 0.5rem;
    border: 1px solid rgb(var(--landing-borde));
    background: rgb(255 255 255 / 0.03);
    font-size: 0.7rem;
    color: rgb(148 163 184);
}
/* ── Recorrido horizontal ────────────────────────────── */
.landing-pista {
    display: flex;
    gap: 1.5rem;
}
/* Solo en escritorio hay transform: en móvil la capa de composición no se usa. */
@media (min-width: 768px) {
    .landing-pista {
        will-change: transform;
    }
}
/**
 * En móvil no hay pin: se recorre con el dedo, que es el gesto natural ahí.
 *
 * Tres cosas que hacían que no se comportara como se espera:
 *
 *  - `scroll-snap-type: x mandatory` capturaba los gestos casi verticales, así que
 *    la página dejaba de bajar mientras el dedo estaba sobre la sección. Con
 *    `proximity` el anclaje solo actúa cuando el gesto fue claramente horizontal.
 *  - `scroll-snap-align: center` era inalcanzable para la primera y la última
 *    tarjeta: centrar una de 78vw pide un margen inicial que no existía, y el
 *    navegador quedaba forcejeando con una posición imposible. Con `start` cada
 *    tarjeta ancla donde de verdad puede quedar.
 *  - Sin `overscroll-behavior-x`, al llegar al extremo el desplazamiento se
 *    encadenaba al navegador y disparaba el gesto de "atrás".
 */
@media (max-width: 767px) {
    .landing-pista {
        overflow-x: auto;
        scroll-snap-type: x proximity;
        overscroll-behavior-x: contain;
        /* Que la tarjeta anclada respete el margen de la sección y no se pegue. */
        scroll-padding-inline-start: 1.25rem;
        padding-bottom: 1rem;
        -webkit-overflow-scrolling: touch;
        /* La barra horizontal sobra: el corte de la tarjeta siguiente ya avisa. */
        scrollbar-width: none;
    }

    .landing-pista::-webkit-scrollbar {
        display: none;
    }

    .landing-pista > * {
        scroll-snap-align: start;
    }
}
/* ── Movimiento reducido ─────────────────────────────── */
/**
 * Con movimiento reducido no se esconde nada: se apagan transiciones y
 * desplazamientos, pero todo el contenido queda visible. Una landing que se apoya
 * en animaciones para mostrar texto es inaccesible, no elegante.
 */
@media (prefers-reduced-motion: reduce) {
    .landing *,
    .landing *::before,
    .landing *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }

    .landing-card:hover {
        transform: none;
    }

    .landing-deporte:hover,
    .landing-deporte:hover img {
        transform: none;
    }

    .landing-btn:hover {
        transform: none;
    }
}
/*
 * Acciones en tablas (Gestorneo, FightIQ, etc.): al hacer hover en la fila, el color del <td>
 * o la transición de "color" en ancestros no debe volver los iconos negros sobre botones info/primary.
 * Los botones semánticos con fondo mantienen texto blanco; el SVG hereda del botón.
 */
/**
 * Configuración de eventos (Formato, Categorías, tabs).
 * Los temas (variables-*.css) sobrescriben .config-choice--active y .config-toggle--active
 * dentro de .config-form-card — no renombrar esas clases.
 */
/* ——— Pestañas del módulo ——— */
.config-page-tab {
  display: flex;
  min-width: 0px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-page-tab,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-page-tab,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-page-tab,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-page-tab {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-page-tab,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-page-tab {
  color: rgb(100 116 139);
}

html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.config-page-tab,
html.dark:not([data-theme]) .league-matchday-heading span.config-page-tab {
  color: rgb(255 255 255 / 0.88);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-page-tab,
html.dark:not([data-theme]) .league-matchday-heading .config-page-tab {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-page-tab,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-page-tab {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-page-tab,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-page-tab,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-page-tab,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-page-tab,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-page-tab,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-page-tab {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-page-tab,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-page-tab,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-page-tab,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-page-tab,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-page-tab,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-page-tab {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-page-tab,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-page-tab {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-page-tab,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-page-tab {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-page-tab,
html.dark[data-theme="7UC"] .app-main-content .config-page-tab {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-page-tab,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-page-tab {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-page-tab,
html.dark[data-theme="7UC"] .app-modal .config-page-tab {
  color: rgb(203 213 225);
}

html[data-theme="7UC"] .app-modal .modal-table-panel .config-page-tab,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-page-tab {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-page-tab,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-page-tab {
  color: #6b7280;
}

html[data-theme="7UC"] .league-matchday-heading span.config-page-tab {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .league-matchday-heading .config-page-tab {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-page-tab,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-page-tab {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-page-tab {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-page-tab,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-page-tab {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-page-tab,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-page-tab {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-page-tab,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-page-tab {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-page-tab {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-page-tab {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-page-tab {
  color: rgb(var(--color-text-muted));
}
.config-page-tab:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
.config-page-tab--active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-border) / var(--tw-ring-opacity, 1));
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-page-tab--active,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-page-tab--active {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-page-tab--active,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-page-tab--active {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-page-tab--active,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-page-tab--active {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-page-tab--active,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-page-tab--active {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-page-tab--active,
html.dark[data-theme="7UC"] .app-main-content .config-page-tab--active {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .config-page-tab--active,
html.dark[data-theme="7UC"] .app-modal .config-page-tab--active {
  background-color: transparent;
}

html[data-theme="7UC"] .app-modal .config-page-tab--active:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-page-tab--active,
html.dark[data-theme="7UC"] .app-modal .config-page-tab--active:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-page-tab--active {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.config-page-tab--active,
html[data-theme="7UC"] .app-modal select.config-page-tab--active,
html[data-theme="7UC"] .app-modal textarea.config-page-tab--active,
html.dark[data-theme="7UC"] .app-modal input.config-page-tab--active,
html.dark[data-theme="7UC"] .app-modal select.config-page-tab--active,
html.dark[data-theme="7UC"] .app-modal textarea.config-page-tab--active {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-page-tab--active,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-page-tab--active {
  color: #111111;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-page-tab--active {
  color: #111111;
}

html[data-theme="7UC"] .event-logs-modal .config-page-tab--active.ring-blue-500\/50 {
  --tw-ring-color: rgb(139 0 0 / 0.5);
  box-shadow: 0 0 0 1px rgb(139 0 0 / 0.5);
}
html[data-theme="7UC"] .coach-profile-option--active .config-page-tab--active,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-page-tab--active {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-page-tab--active {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-page-tab--active {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-page-tab--active {
  color: rgb(var(--color-text));
}
.config-page-tab--active svg {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
.timer-gestorneo-theme .timer-panel-right .config-page-tab--active svg {
  color: rgb(191 219 254);
}
html[data-theme="7UC"] .app-modal .config-page-tab--active svg:not(.multiselect .text-primary):not(.multiselect *),
html.dark[data-theme="7UC"] .app-modal .config-page-tab--active svg:not(.multiselect .text-primary):not(.multiselect *) {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .app-modal [class*="bg-primary/10"] .config-page-tab--active svg,
html.dark[data-theme="7UC"] .app-modal [class*="bg-primary/10"] .config-page-tab--active svg {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .league-matchday-heading.config-page-tab--active svg {
  background-color: #111111;
  color: rgb(255 255 255);
  border-radius: 0;
  padding: 0.875rem 1.25rem;
  margin-bottom: 0;
  font-weight: 600;
  border-bottom: 1px solid rgb(0 0 0 / 0.35);
  box-shadow: 0 1px 0 0 rgb(255 255 255 / 0.06) inset;
}
html[data-theme="7UC"] .profile-tips-card .config-page-tab--active svg {
  color: #111111;
}
/* ——— Formulario principal ———
 * El área de contenido ya no lleva tarjeta propia: en el brief las secciones
 * SON las tarjetas, y una caja envolviendo cajas pegaba los bordes unos con
 * otros. */
.config-form > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
@media (min-width: 640px) {

  .config-form > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
}
/* La cabecera del panel ya no vive dentro de una tarjeta: la línea inferior
   la pegaba a la primera sección como si fueran la misma pieza. Sin línea y
   con aire debajo, se lee como el título de lo que viene. */
.config-summary {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  row-gap: 0.75rem;
  padding-bottom: 0.25rem;
}
@media (min-width: 640px) {

  .config-summary {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}
.config-summary__eyebrow {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-summary__eyebrow,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-summary__eyebrow,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-summary__eyebrow,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-summary__eyebrow {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-summary__eyebrow,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-summary__eyebrow {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-summary__eyebrow,
html.dark:not([data-theme]) .league-matchday-heading .config-summary__eyebrow {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-summary__eyebrow,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-summary__eyebrow {
  color: inherit;
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-summary__eyebrow,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-summary__eyebrow {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-summary__eyebrow,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-summary__eyebrow,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-summary__eyebrow,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-summary__eyebrow,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-summary__eyebrow,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-summary__eyebrow {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-summary__eyebrow,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-summary__eyebrow,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-summary__eyebrow,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-summary__eyebrow,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-summary__eyebrow,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-summary__eyebrow {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-summary__eyebrow,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-summary__eyebrow {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-summary__eyebrow,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-summary__eyebrow {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-summary__eyebrow,
html.dark[data-theme="7UC"] .app-main-content .config-summary__eyebrow {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-summary__eyebrow,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-summary__eyebrow {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-summary__eyebrow,
html.dark[data-theme="7UC"] .app-modal .config-summary__eyebrow {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-summary__eyebrow,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-summary__eyebrow {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-summary__eyebrow {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-summary__eyebrow,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-summary__eyebrow {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-summary__eyebrow {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-summary__eyebrow,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-summary__eyebrow {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-summary__eyebrow,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-summary__eyebrow {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-summary__eyebrow,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-summary__eyebrow {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-summary__eyebrow {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-summary__eyebrow {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-summary__eyebrow {
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-summary__eyebrow {
  color: rgb(var(--color-text-muted));
}
.config-summary__title {
  margin-top: 0.125rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-summary__title,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-summary__title {
  color: inherit;
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-summary__title,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-summary__title {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-summary__title,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-summary__title {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-summary__title,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-summary__title {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-summary__title,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-summary__title {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-summary__title,
html.dark[data-theme="7UC"] .app-main-content .config-summary__title {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .config-summary__title:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-summary__title,
html.dark[data-theme="7UC"] .app-modal .config-summary__title:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-summary__title {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.config-summary__title,
html[data-theme="7UC"] .app-modal select.config-summary__title,
html[data-theme="7UC"] .app-modal textarea.config-summary__title,
html.dark[data-theme="7UC"] .app-modal input.config-summary__title,
html.dark[data-theme="7UC"] .app-modal select.config-summary__title,
html.dark[data-theme="7UC"] .app-modal textarea.config-summary__title {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-summary__title,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-summary__title {
  color: #111111;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-summary__title {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-summary__title,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-summary__title {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-summary__title {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-summary__title {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-summary__title {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-summary__title {
  color: rgb(var(--color-text));
}
.config-summary__chips {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.config-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--color-surface-muted) / 0.8);
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-chip,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-chip {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-chip,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-chip {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-chip,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-chip {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-chip,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-chip {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-chip,
html.dark[data-theme="7UC"] .app-main-content .config-chip {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .config-chip:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-chip,
html.dark[data-theme="7UC"] .app-modal .config-chip:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-chip {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .app-modal .config-chip,
html.dark[data-theme="7UC"] .app-modal .config-chip {
  border-color: rgb(82 82 82);
}

html[data-theme="7UC"] .app-modal input.config-chip,
html[data-theme="7UC"] .app-modal select.config-chip,
html[data-theme="7UC"] .app-modal textarea.config-chip,
html.dark[data-theme="7UC"] .app-modal input.config-chip,
html.dark[data-theme="7UC"] .app-modal select.config-chip,
html.dark[data-theme="7UC"] .app-modal textarea.config-chip {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}

html[data-theme="7UC"] .app-modal .modal-table-panel .config-chip,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-chip {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-chip,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-chip {
  color: #111111;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-chip {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-chip,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-chip {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-chip {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-chip {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-chip {
  color: rgb(var(--color-text));
}
.config-chip--primary {
  border-color: rgb(var(--color-primary) / 0.3);
  background-color: rgb(var(--color-primary) / 0.1);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
.timer-gestorneo-theme .timer-panel-right .config-chip--primary {
  color: rgb(191 219 254);
}
html[data-theme="7UC"] .app-modal .config-chip--primary:not(.multiselect .text-primary):not(.multiselect *),
html.dark[data-theme="7UC"] .app-modal .config-chip--primary:not(.multiselect .text-primary):not(.multiselect *) {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .app-modal [class*="bg-primary/10"] .config-chip--primary,
html.dark[data-theme="7UC"] .app-modal [class*="bg-primary/10"] .config-chip--primary {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .league-matchday-heading.config-chip--primary {
  background-color: #111111;
  color: rgb(255 255 255);
  border-radius: 0;
  padding: 0.875rem 1.25rem;
  margin-bottom: 0;
  font-weight: 600;
  border-bottom: 1px solid rgb(0 0 0 / 0.35);
  box-shadow: 0 1px 0 0 rgb(255 255 255 / 0.06) inset;
}
html[data-theme="7UC"] .profile-tips-card .config-chip--primary {
  color: #111111;
}
.config-summary__save {
  flex-shrink: 0;
  justify-content: center !important;
}
.config-layout {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 1.25rem;
}
@media (min-width: 1280px) {

  .config-layout {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.config-layout__primary {
  min-width: 0px;
}
@media (min-width: 1280px) {

  .config-layout__primary {
    grid-column: span 7 / span 7;
  }
}
.config-layout__aside {
  min-width: 0px;
}
@media (min-width: 1280px) {

  .config-layout__aside {
    position: sticky;
    top: 1rem;
    grid-column: span 5 / span 5;
  }
}
/* ——— Secciones (compartidas: FormConfiguration, CategoriesData) ———
 *
 * Anatomía del brief 8a: tarjeta blanca, título en su cabecera con una línea
 * debajo, y los campos en el cuerpo. Antes era un bloque gris con el título
 * flotando dentro y un icono de 40 px al lado: el icono pesaba más que el
 * título y no separaba una sección de la siguiente.
 */
.config-section {
  overflow: hidden;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}
html[data-theme="7UC"] .app-modal .config-section,
html.dark[data-theme="7UC"] .app-modal .config-section {
  background-color: transparent;
  border-color: rgb(82 82 82);
}
/*
 * El cuerpo lleva su propio aire.
 *
 * La cabecera va a sangre —su línea tiene que cruzar la tarjeta de lado a
 * lado— y todo lo demás va con el margen lateral del brief y separado del
 * bloque anterior. Sin esto los campos quedaban pegados unos a otros y contra
 * el borde de la tarjeta.
 */
.config-section > *:not(.config-section__header) {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 640px) {

  .config-section > *:not(.config-section__header) {
    padding-left: 17px;
    padding-right: 17px;
  }
}
.config-section > .config-section__header + *,
.config-section > *:first-child:not(.config-section__header) {
  padding-top: 1rem;
}
.config-section > *:not(.config-section__header) ~ *:not(.config-section__header) {
  margin-top: 1rem;
}
.config-section > *:last-child:not(.config-section__header) {
  padding-bottom: 1rem;
}
.config-section--compact > *:not(.config-section__header) ~ *:not(.config-section__header) {
  margin-top: 0.75rem;
}
.config-inscriptions-card {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(var(--color-surface-muted) / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-surface-muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(var(--color-panel) / 0.3) var(--tw-gradient-to-position);
}
.timer-gestorneo-theme .config-inscriptions-card.from-red-700.to-red-900 {
  background-image: linear-gradient(to bottom right, rgb(185 28 28), rgb(127 29 29));
}
.timer-gestorneo-theme .config-inscriptions-card.from-blue-700.to-blue-900 {
  background-image: linear-gradient(to bottom right, rgb(29 78 216), rgb(30 58 138));
}
html[data-theme="7UC"] .sport-card-icon-bg.config-inscriptions-card {
  background: #111111;
}
html[data-theme="7UC"] .event-show-logo-bg.config-inscriptions-card {
  background: #111111;
}
html[data-theme="TOQUELAB"] .sport-card-icon-bg.config-inscriptions-card {
  background: linear-gradient(135deg, #16E7D4 0%, #10CFE8 45%, #177FE6 100%);
}
html[data-theme="TOQUELAB"] .event-show-logo-bg.config-inscriptions-card {
  background: linear-gradient(135deg, #16E7D4, #177FE6);
}

html[data-theme="TOQUELAB"] .config-inscriptions-card.from-blue-500.to-purple-600,
html[data-theme="TOQUELAB"] .config-inscriptions-card.from-indigo-500.to-purple-600 {
  background-image: linear-gradient(135deg, #16E7D4 0%, #10CFE8 50%, #177FE6 100%);
}
.config-inscriptions-preview {
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--color-surface) / 0.6);
  padding: 0.75rem;
}
html[data-theme="7UC"] .app-modal .config-inscriptions-preview,
html.dark[data-theme="7UC"] .app-modal .config-inscriptions-preview {
  border-color: rgb(82 82 82);
}
.config-preview-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.config-preview-row,
html.dark:not([data-theme]) .league-matchday-heading span.config-preview-row {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="7UC"] .league-matchday-heading span.config-preview-row {
  color: rgb(255 255 255 / 0.8);
}
.config-preview-row__label {
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-preview-row__label,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-preview-row__label,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-preview-row__label,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-preview-row__label {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-preview-row__label,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-preview-row__label {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-preview-row__label,
html.dark:not([data-theme]) .league-matchday-heading .config-preview-row__label {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-preview-row__label,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-preview-row__label {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-preview-row__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-preview-row__label,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-preview-row__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-preview-row__label,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-preview-row__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-preview-row__label {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-preview-row__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-preview-row__label,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-preview-row__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-preview-row__label,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-preview-row__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-preview-row__label {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-preview-row__label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-preview-row__label {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-preview-row__label,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-preview-row__label {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-preview-row__label,
html.dark[data-theme="7UC"] .app-main-content .config-preview-row__label {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-preview-row__label,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-preview-row__label {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-preview-row__label,
html.dark[data-theme="7UC"] .app-modal .config-preview-row__label {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-preview-row__label,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-preview-row__label {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-preview-row__label {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-preview-row__label,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-preview-row__label {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-preview-row__label {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-preview-row__label,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-preview-row__label {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-preview-row__label,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-preview-row__label {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-preview-row__label,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-preview-row__label {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-preview-row__label {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-preview-row__label {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-preview-row__label {
  color: rgb(var(--color-text-muted));
}
.config-preview-row__value {
  text-align: right;
  font-weight: 500;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-preview-row__value,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-preview-row__value {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-preview-row__value,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-preview-row__value {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-preview-row__value,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-preview-row__value {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-preview-row__value,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-preview-row__value {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-preview-row__value,
html.dark[data-theme="7UC"] .app-main-content .config-preview-row__value {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .config-preview-row__value:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-preview-row__value,
html.dark[data-theme="7UC"] .app-modal .config-preview-row__value:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-preview-row__value {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.config-preview-row__value,
html[data-theme="7UC"] .app-modal select.config-preview-row__value,
html[data-theme="7UC"] .app-modal textarea.config-preview-row__value,
html.dark[data-theme="7UC"] .app-modal input.config-preview-row__value,
html.dark[data-theme="7UC"] .app-modal select.config-preview-row__value,
html.dark[data-theme="7UC"] .app-modal textarea.config-preview-row__value {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}

html[data-theme="7UC"] .app-modal .modal-table-panel .config-preview-row__value,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-preview-row__value {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-preview-row__value,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-preview-row__value {
  color: #111111;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-preview-row__value {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-preview-row__value,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-preview-row__value {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-preview-row__value {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-preview-row__value {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-preview-row__value {
  color: rgb(var(--color-text));
}
.config-flag {
  display: inline-flex;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 11px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-flag,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-flag,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-flag,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-flag {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-flag,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-flag {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-flag,
html.dark:not([data-theme]) .league-matchday-heading .config-flag {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-flag,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-flag {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-flag,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-flag,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-flag,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-flag,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-flag,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-flag {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-flag,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-flag,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-flag,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-flag,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-flag,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-flag {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-flag,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-flag {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-flag,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-flag {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-flag,
html.dark[data-theme="7UC"] .app-main-content .config-flag {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-flag,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-flag {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-flag,
html.dark[data-theme="7UC"] .app-modal .config-flag {
  background-color: transparent;
  color: rgb(203 213 225);
  border-color: rgb(82 82 82);
}

html[data-theme="7UC"] .app-modal .modal-table-panel .config-flag,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-flag {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-flag,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-flag {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-flag {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-flag,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-flag {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-flag {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-flag,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-flag {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-flag,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-flag {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-flag,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-flag {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-flag {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-flag {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-flag {
  color: rgb(var(--color-text-muted));
}
.config-section__header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
html[data-theme="7UC"] .app-modal .config-section__header,
html.dark[data-theme="7UC"] .app-modal .config-section__header {
  background-color: transparent;
  border-color: rgb(82 82 82);
}
@media (min-width: 640px) {

  .config-section__header {
    padding-left: 17px;
    padding-right: 17px;
  }
}
/* El icono acompaña al título; no lo sustituye. */
.config-section__icon {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}
.config-section__icon svg {
  height: 1rem;
  width: 1rem;
}
.config-section__icon--primary {
  background-color: rgb(var(--color-primary) / 0.15);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
.timer-gestorneo-theme .timer-panel-right .config-section__icon--primary {
  color: rgb(191 219 254);
}
html[data-theme="7UC"] .app-modal .config-section__icon--primary:not(.multiselect .text-primary):not(.multiselect *),
html.dark[data-theme="7UC"] .app-modal .config-section__icon--primary:not(.multiselect .text-primary):not(.multiselect *) {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .app-modal [class*="bg-primary/10"] .config-section__icon--primary,
html.dark[data-theme="7UC"] .app-modal [class*="bg-primary/10"] .config-section__icon--primary {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .league-matchday-heading.config-section__icon--primary {
  background-color: #111111;
  color: rgb(255 255 255);
  border-radius: 0;
  padding: 0.875rem 1.25rem;
  margin-bottom: 0;
  font-weight: 600;
  border-bottom: 1px solid rgb(0 0 0 / 0.35);
  box-shadow: 0 1px 0 0 rgb(255 255 255 / 0.06) inset;
}
html[data-theme="7UC"] .profile-tips-card .config-section__icon--primary {
  color: #111111;
}
.config-section__icon--success {
  background-color: rgb(var(--state-positive) / 0.15);
  --tw-text-opacity: 1;
  color: rgb(var(--state-positive-on-surface) / var(--tw-text-opacity, 1));
}
.config-section__icon--info {
  background-color: rgb(var(--state-progress) / 0.15);
  --tw-text-opacity: 1;
  color: rgb(var(--state-progress-on-surface) / var(--tw-text-opacity, 1));
}
.config-section__icon--warning {
  background-color: rgb(var(--state-attention) / 0.15);
  --tw-text-opacity: 1;
  color: rgb(var(--state-attention-on-surface) / var(--tw-text-opacity, 1));
}
html[data-theme="7UC"] .profile-page .config-section__icon--warning {
  color: #333333;
}
.config-section__icon--neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-panel) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-section__icon--neutral,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-section__icon--neutral {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-section__icon--neutral,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-section__icon--neutral {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-section__icon--neutral,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-section__icon--neutral {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-section__icon--neutral,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-section__icon--neutral {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-section__icon--neutral,
html.dark[data-theme="7UC"] .app-main-content .config-section__icon--neutral {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .config-section__icon--neutral:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-section__icon--neutral,
html.dark[data-theme="7UC"] .app-modal .config-section__icon--neutral:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-section__icon--neutral {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.config-section__icon--neutral,
html[data-theme="7UC"] .app-modal select.config-section__icon--neutral,
html[data-theme="7UC"] .app-modal textarea.config-section__icon--neutral,
html.dark[data-theme="7UC"] .app-modal input.config-section__icon--neutral,
html.dark[data-theme="7UC"] .app-modal select.config-section__icon--neutral,
html.dark[data-theme="7UC"] .app-modal textarea.config-section__icon--neutral {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-section__icon--neutral,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-section__icon--neutral {
  color: #111111;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-section__icon--neutral {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-section__icon--neutral,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-section__icon--neutral {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-section__icon--neutral {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-section__icon--neutral {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-section__icon--neutral {
  color: rgb(var(--color-text));
}
.config-section__title {
  font-family: var(--font-display), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-section__title,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-section__title {
  color: inherit;
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-section__title,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-section__title {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-section__title,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-section__title {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-section__title,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-section__title {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-section__title,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-section__title {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-section__title,
html.dark[data-theme="7UC"] .app-main-content .config-section__title {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .config-section__title:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-section__title,
html.dark[data-theme="7UC"] .app-modal .config-section__title:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-section__title {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.config-section__title,
html[data-theme="7UC"] .app-modal select.config-section__title,
html[data-theme="7UC"] .app-modal textarea.config-section__title,
html.dark[data-theme="7UC"] .app-modal input.config-section__title,
html.dark[data-theme="7UC"] .app-modal select.config-section__title,
html.dark[data-theme="7UC"] .app-modal textarea.config-section__title {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-section__title,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-section__title {
  color: #111111;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-section__title {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-section__title,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-section__title {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-section__title {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-section__title {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-section__title {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-section__title {
  color: rgb(var(--color-text));
}
.config-section__subtitle {
  margin-top: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-section__subtitle,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-section__subtitle,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-section__subtitle,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-section__subtitle {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-section__subtitle,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-section__subtitle {
  color: rgb(100 116 139);
}

html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.config-section__subtitle,
html.dark:not([data-theme]) .league-matchday-heading span.config-section__subtitle {
  color: rgb(255 255 255 / 0.88);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-section__subtitle,
html.dark:not([data-theme]) .league-matchday-heading .config-section__subtitle {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-section__subtitle,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-section__subtitle {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-section__subtitle,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-section__subtitle,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-section__subtitle,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-section__subtitle,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-section__subtitle,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-section__subtitle {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-section__subtitle,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-section__subtitle,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-section__subtitle,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-section__subtitle,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-section__subtitle,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-section__subtitle {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-section__subtitle,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-section__subtitle {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-section__subtitle,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-section__subtitle {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-section__subtitle,
html.dark[data-theme="7UC"] .app-main-content .config-section__subtitle {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-section__subtitle,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-section__subtitle {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-section__subtitle,
html.dark[data-theme="7UC"] .app-modal .config-section__subtitle {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-section__subtitle,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-section__subtitle {
  color: #6b7280;
}

html[data-theme="7UC"] .league-matchday-heading span.config-section__subtitle {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .league-matchday-heading .config-section__subtitle {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-section__subtitle,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-section__subtitle {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-section__subtitle {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-section__subtitle,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-section__subtitle {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-section__subtitle,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-section__subtitle {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-section__subtitle,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-section__subtitle {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-section__subtitle {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-section__subtitle {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-section__subtitle {
  color: rgb(var(--color-text-muted));
}
/* Elegir entre tres formatos es un segmento, no tres tarjetones (brief 8a):
   caben en una línea, se comparan de un vistazo y no se llevan media pantalla
   antes del resto de ajustes. */
.config-choice-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}
@media (min-width: 640px) {

  .config-choice-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.config-choice {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-align: center;
  font-size: 12.5px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-choice,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-choice,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-choice,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-choice {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-choice,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-choice {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-choice,
html.dark:not([data-theme]) .league-matchday-heading .config-choice {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-choice,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-choice {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-choice,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-choice,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-choice,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-choice,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-choice,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-choice {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-choice,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-choice,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-choice,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-choice,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-choice,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-choice {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-choice,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-choice {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-choice,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-choice {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-choice,
html.dark[data-theme="7UC"] .app-main-content .config-choice {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-choice,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-choice {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-choice,
html.dark[data-theme="7UC"] .app-modal .config-choice {
  background-color: transparent;
  color: rgb(203 213 225);
  border-color: rgb(82 82 82);
}

html[data-theme="7UC"] .app-modal .modal-table-panel .config-choice,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-choice {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-choice,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-choice {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-choice {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-choice,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-choice {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-choice {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-choice,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-choice {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-choice,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-choice {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-choice,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-choice {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-choice {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-choice {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-choice {
  color: rgb(var(--color-text-muted));
}
.config-choice:hover {
  border-color: rgb(var(--color-primary) / 0.4);
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
.config-choice--active {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--color-primary) / 0.1);
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
html[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-choice--active,
html:not([data-theme]) .table-cell-actions button.base-button--outline.config-choice--active,
html[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-choice--active,
html:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-choice--active {
  background-color: rgb(var(--color-surface-muted));
  border-color: rgb(var(--color-primary) / 0.42);
  color: rgb(var(--color-primary));
}
html[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-choice--active svg,
html:not([data-theme]) .table-cell-actions button.base-button--outline.config-choice--active svg,
html[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-choice--active svg,
html:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-choice--active svg {
  color: inherit;
  fill: currentColor;
}
html[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-choice--active:hover:not(:disabled),
html:not([data-theme]) .table-cell-actions button.base-button--outline.config-choice--active:hover:not(:disabled),
html[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-choice--active:hover:not(:disabled),
html:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-choice--active:hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.16);
  border-color: rgb(var(--color-primary) / 0.58);
  color: rgb(var(--color-primary));
}
html.dark[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-choice--active,
html.dark:not([data-theme]) .table-cell-actions button.base-button--outline.config-choice--active,
html.dark[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-choice--active,
html.dark:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-choice--active {
  color: rgb(var(--color-primary-light));
}
html.dark[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-choice--active:hover:not(:disabled),
html.dark:not([data-theme]) .table-cell-actions button.base-button--outline.config-choice--active:hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-choice--active:hover:not(:disabled),
html.dark:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-choice--active:hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.2);
  border-color: rgb(var(--color-primary) / 0.62);
  color: rgb(var(--color-primary-light));
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-choice--active,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-choice--active {
  color: inherit;
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-choice--active,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-choice--active {
  color: rgb(var(--color-text));
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-choice--active,
html:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-choice--active {
  border-color: rgb(var(--color-primary) / 0.5);
  color: rgb(var(--color-primary));
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-choice--active,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-choice--active {
  border-color: rgb(var(--color-primary) / 0.55);
  color: rgb(var(--color-primary-light));
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-choice--active:hover:not(:disabled),
html:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-choice--active:hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-choice--active:hover:not(:disabled),
html.dark:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-choice--active:hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.18);
  border-color: rgb(var(--color-primary));
  color: rgb(255 255 255);
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-choice--active,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-choice--active {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-choice--active,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-choice--active {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-choice--active):not(.border-danger):not(.border-success),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-choice--active):not(.border-danger):not(.border-success),
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-choice--active):not(.border-danger):not(.border-success),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-choice--active):not(.border-danger):not(.border-success) {
  background-color: rgb(var(--color-surface-muted));
  border-color: rgb(var(--color-border-dark));
  color: rgb(var(--color-text));
}
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-choice--active):not(.border-danger):not(.border-success):hover:not(:disabled),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-choice--active):not(.border-danger):not(.border-success):hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-choice--active):not(.border-danger):not(.border-success):hover:not(:disabled),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-choice--active):not(.border-danger):not(.border-success):hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.14);
  border-color: rgb(var(--color-primary));
  color: rgb(var(--color-primary-light));
}
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-choice--active):not(.border-danger):not(.border-success) svg,
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-choice--active):not(.border-danger):not(.border-success) svg,
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-choice--active):not(.border-danger):not(.border-success) svg,
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-choice--active):not(.border-danger):not(.border-success) svg {
  color: inherit;
  fill: currentColor;
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-choice--active,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-choice--active {
  color: rgb(var(--color-text));
}
html[data-theme="7UC"] button.base-button--outline.config-choice--active:hover:not(:disabled),
html[data-theme="7UC"] a.base-button--outline.config-choice--active:hover:not(:disabled),
html[data-theme="7UC"] button.base-button--outline.config-choice--active:focus-visible:not(:disabled),
html[data-theme="7UC"] a.base-button--outline.config-choice--active:focus-visible:not(:disabled),
html.dark[data-theme="7UC"] button.base-button--outline.config-choice--active:hover:not(:disabled),
html.dark[data-theme="7UC"] a.base-button--outline.config-choice--active:hover:not(:disabled),
html.dark[data-theme="7UC"] button.base-button--outline.config-choice--active:focus-visible:not(:disabled),
html.dark[data-theme="7UC"] a.base-button--outline.config-choice--active:focus-visible:not(:disabled) {
  background-color: rgb(var(--color-primary-hover));
  border-color: rgb(var(--color-primary-hover));
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-main-content .config-choice--active,
html.dark[data-theme="7UC"] .app-main-content .config-choice--active {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .config-choice--active:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-choice--active,
html.dark[data-theme="7UC"] .app-modal .config-choice--active:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-choice--active {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.config-choice--active,
html[data-theme="7UC"] .app-modal select.config-choice--active,
html[data-theme="7UC"] .app-modal textarea.config-choice--active,
html.dark[data-theme="7UC"] .app-modal input.config-choice--active,
html.dark[data-theme="7UC"] .app-modal select.config-choice--active,
html.dark[data-theme="7UC"] .app-modal textarea.config-choice--active {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-choice--active,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-choice--active {
  color: #111111;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-choice--active {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-choice--active,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-choice--active {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] button.base-button--outline.config-choice--active,
html[data-theme="TOQUELAB"] a.base-button--outline.config-choice--active {
  color: #10CFE8;
  border-color: #10CFE8;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
html[data-theme="TOQUELAB"] button.base-button--outline.config-choice--active:hover:not(:disabled),
html[data-theme="TOQUELAB"] a.base-button--outline.config-choice--active:hover:not(:disabled) {
  background-color: #0EA5B9;
  border-color: #0EA5B9;
  color: #ffffff;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
html[data-theme="TOQUELAB"] button.base-button--outline.config-choice--active:hover:not(:disabled) svg,
html[data-theme="TOQUELAB"] a.base-button--outline.config-choice--active:hover:not(:disabled) svg {
  color: #ffffff;
  fill: currentColor;
  filter: none;
}
html[data-theme="TOQUELAB"] .table-pagination button.config-choice--active:not(:disabled) {
  background-color: transparent;
  border-color: rgb(var(--chrome-ink));
  color: rgb(var(--chrome-ink));
}
html[data-theme="TOQUELAB"] .table-pagination button.config-choice--active:not(:disabled):hover {
  background-color: rgb(var(--chrome-ink));
  color: rgb(var(--chrome-on-hi));
}
html[data-theme="TOQUELAB"] .table-pagination button.config-choice--active:disabled {
  border-color: rgb(var(--color-border));
  color: rgb(var(--color-text-muted));
}
html.dark[data-theme="TOQUELAB"] .table-pagination button.config-choice--active:not(:disabled) {
  border-color: rgb(var(--color-primary));
  color: rgb(var(--color-primary-light));
}
html[data-theme="TOQUELAB"] .multiselect__option .config-choice--active {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-choice--active {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-choice--active {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-choice--active {
  color: rgb(var(--color-text));
}
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-choice--active {
    border-color: rgb(var(--color-primary) / 0.55);
    color: rgb(var(--color-primary-light));
}
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-choice--active:hover:not(:disabled) {
    background-color: rgb(var(--color-primary) / 0.18);
    border-color: rgb(var(--color-primary));
    color: rgb(255 255 255);
}
.config-choice--disabled,
.config-choice:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.config-choice--disabled:hover,
.config-choice:disabled:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}
.config-choice--disabled.config-choice--active,
.config-choice:disabled.config-choice--active {
  opacity: 1;
}
.config-choice__body {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.config-choice--active .config-choice__desc {
  color: rgb(255 255 255 / 0.8);
}
.config-choice__icon {
  margin-top: 0.125rem;
}
.config-choice__label {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}

html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.config-choice__label,
html.dark:not([data-theme]) .league-matchday-heading span.config-choice__label {
  color: rgb(255 255 255 / 0.88);
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-choice__label,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-choice__label {
  color: inherit;
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.config-choice__label.font-bold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.config-choice__label.font-bold,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.config-choice__label.font-semibold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.config-choice__label.font-semibold {
  color: rgb(var(--color-text));
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-choice__label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-choice__label {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-choice__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-choice__label {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-choice__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-choice__label {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-choice__label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-choice__label {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-choice__label,
html.dark[data-theme="7UC"] .app-main-content .config-choice__label {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .config-choice__label:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-choice__label,
html.dark[data-theme="7UC"] .app-modal .config-choice__label:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-choice__label {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.config-choice__label,
html[data-theme="7UC"] .app-modal select.config-choice__label,
html[data-theme="7UC"] .app-modal textarea.config-choice__label,
html.dark[data-theme="7UC"] .app-modal input.config-choice__label,
html.dark[data-theme="7UC"] .app-modal select.config-choice__label,
html.dark[data-theme="7UC"] .app-modal textarea.config-choice__label {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-choice__label,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-choice__label {
  color: #111111;
}

html[data-theme="7UC"] .league-matchday-heading span.config-choice__label {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-choice__label {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-choice__label,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-choice__label {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-choice__label {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-choice__label {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.config-choice__label.font-bold,
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.config-choice__label.font-semibold {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-choice__label {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-choice__label {
  color: rgb(var(--color-text));
}
.config-choice--active .config-choice__label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
html[data-theme="7UC"] .event-logs-modal .config-choice--active .config-choice__label {
  color: #111111;
}

html[data-theme="7UC"] .event-logs-modal span[class*="bg-indigo"].config-choice--active .config-choice__label {
  background-color: #8B0000;
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .dashboard-ranking-filters .config-choice--active .config-choice__label {
  color: rgb(var(--color-text));
}
.config-choice__desc {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-choice__desc,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-choice__desc,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-choice__desc,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-choice__desc {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-choice__desc,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-choice__desc {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-choice__desc,
html.dark:not([data-theme]) .league-matchday-heading .config-choice__desc {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-choice__desc,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-choice__desc {
  color: inherit;
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.config-choice__desc.font-bold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.config-choice__desc.font-bold,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.config-choice__desc.font-semibold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.config-choice__desc.font-semibold {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-choice__desc,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-choice__desc,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-choice__desc,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-choice__desc,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-choice__desc,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-choice__desc {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-choice__desc,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-choice__desc,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-choice__desc,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-choice__desc,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-choice__desc,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-choice__desc {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-choice__desc,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-choice__desc {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-choice__desc,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-choice__desc {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-choice__desc,
html.dark[data-theme="7UC"] .app-main-content .config-choice__desc {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-choice__desc,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-choice__desc {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-choice__desc,
html.dark[data-theme="7UC"] .app-modal .config-choice__desc {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-choice__desc,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-choice__desc {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-choice__desc {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-choice__desc,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-choice__desc {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-choice__desc {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-choice__desc,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-choice__desc {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-choice__desc,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-choice__desc {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-choice__desc,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-choice__desc {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-choice__desc {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-choice__desc {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.config-choice__desc.font-bold,
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.config-choice__desc.font-semibold {
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-choice__desc {
  color: rgb(var(--color-text-muted));
}
.config-choice__check {
  margin-left: auto;
  margin-top: 0.125rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
html[data-theme="7UC"] .event-logs-modal .config-choice__check {
  color: #111111;
}

html[data-theme="7UC"] .event-logs-modal span[class*="bg-indigo"].config-choice__check {
  background-color: #8B0000;
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .dashboard-ranking-filters .config-choice__check {
  color: rgb(var(--color-text));
}
/* Rótulo de campo del brief: 12,5 px, semibold, gris secundario. */
.config-field-label {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 12.5px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-field-label,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-field-label,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-field-label,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-field-label {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-field-label,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-field-label {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-field-label,
html.dark:not([data-theme]) .league-matchday-heading .config-field-label {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-field-label,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-field-label {
  color: inherit;
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.config-field-label.font-bold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.config-field-label.font-bold,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.config-field-label.font-semibold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.config-field-label.font-semibold {
  color: rgb(var(--color-text));
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-field-label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-field-label {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-field-label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-field-label,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-field-label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-field-label,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-field-label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-field-label {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-field-label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-field-label,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-field-label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-field-label,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-field-label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-field-label {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-field-label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-field-label {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-field-label,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-field-label {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-field-label,
html.dark[data-theme="7UC"] .app-main-content .config-field-label {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-field-label,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-field-label {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-field-label,
html.dark[data-theme="7UC"] .app-modal .config-field-label {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-field-label,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-field-label {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-field-label {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-field-label,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-field-label {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-field-label {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-field-label,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-field-label {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-field-label,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-field-label {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-field-label,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-field-label {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-field-label {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-field-label {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.config-field-label.font-bold,
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.config-field-label.font-semibold {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-field-label {
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-field-label {
  color: rgb(var(--color-text-muted));
}
/* Envoltorio de tabla dentro de una sección: la sección ya es la tarjeta, así
   que esto solo recorta las esquinas y separa la tabla de la cabecera. */
.config-table-shell {
  margin-left: -1rem;
  margin-right: -1rem;
  overflow: hidden;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
}
html[data-theme="7UC"] .app-modal .config-table-shell,
html.dark[data-theme="7UC"] .app-modal .config-table-shell {
  border-color: rgb(82 82 82);
}
@media (min-width: 640px) {

  .config-table-shell {
    margin-left: -17px;
    margin-right: -17px;
  }
}
.config-hint {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--color-surface-muted) / 0.8);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-hint,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-hint,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-hint,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-hint {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-hint,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-hint {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-hint,
html.dark:not([data-theme]) .league-matchday-heading .config-hint {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-hint,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-hint {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-hint,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-hint,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-hint,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-hint,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-hint,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-hint {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-hint,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-hint,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-hint,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-hint,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-hint,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-hint {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-hint,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-hint {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-hint,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-hint {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-hint,
html.dark[data-theme="7UC"] .app-main-content .config-hint {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-hint,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-hint {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-hint,
html.dark[data-theme="7UC"] .app-modal .config-hint {
  color: rgb(203 213 225);
  border-color: rgb(82 82 82);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-hint,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-hint {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-hint {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-hint,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-hint {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-hint {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-hint,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-hint {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-hint,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-hint {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-hint,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-hint {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-hint {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-hint {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-hint {
  color: rgb(var(--color-text-muted));
}
.config-kpi {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(var(--state-positive) / 0.3);
  background-color: rgb(var(--state-positive) / 0.1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 640px) {

  .config-kpi {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }
}
.config-kpi__value {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(var(--state-positive-on-surface) / var(--tw-text-opacity, 1));
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-kpi__value,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-kpi__value {
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-kpi__value {
  color: rgb(var(--color-text));
}
.config-kpi__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}

html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.config-kpi__text,
html.dark:not([data-theme]) .league-matchday-heading span.config-kpi__text {
  color: rgb(255 255 255 / 0.88);
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-kpi__text,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-kpi__text {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-kpi__text,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-kpi__text {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-kpi__text,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-kpi__text {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-kpi__text,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-kpi__text {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-kpi__text,
html.dark[data-theme="7UC"] .app-main-content .config-kpi__text {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .config-kpi__text:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-kpi__text,
html.dark[data-theme="7UC"] .app-modal .config-kpi__text:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-kpi__text {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.config-kpi__text,
html[data-theme="7UC"] .app-modal select.config-kpi__text,
html[data-theme="7UC"] .app-modal textarea.config-kpi__text,
html.dark[data-theme="7UC"] .app-modal input.config-kpi__text,
html.dark[data-theme="7UC"] .app-modal select.config-kpi__text,
html.dark[data-theme="7UC"] .app-modal textarea.config-kpi__text {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-kpi__text,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-kpi__text {
  color: #111111;
}

html[data-theme="7UC"] .league-matchday-heading span.config-kpi__text {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-kpi__text {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-kpi__text,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-kpi__text {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-kpi__text {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-kpi__text {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-kpi__text {
  color: rgb(var(--color-text));
}
/* El panel de puntos: mismo radio que las tarjetas de sección (12 px), no uno
   mayor dentro de otro. Anidar radios distintos es lo que hace que un bloque
   parezca despegado del que lo contiene. */
.config-points-panel > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.config-points-panel {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--color-surface-muted) / 0.6);
  padding: 1rem;
}
html[data-theme="7UC"] .app-modal .config-points-panel,
html.dark[data-theme="7UC"] .app-modal .config-points-panel {
  border-color: rgb(82 82 82);
}
.config-points-panel__head {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 640px) {

  .config-points-panel__head {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.config-points-panel__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}

html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.config-points-panel__title,
html.dark:not([data-theme]) .league-matchday-heading span.config-points-panel__title {
  color: rgb(255 255 255 / 0.88);
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-panel__title,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-panel__title {
  color: inherit;
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-points-panel__title,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-points-panel__title {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-points-panel__title,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-points-panel__title {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-points-panel__title,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-points-panel__title {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-points-panel__title,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-points-panel__title {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-points-panel__title,
html.dark[data-theme="7UC"] .app-main-content .config-points-panel__title {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .config-points-panel__title:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-points-panel__title,
html.dark[data-theme="7UC"] .app-modal .config-points-panel__title:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-points-panel__title {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.config-points-panel__title,
html[data-theme="7UC"] .app-modal select.config-points-panel__title,
html[data-theme="7UC"] .app-modal textarea.config-points-panel__title,
html.dark[data-theme="7UC"] .app-modal input.config-points-panel__title,
html.dark[data-theme="7UC"] .app-modal select.config-points-panel__title,
html.dark[data-theme="7UC"] .app-modal textarea.config-points-panel__title {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-panel__title,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-panel__title {
  color: #111111;
}

html[data-theme="7UC"] .league-matchday-heading span.config-points-panel__title {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-points-panel__title {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-points-panel__title,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-points-panel__title {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-points-panel__title {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-panel__title {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-points-panel__title {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-points-panel__title {
  color: rgb(var(--color-text));
}
.config-points-panel__help {
  margin-top: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-points-panel__help,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-points-panel__help,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-points-panel__help,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-points-panel__help {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-points-panel__help,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-points-panel__help {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-points-panel__help,
html.dark:not([data-theme]) .league-matchday-heading .config-points-panel__help {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-panel__help,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-panel__help {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-panel__help,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-panel__help,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-panel__help,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-panel__help,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-panel__help,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-points-panel__help {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-panel__help,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-panel__help,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-panel__help,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-panel__help,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-panel__help,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-points-panel__help {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-points-panel__help,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-points-panel__help {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-points-panel__help,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-points-panel__help {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-points-panel__help,
html.dark[data-theme="7UC"] .app-main-content .config-points-panel__help {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-panel__help,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-panel__help {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-points-panel__help,
html.dark[data-theme="7UC"] .app-modal .config-points-panel__help {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-panel__help,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-panel__help {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-points-panel__help {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-panel__help,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-panel__help {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-panel__help {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-panel__help,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-panel__help {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-points-panel__help,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-points-panel__help {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-points-panel__help,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-points-panel__help {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-points-panel__help {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-panel__help {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-points-panel__help {
  color: rgb(var(--color-text-muted));
}
.config-points-total {
  display: flex;
  flex-shrink: 0;
  align-items: baseline;
  gap: 0.375rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(var(--state-positive) / 0.3);
  background-color: rgb(var(--state-positive) / 0.1);
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.config-points-total__label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-points-total__label,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-points-total__label,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-points-total__label,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-points-total__label {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-points-total__label,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-points-total__label {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-points-total__label,
html.dark:not([data-theme]) .league-matchday-heading .config-points-total__label {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-total__label,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-total__label {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-total__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-total__label,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-total__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-total__label,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-total__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-points-total__label {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-total__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-total__label,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-total__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-total__label,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-total__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-points-total__label {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-points-total__label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-points-total__label {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-points-total__label,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-points-total__label {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-points-total__label,
html.dark[data-theme="7UC"] .app-main-content .config-points-total__label {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-total__label,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-total__label {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-points-total__label,
html.dark[data-theme="7UC"] .app-modal .config-points-total__label {
  color: rgb(203 213 225);
}

html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-total__label,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-total__label {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-total__label,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-total__label {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-points-total__label {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-total__label,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-total__label {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-total__label {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-total__label,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-total__label {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-points-total__label,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-points-total__label {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-points-total__label,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-points-total__label {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-points-total__label {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-total__label {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-points-total__label {
  color: rgb(var(--color-text-muted));
}
.config-points-total__value {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(var(--state-positive-on-surface) / var(--tw-text-opacity, 1));
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-points-total__value,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-points-total__value {
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-points-total__value {
  color: rgb(var(--color-text));
}
.config-points-total__unit {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-points-total__unit,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-points-total__unit,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-points-total__unit,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-points-total__unit {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-points-total__unit,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-points-total__unit {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-points-total__unit,
html.dark:not([data-theme]) .league-matchday-heading .config-points-total__unit {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-total__unit,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-total__unit {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-total__unit,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-total__unit,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-total__unit,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-total__unit,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-total__unit,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-points-total__unit {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-total__unit,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-total__unit,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-total__unit,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-total__unit,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-total__unit,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-points-total__unit {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-points-total__unit,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-points-total__unit {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-points-total__unit,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-points-total__unit {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-points-total__unit,
html.dark[data-theme="7UC"] .app-main-content .config-points-total__unit {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-total__unit,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-total__unit {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-points-total__unit,
html.dark[data-theme="7UC"] .app-modal .config-points-total__unit {
  color: rgb(203 213 225);
}

html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-total__unit,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-total__unit {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-total__unit,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-total__unit {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-points-total__unit {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-total__unit,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-total__unit {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-total__unit {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-total__unit,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-total__unit {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-points-total__unit,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-points-total__unit {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-points-total__unit,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-points-total__unit {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-points-total__unit {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-total__unit {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-points-total__unit {
  color: rgb(var(--color-text-muted));
}
.config-points-presets {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 640px) {

  .config-points-presets {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
  }
}
.config-points-presets__label {
  flex-shrink: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-points-presets__label,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-points-presets__label,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-points-presets__label,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-points-presets__label {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-points-presets__label,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-points-presets__label {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-points-presets__label,
html.dark:not([data-theme]) .league-matchday-heading .config-points-presets__label {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-presets__label,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-presets__label {
  color: inherit;
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-points-presets__label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-points-presets__label {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-presets__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-presets__label,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-presets__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-presets__label,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-presets__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-points-presets__label {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-presets__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-presets__label,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-presets__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-presets__label,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-presets__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-points-presets__label {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-points-presets__label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-points-presets__label {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-points-presets__label,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-points-presets__label {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-points-presets__label,
html.dark[data-theme="7UC"] .app-main-content .config-points-presets__label {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-presets__label,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-presets__label {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-points-presets__label,
html.dark[data-theme="7UC"] .app-modal .config-points-presets__label {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-presets__label,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-presets__label {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-points-presets__label {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-presets__label,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-presets__label {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-presets__label {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-presets__label,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-presets__label {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-points-presets__label,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-points-presets__label {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-points-presets__label,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-points-presets__label {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-points-presets__label {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-presets__label {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-points-presets__label {
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-points-presets__label {
  color: rgb(var(--color-text-muted));
}
.config-points-presets__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.config-points-preset {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-preset,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-preset {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-points-preset,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-points-preset {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-points-preset,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-points-preset {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-points-preset,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-points-preset {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-points-preset,
html.dark[data-theme="7UC"] .app-main-content .config-points-preset {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .config-points-preset,
html.dark[data-theme="7UC"] .app-modal .config-points-preset {
  background-color: transparent;
}

html[data-theme="7UC"] .app-modal .config-points-preset:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-points-preset,
html.dark[data-theme="7UC"] .app-modal .config-points-preset:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-points-preset {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .app-modal .config-points-preset,
html.dark[data-theme="7UC"] .app-modal .config-points-preset {
  border-color: rgb(82 82 82);
}

html[data-theme="7UC"] .app-modal input.config-points-preset,
html[data-theme="7UC"] .app-modal select.config-points-preset,
html[data-theme="7UC"] .app-modal textarea.config-points-preset,
html.dark[data-theme="7UC"] .app-modal input.config-points-preset,
html.dark[data-theme="7UC"] .app-modal select.config-points-preset,
html.dark[data-theme="7UC"] .app-modal textarea.config-points-preset {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}

html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-preset,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-preset {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-preset,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-preset {
  color: #111111;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-points-preset {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-points-preset,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-points-preset {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-points-preset {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-preset {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-points-preset {
  color: rgb(var(--color-text));
}
.config-points-preset:hover {
  border-color: rgb(var(--color-primary) / 0.4);
  background-color: rgb(var(--color-primary) / 0.1);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
/* Sin scroll interno: con el panel a lo ancho caben los ocho puestos, y una
   caja que se desplaza dentro de una página que también se desplaza es una
   trampa —el ratón nunca sabe cuál mueve—. */
.config-points-scroll {
  overscroll-behavior: contain;
}
/* Cada puesto es una fila corta, así que caben cuatro por línea en pantalla
   ancha: antes iban de dos en dos y sobraba medio panel vacío. */
.config-points-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.625rem;
}
@media (min-width: 640px) {

  .config-points-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .config-points-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1536px) {

  .config-points-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.config-points-card {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
html[data-theme="7UC"] .app-modal .config-points-card,
html.dark[data-theme="7UC"] .app-modal .config-points-card {
  background-color: transparent;
  border-color: rgb(82 82 82);
}
.config-points-card__rank {
  display: flex;
  min-width: 0px;
  flex: 1 1 0%;
  align-items: center;
  gap: 0.625rem;
}
.config-points-card__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}

html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.config-points-card__label,
html.dark:not([data-theme]) .league-matchday-heading span.config-points-card__label {
  color: rgb(255 255 255 / 0.88);
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-card__label,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-card__label {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-points-card__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-points-card__label {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-points-card__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-points-card__label {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-points-card__label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-points-card__label {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-points-card__label,
html.dark[data-theme="7UC"] .app-main-content .config-points-card__label {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .config-points-card__label:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-points-card__label,
html.dark[data-theme="7UC"] .app-modal .config-points-card__label:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-points-card__label {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.config-points-card__label,
html[data-theme="7UC"] .app-modal select.config-points-card__label,
html[data-theme="7UC"] .app-modal textarea.config-points-card__label,
html.dark[data-theme="7UC"] .app-modal input.config-points-card__label,
html.dark[data-theme="7UC"] .app-modal select.config-points-card__label,
html.dark[data-theme="7UC"] .app-modal textarea.config-points-card__label {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}

html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-card__label,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-card__label {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-card__label,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-card__label {
  color: #111111;
}

html[data-theme="7UC"] .league-matchday-heading span.config-points-card__label {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-points-card__label {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-points-card__label,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-points-card__label {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-points-card__label {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-card__label {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-points-card__label {
  color: rgb(var(--color-text));
}
/* El campo, del ancho de su contenido: son dos dígitos, no una frase. */
.config-points-card__input {
  width: 4rem;
  flex-shrink: 0;
}
.config-points-card__input input {
  min-height: 2.5rem;
  text-align: center;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 15px;
  font-weight: 600;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-points-card__input input,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-points-card__input input {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-points-card__input input {
  color: rgb(var(--color-text));
}
.config-points-badge {
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-muted) / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-badge,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-badge {
  color: inherit;
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-points-badge,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-points-badge {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-points-badge,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-points-badge {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-points-badge,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-points-badge {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-points-badge,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-points-badge {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-points-badge,
html.dark[data-theme="7UC"] .app-main-content .config-points-badge {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .config-points-badge,
html.dark[data-theme="7UC"] .app-modal .config-points-badge {
  background-color: #1F1F1F;
}

html[data-theme="7UC"] .app-modal .config-points-badge:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-points-badge,
html.dark[data-theme="7UC"] .app-modal .config-points-badge:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-points-badge {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .app-modal .config-points-badge,
html.dark[data-theme="7UC"] .app-modal .config-points-badge {
  border-color: rgb(82 82 82);
}

html[data-theme="7UC"] .app-modal input.config-points-badge,
html[data-theme="7UC"] .app-modal select.config-points-badge,
html[data-theme="7UC"] .app-modal textarea.config-points-badge,
html.dark[data-theme="7UC"] .app-modal input.config-points-badge,
html.dark[data-theme="7UC"] .app-modal select.config-points-badge,
html.dark[data-theme="7UC"] .app-modal textarea.config-points-badge {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-badge,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-badge {
  color: #111111;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-points-badge {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-points-badge,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-points-badge {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-points-badge {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-badge {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-points-badge {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-points-badge {
  color: rgb(var(--color-text));
}
.config-points-badge--gold {
  border-color: rgb(var(--state-attention) / 0.35);
  background-color: rgb(var(--state-attention) / 0.2);
  --tw-text-opacity: 1;
  color: rgb(var(--state-attention-on-surface) / var(--tw-text-opacity, 1));
}
html[data-theme="7UC"] .profile-page .config-points-badge--gold {
  color: #333333;
}
.config-points-badge--silver {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-panel) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-points-badge--silver,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-points-badge--silver,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-points-badge--silver,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-points-badge--silver {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-points-badge--silver,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-points-badge--silver {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-points-badge--silver,
html.dark:not([data-theme]) .league-matchday-heading .config-points-badge--silver {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-badge--silver,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-badge--silver {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-badge--silver,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-badge--silver,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-badge--silver,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-badge--silver,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-badge--silver,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-points-badge--silver {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-badge--silver,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-badge--silver,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-badge--silver,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-badge--silver,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-badge--silver,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-points-badge--silver {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-points-badge--silver,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-points-badge--silver {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-points-badge--silver,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-points-badge--silver {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-points-badge--silver,
html.dark[data-theme="7UC"] .app-main-content .config-points-badge--silver {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-badge--silver,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-badge--silver {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-points-badge--silver,
html.dark[data-theme="7UC"] .app-modal .config-points-badge--silver {
  color: rgb(203 213 225);
  border-color: rgb(82 82 82);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-points-badge--silver,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-points-badge--silver {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-points-badge--silver {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-points-badge--silver,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-points-badge--silver {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-points-badge--silver {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-badge--silver,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-points-badge--silver {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-points-badge--silver,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-points-badge--silver {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-points-badge--silver,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-points-badge--silver {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-points-badge--silver {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-points-badge--silver {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-points-badge--silver {
  color: rgb(var(--color-text-muted));
}
.config-points-badge--bronze {
  border-color: rgb(217 119 6 / 0.3);
  background-color: rgb(var(--state-attention) / 0.15);
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.dark .config-points-badge--bronze {
  border-color: rgb(245 158 11 / 0.35);
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.config-subpanel {
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--color-surface-muted) / 0.5);
  padding: 1rem;
}
html[data-theme="7UC"] .app-modal .config-subpanel,
html.dark[data-theme="7UC"] .app-modal .config-subpanel {
  border-color: rgb(82 82 82);
}
/* ——— Toggles (Inscripciones, Precios) ——— */
.config-toggle {
  display: flex;
  min-height: 3.25rem;
  cursor: pointer;
  border-radius: 0.75rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
html[data-theme="7UC"] .app-modal .config-toggle,
html.dark[data-theme="7UC"] .app-modal .config-toggle {
  background-color: transparent;
  border-color: rgb(82 82 82);
}
.config-toggle:hover {
  border-color: rgb(var(--color-primary) / 0.4);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-muted) / var(--tw-bg-opacity, 1));
}
.config-toggle--card {
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}
.config-toggle--row {
  flex-direction: row;
  align-items: flex-start;
  gap: 0.75rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.config-toggle--flush {
  min-height: 0px;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
}
.config-toggle--flush:hover {
  border-width: 0px;
  background-color: transparent;
}
tbody tr:hover .table-cell-actions button.config-toggle--active.config-toggle--card,
  tbody tr:hover .table-cell-actions a.config-toggle--active.config-toggle--card {
    color: rgb(255 255 255);
  }
tbody tr:hover .table-cell-actions button.config-toggle--active.config-toggle--card svg,
  tbody tr:hover .table-cell-actions a.config-toggle--active.config-toggle--card svg {
    color: inherit;
    fill: currentColor;
  }
.config-toggle--active.config-toggle--card {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(var(--color-primary) / 0.2);
}
html[data-theme="GESTORNEO"] .table-pagination button:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover),
html:not([data-theme]) .table-pagination button:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover),
html[data-theme="GESTORNEO"] .table-pagination a:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover),
html:not([data-theme]) .table-pagination a:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover) {
  background-color: rgb(var(--color-surface-muted));
  border-color: rgb(var(--color-border));
  color: rgb(var(--color-text));
}
html[data-theme="GESTORNEO"] .table-pagination button:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover) span,
html:not([data-theme]) .table-pagination button:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover) span,
html[data-theme="GESTORNEO"] .table-pagination a:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover) span,
html:not([data-theme]) .table-pagination a:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover) span {
  color: inherit;
}
html[data-theme="GESTORNEO"] .table-pagination button:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover):hover:not(:disabled),
html:not([data-theme]) .table-pagination button:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover):hover:not(:disabled),
html[data-theme="GESTORNEO"] .table-pagination a:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover):hover:not(:disabled),
html:not([data-theme]) .table-pagination a:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover):hover:not(:disabled) {
  background-color: rgb(var(--color-panel));
  border-color: rgb(var(--color-border-dark));
  color: rgb(var(--color-text));
}
html[data-theme="GESTORNEO"] .table-pagination button.config-toggle--active.config-toggle--card,
html:not([data-theme]) .table-pagination button.config-toggle--active.config-toggle--card,
html[data-theme="GESTORNEO"] .table-pagination a.config-toggle--active.config-toggle--card,
html:not([data-theme]) .table-pagination a.config-toggle--active.config-toggle--card {
  background-color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
  color: rgb(255 255 255);
}
html[data-theme="GESTORNEO"] .table-pagination button.config-toggle--active.config-toggle--card:hover,
html:not([data-theme]) .table-pagination button.config-toggle--active.config-toggle--card:hover,
html[data-theme="GESTORNEO"] .table-pagination a.config-toggle--active.config-toggle--card:hover,
html:not([data-theme]) .table-pagination a.config-toggle--active.config-toggle--card:hover {
  background-color: rgb(var(--color-primary-hover));
  border-color: rgb(var(--color-primary-hover));
  color: rgb(255 255 255);
}
html[data-theme="GESTORNEO"] .table-pagination button.config-toggle--active.config-toggle--card span,
html:not([data-theme]) .table-pagination button.config-toggle--active.config-toggle--card span,
html[data-theme="GESTORNEO"] .table-pagination a.config-toggle--active.config-toggle--card span,
html:not([data-theme]) .table-pagination a.config-toggle--active.config-toggle--card span {
  color: rgb(255 255 255);
}
html[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--card,
html:not([data-theme]) .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--card,
html[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--card,
html:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--card {
  background-color: rgb(var(--color-surface-muted));
  border-color: rgb(var(--color-primary) / 0.42);
  color: rgb(var(--color-primary));
}
html[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--card svg,
html:not([data-theme]) .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--card svg,
html[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--card svg,
html:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--card svg {
  color: inherit;
  fill: currentColor;
}
html[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html:not([data-theme]) .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.16);
  border-color: rgb(var(--color-primary) / 0.58);
  color: rgb(var(--color-primary));
}
html.dark[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--card,
html.dark:not([data-theme]) .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--card,
html.dark[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--card,
html.dark:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--card {
  color: rgb(var(--color-primary-light));
}
html.dark[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html.dark:not([data-theme]) .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html.dark:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.2);
  border-color: rgb(var(--color-primary) / 0.62);
  color: rgb(var(--color-primary-light));
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--card,
html:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--card {
  border-color: rgb(var(--color-primary) / 0.5);
  color: rgb(var(--color-primary));
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--card,
html.dark:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--card {
  border-color: rgb(var(--color-primary) / 0.55);
  color: rgb(var(--color-primary-light));
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html.dark:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.18);
  border-color: rgb(var(--color-primary));
  color: rgb(255 255 255);
}
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-toggle--active.config-toggle--card):not(.border-danger):not(.border-success),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-toggle--active.config-toggle--card):not(.border-danger):not(.border-success),
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-toggle--active.config-toggle--card):not(.border-danger):not(.border-success),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-toggle--active.config-toggle--card):not(.border-danger):not(.border-success) {
  background-color: rgb(var(--color-surface-muted));
  border-color: rgb(var(--color-border-dark));
  color: rgb(var(--color-text));
}
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-toggle--active.config-toggle--card):not(.border-danger):not(.border-success):hover:not(:disabled),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-toggle--active.config-toggle--card):not(.border-danger):not(.border-success):hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-toggle--active.config-toggle--card):not(.border-danger):not(.border-success):hover:not(:disabled),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-toggle--active.config-toggle--card):not(.border-danger):not(.border-success):hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.14);
  border-color: rgb(var(--color-primary));
  color: rgb(var(--color-primary-light));
}
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-toggle--active.config-toggle--card):not(.border-danger):not(.border-success) svg,
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-toggle--active.config-toggle--card):not(.border-danger):not(.border-success) svg,
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-toggle--active.config-toggle--card):not(.border-danger):not(.border-success) svg,
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-toggle--active.config-toggle--card):not(.border-danger):not(.border-success) svg {
  color: inherit;
  fill: currentColor;
}
html[data-theme="7UC"] button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html[data-theme="7UC"] a.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html[data-theme="7UC"] button.base-button--outline.config-toggle--active.config-toggle--card:focus-visible:not(:disabled),
html[data-theme="7UC"] a.base-button--outline.config-toggle--active.config-toggle--card:focus-visible:not(:disabled),
html.dark[data-theme="7UC"] button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html.dark[data-theme="7UC"] a.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html.dark[data-theme="7UC"] button.base-button--outline.config-toggle--active.config-toggle--card:focus-visible:not(:disabled),
html.dark[data-theme="7UC"] a.base-button--outline.config-toggle--active.config-toggle--card:focus-visible:not(:disabled) {
  background-color: rgb(var(--color-primary-hover));
  border-color: rgb(var(--color-primary-hover));
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .segment-buttons button.config-toggle--active.config-toggle--card,
html[data-theme="7UC"] .segment-buttons a.config-toggle--active.config-toggle--card {
  background-color: #E8E8E8;
  color: #333333;
  border-color: #E0E0E0;
}
html[data-theme="7UC"] .segment-buttons button.config-toggle--active.config-toggle--card:hover,
html[data-theme="7UC"] .segment-buttons a.config-toggle--active.config-toggle--card:hover {
  background-color: #D8D8D8;
  color: #111111;
}
html[data-theme="7UC"] .table-pagination button:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover),
html[data-theme="7UC"] .table-pagination a:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover) {
  background-color: #FFFFFF;
  border-color: #E0E0E0;
  color: #111111;
}
html[data-theme="7UC"] .table-pagination button:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover) span,
html[data-theme="7UC"] .table-pagination a:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover) span {
  color: #111111;
}
html[data-theme="7UC"] .table-pagination button:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover):hover:not(:disabled),
html[data-theme="7UC"] .table-pagination a:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover):hover {
  background-color: #F5F5F7;
  border-color: #E0E0E0;
  color: #111111;
}
html[data-theme="7UC"] .table-pagination button:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover):hover:not(:disabled) span,
html[data-theme="7UC"] .table-pagination a:not(.config-toggle--active.config-toggle--card):not(.bg-primary-hover):hover span {
  color: #111111;
}
html[data-theme="7UC"] .table-pagination button.config-toggle--active.config-toggle--card,
html[data-theme="7UC"] .table-pagination a.config-toggle--active.config-toggle--card {
  background-color: #111111;
  border-color: #111111;
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .table-pagination button.config-toggle--active.config-toggle--card:hover,
html[data-theme="7UC"] .table-pagination a.config-toggle--active.config-toggle--card:hover {
  background-color: #2A2A2A;
  border-color: #2A2A2A;
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .table-pagination button.config-toggle--active.config-toggle--card span,
html[data-theme="7UC"] .table-pagination button.config-toggle--active.config-toggle--card svg,
html[data-theme="7UC"] .table-pagination a.config-toggle--active.config-toggle--card span,
html[data-theme="7UC"] .table-pagination a.config-toggle--active.config-toggle--card svg,
html[data-theme="7UC"] .table-pagination button.config-toggle--active.config-toggle--card:hover span,
html[data-theme="7UC"] .table-pagination a.config-toggle--active.config-toggle--card:hover span {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .table-cell-actions button.config-toggle--active.config-toggle--card,
html[data-theme="7UC"] .table-cell-actions a.config-toggle--active.config-toggle--card,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.config-toggle--active.config-toggle--card,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.config-toggle--active.config-toggle--card {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .table-cell-actions button.config-toggle--active.config-toggle--card:hover,
html[data-theme="7UC"] .table-cell-actions a.config-toggle--active.config-toggle--card:hover,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.config-toggle--active.config-toggle--card:hover,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.config-toggle--active.config-toggle--card:hover {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .table-cell-actions button.config-toggle--active.config-toggle--card svg,
html[data-theme="7UC"] .table-cell-actions a.config-toggle--active.config-toggle--card svg,
html[data-theme="7UC"] .table-cell-actions button.config-toggle--active.config-toggle--card:hover svg,
html[data-theme="7UC"] .table-cell-actions a.config-toggle--active.config-toggle--card:hover svg,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions button.config-toggle--active.config-toggle--card svg,
html[data-theme="7UC"] tbody tr:hover .table-cell-actions a.config-toggle--active.config-toggle--card svg {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-modal .config-toggle--active.config-toggle--card,
html.dark[data-theme="7UC"] .app-modal .config-toggle--active.config-toggle--card {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .app-modal .config-toggle--active.config-toggle--card svg,
html.dark[data-theme="7UC"] .app-modal .config-toggle--active.config-toggle--card svg {
  color: inherit;
}
html[data-theme="7UC"] .event-logs-modal .config-toggle--active.config-toggle--card {
  color: #111111;
}

html[data-theme="7UC"] .event-logs-modal span[class*="bg-indigo"].config-toggle--active.config-toggle--card {
  background-color: #8B0000;
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .dashboard-ranking-filters .config-toggle--active.config-toggle--card {
  color: rgb(var(--color-text));
}
html[data-theme="TOQUELAB"] button.config-toggle--active.config-toggle--card,
html[data-theme="TOQUELAB"] a.config-toggle--active.config-toggle--card {
  background-color: #0EA5B9;
  border-color: #0EA5B9;
  color: #ffffff;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
html[data-theme="TOQUELAB"] button.config-toggle--active.config-toggle--card:hover:not(:disabled),
html[data-theme="TOQUELAB"] a.config-toggle--active.config-toggle--card:hover:not(:disabled) {
  background-color: #10CFE8;
  border-color: #10CFE8;
  color: #ffffff;
}
html[data-theme="TOQUELAB"] button.config-toggle--active.config-toggle--card svg,
html[data-theme="TOQUELAB"] a.config-toggle--active.config-toggle--card svg,
html[data-theme="TOQUELAB"] button.config-toggle--active.config-toggle--card span,
html[data-theme="TOQUELAB"] a.config-toggle--active.config-toggle--card span {
  color: #ffffff;
  fill: currentColor;
  filter: none;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
html[data-theme="TOQUELAB"] button.base-button--outline.config-toggle--active.config-toggle--card,
html[data-theme="TOQUELAB"] a.base-button--outline.config-toggle--active.config-toggle--card {
  color: #10CFE8;
  border-color: #10CFE8;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
html[data-theme="TOQUELAB"] button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled),
html[data-theme="TOQUELAB"] a.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled) {
  background-color: #0EA5B9;
  border-color: #0EA5B9;
  color: #ffffff;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
html[data-theme="TOQUELAB"] button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled) svg,
html[data-theme="TOQUELAB"] a.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled) svg {
  color: #ffffff;
  fill: currentColor;
  filter: none;
}
html[data-theme="TOQUELAB"] .table-pagination button:not(.config-toggle--active.config-toggle--card):not(:disabled) {
  background-color: rgb(var(--color-surface-muted));
  border-color: rgb(var(--color-border));
  color: rgb(var(--color-text));
}
html[data-theme="TOQUELAB"] .table-pagination button:not(.config-toggle--active.config-toggle--card):not(:disabled):hover {
  background-color: rgb(var(--color-panel));
  border-color: rgb(var(--color-primary) / 0.4);
}
html[data-theme="TOQUELAB"] .table-pagination button.config-toggle--active.config-toggle--card {
  background-color: rgb(var(--chrome-ink));
  border-color: rgb(var(--chrome-ink));
  color: rgb(var(--chrome-on-hi));
}
html[data-theme="TOQUELAB"] .table-pagination button.config-toggle--active.config-toggle--card:not(:disabled) {
  background-color: transparent;
  border-color: rgb(var(--chrome-ink));
  color: rgb(var(--chrome-ink));
}
html[data-theme="TOQUELAB"] .table-pagination button.config-toggle--active.config-toggle--card:not(:disabled):hover {
  background-color: rgb(var(--chrome-ink));
  color: rgb(var(--chrome-on-hi));
}
html[data-theme="TOQUELAB"] .table-pagination button.config-toggle--active.config-toggle--card:disabled {
  border-color: rgb(var(--color-border));
  color: rgb(var(--color-text-muted));
}
html.dark[data-theme="TOQUELAB"] .table-pagination button.config-toggle--active.config-toggle--card:not(:disabled) {
  border-color: rgb(var(--color-primary));
  color: rgb(var(--color-primary-light));
}
html.dark[data-theme="TOQUELAB"] .table-pagination button:not(.config-toggle--active.config-toggle--card):not(:disabled) {
  background-color: rgb(var(--color-surface-muted));
  border-color: rgb(var(--color-border));
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .table-pagination button.config-toggle--active.config-toggle--card {
  background-color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
  color: rgb(255 255 255);
}
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--card {
    border-color: rgb(var(--color-primary) / 0.55);
    color: rgb(var(--color-primary-light));
}
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--card:hover:not(:disabled) {
    background-color: rgb(var(--color-primary) / 0.18);
    border-color: rgb(var(--color-primary));
    color: rgb(255 255 255);
}
.config-toggle--active.config-toggle--card .config-toggle__label,
.config-toggle--active.config-toggle--card .config-toggle__hint {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
html[data-theme="7UC"] .event-logs-modal .config-toggle--active.config-toggle--card .config-toggle__label,html[data-theme="7UC"] .event-logs-modal 
.config-toggle--active.config-toggle--card .config-toggle__hint {
  color: #111111;
}

html[data-theme="7UC"] .event-logs-modal span[class*="bg-indigo"].config-toggle--active.config-toggle--card .config-toggle__label,
html[data-theme="7UC"] .event-logs-modal span[class*="bg-indigo"]
.config-toggle--active.config-toggle--card .config-toggle__hint {
  background-color: #8B0000;
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .dashboard-ranking-filters .config-toggle--active.config-toggle--card .config-toggle__label,
html[data-theme="7UC"] .dashboard-ranking-filters 
.config-toggle--active.config-toggle--card .config-toggle__hint {
  color: rgb(var(--color-text));
}
.config-toggle--active.config-toggle--card .config-toggle__hint {
  color: rgb(255 255 255 / 0.8);
}
.config-toggle--active.config-toggle--card .config-toggle__check {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
html[data-theme="7UC"] .event-logs-modal .config-toggle--active.config-toggle--card .config-toggle__check {
  color: #111111;
}

html[data-theme="7UC"] .event-logs-modal span[class*="bg-indigo"].config-toggle--active.config-toggle--card .config-toggle__check {
  background-color: #8B0000;
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .dashboard-ranking-filters .config-toggle--active.config-toggle--card .config-toggle__check {
  color: rgb(var(--color-text));
}
.config-toggle--active.config-toggle--row:not(.config-toggle--flush) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--color-primary) / 0.1);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(var(--color-primary) / 0.15);
}
html[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush),
html:not([data-theme]) .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush),
html[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush),
html:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush) {
  background-color: rgb(var(--color-surface-muted));
  border-color: rgb(var(--color-primary) / 0.42);
  color: rgb(var(--color-primary));
}
html[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush) svg,
html:not([data-theme]) .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush) svg,
html[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush) svg,
html:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush) svg {
  color: inherit;
  fill: currentColor;
}
html[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html:not([data-theme]) .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.16);
  border-color: rgb(var(--color-primary) / 0.58);
  color: rgb(var(--color-primary));
}
html.dark[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush),
html.dark:not([data-theme]) .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush),
html.dark[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush),
html.dark:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush) {
  color: rgb(var(--color-primary-light));
}
html.dark[data-theme="GESTORNEO"] .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html.dark:not([data-theme]) .table-cell-actions button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html.dark:not([data-theme]) .base-table__td-actions-inner button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.2);
  border-color: rgb(var(--color-primary) / 0.62);
  color: rgb(var(--color-primary-light));
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush),
html:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush) {
  border-color: rgb(var(--color-primary) / 0.5);
  color: rgb(var(--color-primary));
}
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush),
html.dark:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush) {
  border-color: rgb(var(--color-primary) / 0.55);
  color: rgb(var(--color-primary-light));
}
html[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html.dark:not([data-theme]) .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.18);
  border-color: rgb(var(--color-primary));
  color: rgb(255 255 255);
}
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-toggle--active.config-toggle--row:not(.config-toggle--flush)):not(.border-danger):not(.border-success),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-toggle--active.config-toggle--row:not(.config-toggle--flush)):not(.border-danger):not(.border-success),
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-toggle--active.config-toggle--row:not(.config-toggle--flush)):not(.border-danger):not(.border-success),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-toggle--active.config-toggle--row:not(.config-toggle--flush)):not(.border-danger):not(.border-success) {
  background-color: rgb(var(--color-surface-muted));
  border-color: rgb(var(--color-border-dark));
  color: rgb(var(--color-text));
}
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-toggle--active.config-toggle--row:not(.config-toggle--flush)):not(.border-danger):not(.border-success):hover:not(:disabled),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-toggle--active.config-toggle--row:not(.config-toggle--flush)):not(.border-danger):not(.border-success):hover:not(:disabled),
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-toggle--active.config-toggle--row:not(.config-toggle--flush)):not(.border-danger):not(.border-success):hover:not(:disabled),
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-toggle--active.config-toggle--row:not(.config-toggle--flush)):not(.border-danger):not(.border-success):hover:not(:disabled) {
  background-color: rgb(var(--color-primary) / 0.14);
  border-color: rgb(var(--color-primary));
  color: rgb(var(--color-primary-light));
}
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-toggle--active.config-toggle--row:not(.config-toggle--flush)):not(.border-danger):not(.border-success) svg,
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions button.base-button--outline:not(.config-toggle--active.config-toggle--row:not(.config-toggle--flush)):not(.border-danger):not(.border-success) svg,
html.dark[data-theme="GESTORNEO"] .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-toggle--active.config-toggle--row:not(.config-toggle--flush)):not(.border-danger):not(.border-success) svg,
html.dark:not([data-theme]) .section-title-line--main .section-title-line__actions a.base-button--outline:not(.config-toggle--active.config-toggle--row:not(.config-toggle--flush)):not(.border-danger):not(.border-success) svg {
  color: inherit;
  fill: currentColor;
}
html[data-theme="7UC"] button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html[data-theme="7UC"] a.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html[data-theme="7UC"] button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):focus-visible:not(:disabled),
html[data-theme="7UC"] a.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):focus-visible:not(:disabled),
html.dark[data-theme="7UC"] button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html.dark[data-theme="7UC"] a.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html.dark[data-theme="7UC"] button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):focus-visible:not(:disabled),
html.dark[data-theme="7UC"] a.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):focus-visible:not(:disabled) {
  background-color: rgb(var(--color-primary-hover));
  border-color: rgb(var(--color-primary-hover));
  color: rgb(255 255 255);
}
html[data-theme="TOQUELAB"] button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush),
html[data-theme="TOQUELAB"] a.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush) {
  color: #10CFE8;
  border-color: #10CFE8;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
html[data-theme="TOQUELAB"] button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled),
html[data-theme="TOQUELAB"] a.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled) {
  background-color: #0EA5B9;
  border-color: #0EA5B9;
  color: #ffffff;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
html[data-theme="TOQUELAB"] button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled) svg,
html[data-theme="TOQUELAB"] a.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled) svg {
  color: #ffffff;
  fill: currentColor;
  filter: none;
}
html[data-theme="TOQUELAB"] .table-pagination button.config-toggle--active.config-toggle--row:not(.config-toggle--flush):not(:disabled) {
  background-color: transparent;
  border-color: rgb(var(--chrome-ink));
  color: rgb(var(--chrome-ink));
}
html[data-theme="TOQUELAB"] .table-pagination button.config-toggle--active.config-toggle--row:not(.config-toggle--flush):not(:disabled):hover {
  background-color: rgb(var(--chrome-ink));
  color: rgb(var(--chrome-on-hi));
}
html[data-theme="TOQUELAB"] .table-pagination button.config-toggle--active.config-toggle--row:not(.config-toggle--flush):disabled {
  border-color: rgb(var(--color-border));
  color: rgb(var(--color-text-muted));
}
html.dark[data-theme="TOQUELAB"] .table-pagination button.config-toggle--active.config-toggle--row:not(.config-toggle--flush):not(:disabled) {
  border-color: rgb(var(--color-primary));
  color: rgb(var(--color-primary-light));
}
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush) {
    border-color: rgb(var(--color-primary) / 0.55);
    color: rgb(var(--color-primary-light));
}
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline.config-toggle--active.config-toggle--row:not(.config-toggle--flush):hover:not(:disabled) {
    background-color: rgb(var(--color-primary) / 0.18);
    border-color: rgb(var(--color-primary));
    color: rgb(255 255 255);
}
.config-toggle--active.config-toggle--flush {
  border-width: 0px;
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.config-toggle__checkbox {
  margin-top: 0.125rem;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
.timer-gestorneo-theme .timer-panel-right .config-toggle__checkbox {
  color: rgb(191 219 254);
}
html[data-theme="7UC"] .app-modal .config-toggle__checkbox,
html.dark[data-theme="7UC"] .app-modal .config-toggle__checkbox {
  background-color: transparent;
}
html[data-theme="7UC"] .app-modal .config-toggle__checkbox:not(.multiselect .text-primary):not(.multiselect *),
html.dark[data-theme="7UC"] .app-modal .config-toggle__checkbox:not(.multiselect .text-primary):not(.multiselect *) {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .app-modal [class*="bg-primary/10"] .config-toggle__checkbox,
html.dark[data-theme="7UC"] .app-modal [class*="bg-primary/10"] .config-toggle__checkbox {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .app-modal .config-toggle__checkbox,
html.dark[data-theme="7UC"] .app-modal .config-toggle__checkbox {
  border-color: rgb(82 82 82);
}

html[data-theme="7UC"] .league-matchday-heading.config-toggle__checkbox {
  background-color: #111111;
  color: rgb(255 255 255);
  border-radius: 0;
  padding: 0.875rem 1.25rem;
  margin-bottom: 0;
  font-weight: 600;
  border-bottom: 1px solid rgb(0 0 0 / 0.35);
  box-shadow: 0 1px 0 0 rgb(255 255 255 / 0.06) inset;
}
html[data-theme="7UC"] .profile-tips-card .config-toggle__checkbox {
  color: #111111;
}
.config-toggle__checkbox:focus {
  --tw-ring-color: rgb(var(--color-primary) / 0.3);
}
.config-toggle__label {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}

html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.config-toggle__label,
html.dark:not([data-theme]) .league-matchday-heading span.config-toggle__label {
  color: rgb(255 255 255 / 0.88);
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-toggle__label,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-toggle__label {
  color: inherit;
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.config-toggle__label.font-bold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.config-toggle__label.font-bold,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.config-toggle__label.font-semibold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.config-toggle__label.font-semibold {
  color: rgb(var(--color-text));
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.config-toggle__label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.config-toggle__label {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-toggle__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-toggle__label {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.config-toggle__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.config-toggle__label {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-toggle__label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-toggle__label {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .config-toggle__label,
html.dark[data-theme="7UC"] .app-main-content .config-toggle__label {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .config-toggle__label:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.config-toggle__label,
html.dark[data-theme="7UC"] .app-modal .config-toggle__label:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.config-toggle__label {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.config-toggle__label,
html[data-theme="7UC"] .app-modal select.config-toggle__label,
html[data-theme="7UC"] .app-modal textarea.config-toggle__label,
html.dark[data-theme="7UC"] .app-modal input.config-toggle__label,
html.dark[data-theme="7UC"] .app-modal select.config-toggle__label,
html.dark[data-theme="7UC"] .app-modal textarea.config-toggle__label {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-toggle__label,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-toggle__label {
  color: #111111;
}

html[data-theme="7UC"] .league-matchday-heading span.config-toggle__label {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.config-toggle__label {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .config-toggle__label,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-toggle__label {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .config-toggle__label {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-toggle__label {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.config-toggle__label.font-bold,
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.config-toggle__label.font-semibold {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.config-toggle__label {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-toggle__label {
  color: rgb(var(--color-text));
}
.config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  margin-top: 0.125rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark:not([data-theme]) .league-matchday-heading .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: inherit;
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.config-toggle--card:not(.config-toggle--active) .config-toggle__hint.font-bold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.config-toggle--card:not(.config-toggle--active) .config-toggle__hint.font-bold,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.config-toggle--card:not(.config-toggle--active) .config-toggle__hint.font-semibold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.config-toggle--card:not(.config-toggle--active) .config-toggle__hint.font-semibold {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark[data-theme="7UC"] .app-main-content .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark[data-theme="7UC"] .app-modal .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-toggle--card:not(.config-toggle--active) .config-toggle__hint,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.config-toggle--card:not(.config-toggle--active) .config-toggle__hint.font-bold,
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.config-toggle--card:not(.config-toggle--active) .config-toggle__hint.font-semibold {
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-toggle--card:not(.config-toggle--active) .config-toggle__hint {
  color: rgb(var(--color-text-muted));
}
.config-toggle__label--row {
  font-weight: 500;
  line-height: 1.375;
}

html[data-theme="7UC"] .app-modal .modal-table-panel .config-toggle__label--row,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-toggle__label--row {
  color: #111111;
}
.config-toggle__hint {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-toggle__hint,
html:not([data-theme]) .aside .aside-menu-item-inactive.config-toggle__hint,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.config-toggle__hint,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.config-toggle__hint {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .config-toggle__hint,
html:not(.dark):not([data-theme]) .league-matchday-heading .config-toggle__hint {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .config-toggle__hint,
html.dark:not([data-theme]) .league-matchday-heading .config-toggle__hint {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-toggle__hint,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-toggle__hint {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-toggle__hint,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-toggle__hint,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-toggle__hint,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-toggle__hint,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-toggle__hint,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-toggle__hint {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-toggle__hint,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.config-toggle__hint,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-toggle__hint,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.config-toggle__hint,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.config-toggle__hint,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.config-toggle__hint {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .config-toggle__hint,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .config-toggle__hint {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.config-toggle__hint,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.config-toggle__hint {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .config-toggle__hint,
html.dark[data-theme="7UC"] .app-main-content .config-toggle__hint {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-toggle__hint,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-toggle__hint {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .config-toggle__hint,
html.dark[data-theme="7UC"] .app-modal .config-toggle__hint {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .config-toggle__hint,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .config-toggle__hint {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .config-toggle__hint {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.config-toggle__hint,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.config-toggle__hint {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.config-toggle__hint {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .config-toggle__hint,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .config-toggle__hint {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-toggle__hint,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.config-toggle__hint {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .config-toggle__hint,
html.dark[data-theme="7UC"] .coach-profile-option--active .config-toggle__hint {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .config-toggle__hint {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .config-toggle__hint {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .config-toggle__hint {
  color: rgb(var(--color-text-muted));
}
.config-form-footer {
  position: sticky;
  bottom: 0px;
  z-index: 10;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--color-surface) / 0.95);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
html[data-theme="7UC"] .app-modal .config-form-footer,
html.dark[data-theme="7UC"] .app-modal .config-form-footer {
  border-color: rgb(82 82 82);
}
@supports (backdrop-filter: var(--tw)) {

  .config-form-footer {
    background-color: rgb(var(--color-surface) / 0.8);
  }
}
@media (min-width: 640px) {

  .config-form-footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.config-form-card .config-form-footer {
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 640px) {

  .config-form-card .config-form-footer {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.config-form-footer__btn {
  width: 100%;
  justify-content: center !important;
}
@media (min-width: 640px) {

  .config-form-footer__btn {
    margin-left: auto;
    display: flex;
    width: auto;
    min-width: 14rem;
  }
}
/* ——— Categorías ——— */
.categories-config-filter-btn.base-button--outline {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
}
html[data-theme="7UC"] .app-modal .categories-config-filter-btn.base-button--outline,
html.dark[data-theme="7UC"] .app-modal .categories-config-filter-btn.base-button--outline {
  border-color: rgb(82 82 82);
}
html.dark .categories-config .categories-config-filter-btn.base-button--outline,
html.dark .categories-config-card .categories-config-filter-btn.base-button--outline {
    background-color: rgb(var(--color-surface)) !important;
    color: rgb(var(--color-primary-light)) !important;
    border-color: rgb(var(--color-primary) / 0.55) !important;
}
html.dark .categories-config .categories-config-filter-btn.base-button--outline:hover:not(:disabled),
html.dark .categories-config-card .categories-config-filter-btn.base-button--outline:hover:not(:disabled) {
    background-color: rgb(var(--color-primary) / 0.18) !important;
    border-color: rgb(var(--color-primary)) !important;
    color: rgb(var(--color-primary-light)) !important;
}
html.dark .categories-config .categories-config-filter-btn.base-button--outline svg,
html.dark .categories-config-card .categories-config-filter-btn.base-button--outline svg {
    color: rgb(var(--color-primary-light)) !important;
    fill: currentColor !important;
}
/* ToqueLab: Filtros relleno = turquesa + blanco */
html[data-theme="TOQUELAB"] .categories-config-filter-btn:not(.base-button--outline),
html[data-theme="TOQUELAB"] .categories-config-filter-btn:not(.base-button--outline):hover:not(:disabled) {
    background-color: #0EA5B9 !important;
    border-color: #0EA5B9 !important;
    color: #ffffff !important;
}
html[data-theme="TOQUELAB"] .categories-config-filter-btn:not(.base-button--outline) svg,
html[data-theme="TOQUELAB"] .categories-config-filter-btn:not(.base-button--outline) span {
    color: #ffffff !important;
    fill: currentColor !important;
}
html[data-theme="TOQUELAB"] .categories-config-filter-btn.base-button--outline {
    background-color: transparent !important;
    border-color: #10CFE8 !important;
    color: #10CFE8 !important;
}
html[data-theme="TOQUELAB"] .categories-config-filter-btn.base-button--outline svg {
    color: #10CFE8 !important;
    fill: currentColor !important;
}
html[data-theme="TOQUELAB"] .categories-config-filter-btn.base-button--outline:hover:not(:disabled) {
    background-color: #0EA5B9 !important;
    border-color: #0EA5B9 !important;
    color: #ffffff !important;
}
html[data-theme="TOQUELAB"] .categories-config-filter-btn.base-button--outline:hover:not(:disabled) svg {
    color: #ffffff !important;
    fill: currentColor !important;
}
/* Toolbar del transfer: outline info/danger legibles (tokens del tema) */
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline {
    background-color: rgb(var(--color-surface-muted)) !important;
}
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-primary {
    border-color: rgb(var(--color-primary) / 0.55) !important;
    color: rgb(var(--color-primary-light)) !important;
}
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-primary:hover:not(:disabled) {
    background-color: rgb(var(--color-primary) / 0.18) !important;
    border-color: rgb(var(--color-primary)) !important;
    color: rgb(255 255 255) !important;
}
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-danger {
    border-color: rgb(var(--color-danger) / 0.6) !important;
    color: rgb(252 165 165) !important;
}
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline.border-danger:hover:not(:disabled) {
    background-color: rgb(var(--color-danger) / 0.18) !important;
    border-color: rgb(var(--color-danger)) !important;
    color: rgb(255 255 255) !important;
}
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline svg,
html.dark .categories-config-card .categories-transfer-toolbar button.base-button--outline span {
    color: inherit !important;
    fill: currentColor !important;
}
.categories-kpi-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.625rem;
}
@media (min-width: 640px) {

  .categories-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.categories-kpi {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-radius: 0.75rem;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 640px) {

  .categories-kpi {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
  }
}
.categories-kpi--assigned {
  border-color: rgb(var(--state-positive) / 0.3);
  background-color: rgb(var(--state-positive) / 0.1);
}
.categories-kpi--available {
  border-color: rgb(var(--state-progress) / 0.3);
  background-color: rgb(var(--state-progress) / 0.1);
}
.categories-kpi--pending {
  border-color: rgb(var(--state-attention) / 0.3);
  background-color: rgb(var(--state-attention) / 0.1);
}
.categories-kpi__value {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  line-height: 1;
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.categories-kpi__value,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.categories-kpi__value {
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.categories-kpi__value {
  color: rgb(var(--color-text));
}
@media (min-width: 640px) {

  .categories-kpi__value {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.categories-kpi--assigned .categories-kpi__value {
  --tw-text-opacity: 1;
  color: rgb(var(--state-positive-on-surface) / var(--tw-text-opacity, 1));
}
.categories-kpi--available .categories-kpi__value {
  --tw-text-opacity: 1;
  color: rgb(var(--state-progress-on-surface) / var(--tw-text-opacity, 1));
}
.categories-kpi--pending .categories-kpi__value {
  --tw-text-opacity: 1;
  color: rgb(var(--state-attention-on-surface) / var(--tw-text-opacity, 1));
}
html[data-theme="7UC"] .profile-page .categories-kpi--pending .categories-kpi__value {
  color: #333333;
}
.categories-kpi__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}

html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.categories-kpi__text,
html.dark:not([data-theme]) .league-matchday-heading span.categories-kpi__text {
  color: rgb(255 255 255 / 0.88);
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-kpi__text,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-kpi__text {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.categories-kpi__text,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.categories-kpi__text {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.categories-kpi__text,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.categories-kpi__text {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .categories-kpi__text,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .categories-kpi__text {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .categories-kpi__text,
html.dark[data-theme="7UC"] .app-main-content .categories-kpi__text {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .categories-kpi__text:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.categories-kpi__text,
html.dark[data-theme="7UC"] .app-modal .categories-kpi__text:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.categories-kpi__text {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.categories-kpi__text,
html[data-theme="7UC"] .app-modal select.categories-kpi__text,
html[data-theme="7UC"] .app-modal textarea.categories-kpi__text,
html.dark[data-theme="7UC"] .app-modal input.categories-kpi__text,
html.dark[data-theme="7UC"] .app-modal select.categories-kpi__text,
html.dark[data-theme="7UC"] .app-modal textarea.categories-kpi__text {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .categories-kpi__text,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .categories-kpi__text {
  color: #111111;
}

html[data-theme="7UC"] .league-matchday-heading span.categories-kpi__text {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.categories-kpi__text {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .categories-kpi__text,
html.dark[data-theme="7UC"] .coach-profile-option--active .categories-kpi__text {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .categories-kpi__text {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-kpi__text {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .categories-kpi__text {
  color: rgb(var(--color-text));
}
.categories-error {
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(var(--state-critical) / 0.3);
  background-color: rgb(var(--state-critical) / 0.1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--state-critical-on-surface) / var(--tw-text-opacity, 1));
}

html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.categories-error,
html.dark:not([data-theme]) .league-matchday-heading span.categories-error {
  color: rgb(255 255 255 / 0.88);
}
.timer-gestorneo-theme .timer-panel-left .categories-error {
  color: rgb(254 202 202);
}

html[data-theme="7UC"] .league-matchday-heading span.categories-error {
  color: rgb(255 255 255 / 0.8);
}
.categories-transfer-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
/* Igual que el vacío de las tablas: una línea, a la izquierda, sin el bloque
   centrado que ocupaba el doble que lo que sustituye. */
.categories-empty {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--color-surface-muted) / 0.5);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 13px;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.categories-empty,
html:not([data-theme]) .aside .aside-menu-item-inactive.categories-empty,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.categories-empty,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.categories-empty {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .categories-empty,
html:not(.dark):not([data-theme]) .league-matchday-heading .categories-empty {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .categories-empty,
html.dark:not([data-theme]) .league-matchday-heading .categories-empty {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-empty,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-empty {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-empty,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-empty,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-empty,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.categories-empty,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-empty,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.categories-empty {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-empty,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-empty,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-empty,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.categories-empty,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-empty,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.categories-empty {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .categories-empty,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .categories-empty {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.categories-empty,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.categories-empty {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .categories-empty,
html.dark[data-theme="7UC"] .app-main-content .categories-empty {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-empty,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-empty {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .categories-empty,
html.dark[data-theme="7UC"] .app-modal .categories-empty {
  color: rgb(203 213 225);
  border-color: rgb(82 82 82);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .categories-empty,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .categories-empty {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .categories-empty {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-empty,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-empty {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-empty {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-empty,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-empty {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.categories-empty,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.categories-empty {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .categories-empty,
html.dark[data-theme="7UC"] .coach-profile-option--active .categories-empty {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .categories-empty {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-empty {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .categories-empty {
  color: rgb(var(--color-text-muted));
}
.categories-transfer-wrapper {
    --el-transfer-panel-width: auto;
    --el-transfer-item-height: auto;
    --el-border-color: rgb(var(--color-border));
    --el-border-color-light: rgb(var(--color-border));
    --el-transfer-border-color: rgb(var(--color-border));
    --el-fill-color-blank: rgb(var(--color-input));
    --el-input-bg-color: rgb(var(--color-input));
    --el-bg-color: rgb(var(--color-surface));
    --el-text-color-primary: rgb(var(--color-text));
    --el-text-color-regular: rgb(var(--color-text-muted));
    --el-text-color-placeholder: rgb(var(--color-text-muted));
    width: 100%;
}
html.dark .categories-config-card .categories-transfer-wrapper {
    --el-border-color: rgb(var(--color-border-dark));
    --el-border-color-light: rgb(var(--color-border-dark));
    --el-transfer-border-color: rgb(var(--color-border-dark));
    --el-fill-color-blank: rgb(var(--color-input));
    --el-input-bg-color: rgb(var(--color-input));
}
.categories-transfer-wrapper .el-transfer {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    width: 100%;
    gap: 0.75rem;
}
.categories-transfer-wrapper .el-transfer-panel {
  overflow: hidden;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}
html[data-theme="7UC"] .app-modal .categories-transfer-wrapper .el-transfer-panel,
html.dark[data-theme="7UC"] .app-modal .categories-transfer-wrapper .el-transfer-panel {
  background-color: transparent;
}
.categories-transfer-wrapper .el-transfer-panel {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    border: 1px solid rgb(var(--color-border)) !important;
    box-shadow: none !important;
}
/* Panel derecho: asignadas. Color en el fondo (BR-011), no en el texto. */
.categories-transfer-wrapper .el-transfer > .el-transfer-panel:last-of-type {
    border-color: rgb(var(--color-primary) / 0.35) !important;
    background-color: rgb(var(--color-primary) / 0.04) !important;
}
.categories-transfer-wrapper .el-transfer > .el-transfer-panel:last-of-type .el-transfer-panel__header {
    background-color: rgb(var(--color-primary) / 0.1) !important;
}
html.dark .categories-config-card .categories-transfer-wrapper .el-transfer-panel {
    border-color: rgb(var(--color-border-dark)) !important;
    background-color: rgb(var(--color-surface)) !important;
}
html.dark .categories-config-card .categories-transfer-wrapper .el-transfer > .el-transfer-panel:last-of-type {
    border-color: rgb(var(--color-primary) / 0.45) !important;
    background-color: rgb(var(--color-primary) / 0.12) !important;
}
.categories-transfer-wrapper .el-transfer-panel__header {
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  background-color: rgb(var(--color-surface-muted) / 0.6);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__header,
html:not([data-theme]) .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__header,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__header,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__header {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__header,
html:not(.dark):not([data-theme]) .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__header {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__header,
html.dark:not([data-theme]) .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__header {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-wrapper .el-transfer-panel__header,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-wrapper .el-transfer-panel__header {
  color: inherit;
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.categories-transfer-wrapper .el-transfer-panel__header,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.categories-transfer-wrapper .el-transfer-panel__header {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__header,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__header,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__header,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__header,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__header,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__header {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__header,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__header,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__header,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__header,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__header,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__header {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .categories-transfer-wrapper .el-transfer-panel__header,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .categories-transfer-wrapper .el-transfer-panel__header {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__header,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__header {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .categories-transfer-wrapper .el-transfer-panel__header,
html.dark[data-theme="7UC"] .app-main-content .categories-transfer-wrapper .el-transfer-panel__header {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-wrapper .el-transfer-panel__header,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-wrapper .el-transfer-panel__header {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .categories-transfer-wrapper .el-transfer-panel__header,
html.dark[data-theme="7UC"] .app-modal .categories-transfer-wrapper .el-transfer-panel__header {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-wrapper .el-transfer-panel__header,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-wrapper .el-transfer-panel__header {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__header {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__header,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__header {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__header {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-wrapper .el-transfer-panel__header,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-wrapper .el-transfer-panel__header {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.categories-transfer-wrapper .el-transfer-panel__header,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.categories-transfer-wrapper .el-transfer-panel__header {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .categories-transfer-wrapper .el-transfer-panel__header,
html.dark[data-theme="7UC"] .coach-profile-option--active .categories-transfer-wrapper .el-transfer-panel__header {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .categories-transfer-wrapper .el-transfer-panel__header {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-wrapper .el-transfer-panel__header {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.categories-transfer-wrapper .el-transfer-panel__header {
  color: rgb(var(--color-text));
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .categories-transfer-wrapper .el-transfer-panel__header {
  color: rgb(var(--color-text-muted));
}
.categories-transfer-wrapper .el-transfer-panel__header {
    border: none !important;
    border-bottom: 1px solid rgb(var(--color-border)) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html.dark .categories-config-card .categories-transfer-wrapper .el-transfer-panel__header {
    background-color: rgb(var(--color-panel)) !important;
    border-bottom: 1px solid rgb(var(--color-border-dark)) !important;
}
html.dark .categories-config-card .categories-transfer-wrapper .el-transfer > .el-transfer-panel:last-of-type .el-transfer-panel__header {
    background-color: rgb(var(--color-primary) / 0.18) !important;
}
.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  text-transform: none;
  letter-spacing: 0em;
}
.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  padding-left: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: inherit;
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html.dark[data-theme="7UC"] .app-main-content .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html.dark[data-theme="7UC"] .app-modal .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html[data-theme="7UC"] .app-modal select.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html[data-theme="7UC"] .app-modal textarea.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html.dark[data-theme="7UC"] .app-modal input.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html.dark[data-theme="7UC"] .app-modal select.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html.dark[data-theme="7UC"] .app-modal textarea.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: #111111;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label,
html.dark[data-theme="7UC"] .coach-profile-option--active .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .categories-transfer-wrapper .el-transfer-panel__header .el-checkbox__label {
  color: rgb(var(--color-text));
}
.categories-transfer-wrapper .el-transfer-panel__header > span {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 500;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__header > span,
html:not([data-theme]) .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__header > span {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__header > span,
html:not(.dark):not([data-theme]) .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark:not([data-theme]) .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-wrapper .el-transfer-panel__header > span,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__header > span,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__header > span,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__header > span,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__header > span,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__header > span,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__header > span {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__header > span {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__header > span {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="7UC"] .app-main-content .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="7UC"] .app-modal .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: rgb(203 213 225);
}

html[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__header > span,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__header > span {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__header > span {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.categories-transfer-wrapper .el-transfer-panel__header > span {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .categories-transfer-wrapper .el-transfer-panel__header > span,
html.dark[data-theme="7UC"] .coach-profile-option--active .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .categories-transfer-wrapper .el-transfer-panel__header > span {
  color: rgb(var(--color-text-muted));
}
.categories-transfer-wrapper .el-transfer-panel__filter {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.categories-transfer-wrapper .el-transfer-panel__filter .el-input__wrapper {
  border-radius: 0.5rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: rgb(var(--color-input)) !important;
    box-shadow: 0 0 0 1px rgb(var(--color-border)) inset !important;
}
.categories-transfer-wrapper .el-transfer-panel__filter .el-input__inner,
.categories-transfer-wrapper .el-transfer-panel__filter input {
    background-color: transparent !important;
    color: rgb(var(--color-text)) !important;
    -webkit-text-fill-color: rgb(var(--color-text));
}
.categories-transfer-wrapper .el-transfer-panel__filter .el-input__inner::-moz-placeholder, .categories-transfer-wrapper .el-transfer-panel__filter input::-moz-placeholder {
    color: rgb(var(--color-text-muted)) !important;
    -webkit-text-fill-color: rgb(var(--color-text-muted));
    opacity: 1;
}
.categories-transfer-wrapper .el-transfer-panel__filter .el-input__inner::placeholder,
.categories-transfer-wrapper .el-transfer-panel__filter input::placeholder {
    color: rgb(var(--color-text-muted)) !important;
    -webkit-text-fill-color: rgb(var(--color-text-muted));
    opacity: 1;
}
.categories-transfer-wrapper .el-transfer-panel__filter .el-input__prefix,
.categories-transfer-wrapper .el-transfer-panel__filter .el-input__prefix .el-icon,
.categories-transfer-wrapper .el-transfer-panel__filter .el-input__prefix svg {
    color: rgb(var(--color-text-muted)) !important;
    fill: currentColor !important;
}
html.dark .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__wrapper {
    background-color: rgb(var(--color-input)) !important;
    box-shadow: 0 0 0 1px rgb(var(--color-border-dark)) inset !important;
}
html.dark .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__inner,
html.dark .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter input {
    color: rgb(var(--color-text)) !important;
    -webkit-text-fill-color: rgb(var(--color-text));
}
html.dark .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__inner::-moz-placeholder, html.dark .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter input::-moz-placeholder {
    color: rgb(var(--color-text-muted)) !important;
    -webkit-text-fill-color: rgb(var(--color-text-muted));
}
html.dark .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter .el-input__inner::placeholder,
html.dark .categories-config-card .categories-transfer-wrapper .el-transfer-panel__filter input::placeholder {
    color: rgb(var(--color-text-muted)) !important;
    -webkit-text-fill-color: rgb(var(--color-text-muted));
}
.categories-transfer-wrapper .el-transfer-panel__list {
  padding: 0.375rem;
}
.categories-transfer-wrapper .el-transfer-panel__body {
    flex: 1 1 auto;
    min-height: 16rem;
    max-height: min(32rem, 55vh);
    overflow-y: auto;
    border: none !important;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-border)) rgb(var(--color-surface-muted));
}
.categories-transfer-wrapper .el-transfer-panel__empty {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__empty,
html:not([data-theme]) .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__empty,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__empty,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__empty {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__empty,
html:not(.dark):not([data-theme]) .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__empty {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__empty,
html.dark:not([data-theme]) .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__empty {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-wrapper .el-transfer-panel__empty,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-wrapper .el-transfer-panel__empty {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__empty,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__empty,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__empty,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__empty,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__empty,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__empty {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__empty,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__empty,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__empty,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__empty,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__empty,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__empty {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .categories-transfer-wrapper .el-transfer-panel__empty,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .categories-transfer-wrapper .el-transfer-panel__empty {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__empty,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.categories-transfer-wrapper .el-transfer-panel__empty {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .categories-transfer-wrapper .el-transfer-panel__empty,
html.dark[data-theme="7UC"] .app-main-content .categories-transfer-wrapper .el-transfer-panel__empty {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-wrapper .el-transfer-panel__empty,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-wrapper .el-transfer-panel__empty {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .categories-transfer-wrapper .el-transfer-panel__empty,
html.dark[data-theme="7UC"] .app-modal .categories-transfer-wrapper .el-transfer-panel__empty {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-wrapper .el-transfer-panel__empty,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-wrapper .el-transfer-panel__empty {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .categories-transfer-wrapper .el-transfer-panel__empty {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-wrapper .el-transfer-panel__empty,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-wrapper .el-transfer-panel__empty {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-wrapper .el-transfer-panel__empty {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-wrapper .el-transfer-panel__empty,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-wrapper .el-transfer-panel__empty {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.categories-transfer-wrapper .el-transfer-panel__empty,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.categories-transfer-wrapper .el-transfer-panel__empty {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .categories-transfer-wrapper .el-transfer-panel__empty,
html.dark[data-theme="7UC"] .coach-profile-option--active .categories-transfer-wrapper .el-transfer-panel__empty {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .categories-transfer-wrapper .el-transfer-panel__empty {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-wrapper .el-transfer-panel__empty {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .categories-transfer-wrapper .el-transfer-panel__empty {
  color: rgb(var(--color-text-muted));
}
.categories-transfer-wrapper .el-transfer-panel__empty {
    font-size: 0;
}
.categories-transfer-wrapper .el-transfer-panel__empty::after {
    content: "Sin categorías en este lado";
    font-size: 0.8125rem;
    line-height: 1.4;
}
.categories-transfer-wrapper .el-transfer-panel__body::-webkit-scrollbar {
    width: 6px;
}
.categories-transfer-wrapper .el-transfer-panel__body::-webkit-scrollbar-track {
    background: rgb(var(--color-surface-muted));
    border-radius: 3px;
}
.categories-transfer-wrapper .el-transfer-panel__body::-webkit-scrollbar-thumb {
    background: rgb(var(--color-border-dark));
    border-radius: 3px;
}
.categories-transfer-wrapper .el-transfer-panel__body::-webkit-scrollbar-thumb:hover {
    background: rgb(var(--color-text-muted));
}
.categories-transfer-wrapper .el-transfer-panel__item.el-checkbox {
    display: flex !important;
    align-items: flex-start !important;
    height: auto !important;
    min-height: 2.75rem;
    line-height: 1.35 !important;
    padding: 0.5rem 0.625rem !important;
    margin-right: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    border-radius: 0.5rem;
    border: 1px solid transparent !important;
}
.categories-transfer-wrapper .el-transfer-panel__item.el-checkbox:hover {
  background-color: rgb(var(--color-surface-muted) / 0.7);
    border-color: rgb(var(--color-border) / 0.65) !important;
}
html.dark .categories-config-card .categories-transfer-wrapper .el-transfer-panel__item.el-checkbox:hover {
    border-color: rgb(var(--color-border-dark) / 0.85) !important;
}
.categories-transfer-wrapper .el-transfer-panel__item .el-checkbox__input {
    position: relative !important;
    flex-shrink: 0;
    margin-top: 0.2rem;
}
.categories-transfer-wrapper .el-transfer-panel__item .el-checkbox__label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-left: 0.5rem !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    line-height: 1.35 !important;
}
.categories-transfer-wrapper .el-transfer__buttons {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
    gap: 0.625rem;
    padding: 0 !important;
    margin: 0;
    flex-shrink: 0;
}
.categories-transfer-wrapper .el-transfer__button {
  margin: 0px;
  border-radius: 0.75rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: rgb(var(--color-surface)) !important;
    color: rgb(var(--color-text)) !important;
    border: 1px solid rgb(var(--color-border)) !important;
    width: 2.75rem !important;
    height: 2.75rem !important;
    padding: 0 !important;
}
.categories-transfer-wrapper .el-transfer__button:nth-child(2) {
    margin: 0 !important;
}
html.dark .categories-config-card .categories-transfer-wrapper .el-transfer__button {
    border-color: rgb(var(--color-border-dark)) !important;
    background-color: rgb(var(--color-surface-muted)) !important;
    color: rgb(var(--color-text)) !important;
}
.categories-transfer-wrapper .el-transfer__button:hover:not(:disabled) {
    border-color: rgb(var(--color-primary)) !important;
    background-color: rgb(var(--color-primary)) !important;
    color: rgb(255 255 255) !important;
}
.categories-transfer-wrapper .el-transfer__button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}
.categories-transfer-wrapper .el-transfer__button .el-icon {
    font-size: 1.125rem;
    color: inherit !important;
}
.categories-transfer-wrapper .el-transfer__button .el-icon svg {
    color: inherit !important;
    fill: currentColor !important;
}
.categories-transfer-item {
  display: flex;
  width: 100%;
  min-width: 0px;
  flex-direction: column;
  gap: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.categories-transfer-item__name {
  display: block;
  overflow-wrap: break-word;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}

html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.categories-transfer-item__name,
html.dark:not([data-theme]) .league-matchday-heading span.categories-transfer-item__name {
  color: rgb(255 255 255 / 0.88);
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-item__name,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-item__name {
  color: inherit;
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.categories-transfer-item__name.font-bold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.categories-transfer-item__name.font-bold,
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.categories-transfer-item__name.font-semibold,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.categories-transfer-item__name.font-semibold {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.categories-transfer-item__name,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.categories-transfer-item__name {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.categories-transfer-item__name,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.categories-transfer-item__name {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .categories-transfer-item__name,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .categories-transfer-item__name {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .categories-transfer-item__name,
html.dark[data-theme="7UC"] .app-main-content .categories-transfer-item__name {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .categories-transfer-item__name:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.categories-transfer-item__name,
html.dark[data-theme="7UC"] .app-modal .categories-transfer-item__name:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.categories-transfer-item__name {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.categories-transfer-item__name,
html[data-theme="7UC"] .app-modal select.categories-transfer-item__name,
html[data-theme="7UC"] .app-modal textarea.categories-transfer-item__name,
html.dark[data-theme="7UC"] .app-modal input.categories-transfer-item__name,
html.dark[data-theme="7UC"] .app-modal select.categories-transfer-item__name,
html.dark[data-theme="7UC"] .app-modal textarea.categories-transfer-item__name {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}

html[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-item__name,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-item__name {
  color: #111111;
}
html[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-item__name,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-item__name {
  color: #111111;
}

html[data-theme="7UC"] .league-matchday-heading span.categories-transfer-item__name {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.categories-transfer-item__name {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .categories-transfer-item__name,
html.dark[data-theme="7UC"] .coach-profile-option--active .categories-transfer-item__name {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .categories-transfer-item__name {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-item__name {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.categories-transfer-item__name.font-bold,
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.categories-transfer-item__name.font-semibold {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .categories-transfer-item__name {
  color: rgb(var(--color-text));
}
.categories-transfer-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}
.cat-badge {
  display: inline-flex;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 10px;
  font-weight: 600;
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.cat-badge,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.cat-badge {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.cat-badge {
  color: rgb(var(--color-text));
}
.cat-badge--reg {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-muted) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.cat-badge--reg,
html:not([data-theme]) .aside .aside-menu-item-inactive.cat-badge--reg,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.cat-badge--reg,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.cat-badge--reg {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .cat-badge--reg,
html:not(.dark):not([data-theme]) .league-matchday-heading .cat-badge--reg {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .cat-badge--reg,
html.dark:not([data-theme]) .league-matchday-heading .cat-badge--reg {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .cat-badge--reg,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .cat-badge--reg {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.cat-badge--reg,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.cat-badge--reg,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.cat-badge--reg,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.cat-badge--reg,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.cat-badge--reg,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.cat-badge--reg {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.cat-badge--reg,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.cat-badge--reg,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.cat-badge--reg,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.cat-badge--reg,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.cat-badge--reg,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.cat-badge--reg {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .cat-badge--reg,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .cat-badge--reg {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.cat-badge--reg,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.cat-badge--reg {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .cat-badge--reg,
html.dark[data-theme="7UC"] .app-main-content .cat-badge--reg {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .cat-badge--reg,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .cat-badge--reg {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .cat-badge--reg,
html.dark[data-theme="7UC"] .app-modal .cat-badge--reg {
  background-color: #1F1F1F;
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .cat-badge--reg,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .cat-badge--reg {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .cat-badge--reg {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.cat-badge--reg,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.cat-badge--reg {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.cat-badge--reg {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .cat-badge--reg,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .cat-badge--reg {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.cat-badge--reg,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.cat-badge--reg {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .cat-badge--reg,
html.dark[data-theme="7UC"] .coach-profile-option--active .cat-badge--reg {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .cat-badge--reg {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .cat-badge--reg {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .cat-badge--reg {
  color: rgb(var(--color-text-muted));
}
.cat-badge--reg {
    border: 1px solid rgb(var(--color-border));
}
html.dark .categories-config-card .cat-badge--reg {
    border-color: rgb(var(--color-border-dark));
}
.cat-badge--kata {
  border-color: rgb(var(--state-progress) / 0.25);
  background-color: rgb(var(--state-progress) / 0.15);
  --tw-text-opacity: 1;
  color: rgb(var(--state-progress-on-surface) / var(--tw-text-opacity, 1));
}
.cat-badge--kumite {
  border-color: rgb(var(--state-attention) / 0.25);
  background-color: rgb(var(--state-attention) / 0.15);
  --tw-text-opacity: 1;
  color: rgb(var(--state-attention-on-surface) / var(--tw-text-opacity, 1));
}
html[data-theme="7UC"] .profile-page .cat-badge--kumite {
  color: #333333;
}
.cat-badge--neutral {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-muted) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.cat-badge--neutral,
html:not([data-theme]) .aside .aside-menu-item-inactive.cat-badge--neutral,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.cat-badge--neutral,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.cat-badge--neutral {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .cat-badge--neutral,
html:not(.dark):not([data-theme]) .league-matchday-heading .cat-badge--neutral {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .cat-badge--neutral,
html.dark:not([data-theme]) .league-matchday-heading .cat-badge--neutral {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .cat-badge--neutral,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .cat-badge--neutral {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.cat-badge--neutral,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.cat-badge--neutral,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.cat-badge--neutral,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.cat-badge--neutral,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.cat-badge--neutral,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.cat-badge--neutral {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.cat-badge--neutral,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.cat-badge--neutral,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.cat-badge--neutral,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.cat-badge--neutral,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.cat-badge--neutral,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.cat-badge--neutral {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .cat-badge--neutral,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .cat-badge--neutral {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.cat-badge--neutral,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.cat-badge--neutral {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .cat-badge--neutral,
html.dark[data-theme="7UC"] .app-main-content .cat-badge--neutral {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .cat-badge--neutral,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .cat-badge--neutral {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .cat-badge--neutral,
html.dark[data-theme="7UC"] .app-modal .cat-badge--neutral {
  background-color: #1F1F1F;
  color: rgb(203 213 225);
  border-color: rgb(82 82 82);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .cat-badge--neutral,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .cat-badge--neutral {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .cat-badge--neutral {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.cat-badge--neutral,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.cat-badge--neutral {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.cat-badge--neutral {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .cat-badge--neutral,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .cat-badge--neutral {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.cat-badge--neutral,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.cat-badge--neutral {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .cat-badge--neutral,
html.dark[data-theme="7UC"] .coach-profile-option--active .cat-badge--neutral {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .cat-badge--neutral {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .cat-badge--neutral {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .cat-badge--neutral {
  color: rgb(var(--color-text-muted));
}
.categories-transfer-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
}
html[data-theme="7UC"] .app-modal .categories-transfer-footer,
html.dark[data-theme="7UC"] .app-modal .categories-transfer-footer {
  border-color: rgb(82 82 82);
}
.categories-transfer-count {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.categories-transfer-count,
html:not([data-theme]) .aside .aside-menu-item-inactive.categories-transfer-count,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.categories-transfer-count,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.categories-transfer-count {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .categories-transfer-count,
html:not(.dark):not([data-theme]) .league-matchday-heading .categories-transfer-count {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .categories-transfer-count,
html.dark:not([data-theme]) .league-matchday-heading .categories-transfer-count {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-count,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-count {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-count,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-count,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-count,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-count,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-count,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-count {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-count,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-count,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-count,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-count,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-count,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-count {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .categories-transfer-count,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .categories-transfer-count {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.categories-transfer-count,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.categories-transfer-count {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .categories-transfer-count,
html.dark[data-theme="7UC"] .app-main-content .categories-transfer-count {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-count,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-count {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .categories-transfer-count,
html.dark[data-theme="7UC"] .app-modal .categories-transfer-count {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-count,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .categories-transfer-count {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .categories-transfer-count {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.categories-transfer-count,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.categories-transfer-count {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.categories-transfer-count {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-count,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .categories-transfer-count {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.categories-transfer-count,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.categories-transfer-count {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .categories-transfer-count,
html.dark[data-theme="7UC"] .coach-profile-option--active .categories-transfer-count {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .categories-transfer-count {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .categories-transfer-count {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .categories-transfer-count {
  color: rgb(var(--color-text-muted));
}
.categories-transfer-count--changed {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--state-attention-on-surface) / var(--tw-text-opacity, 1));
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.categories-transfer-count--changed,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.categories-transfer-count--changed {
  color: rgb(var(--color-text));
}
html[data-theme="7UC"] .profile-page .categories-transfer-count--changed {
  color: #333333;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.categories-transfer-count--changed {
  color: rgb(var(--color-text));
}
@media (max-width: 767px) {
    .categories-transfer-wrapper .el-transfer {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .categories-transfer-wrapper .el-transfer-panel {
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: none !important;
    }

    .categories-transfer-wrapper .el-transfer__buttons {
        flex-direction: row !important;
        justify-content: center;
        padding: 0.25rem 0;
    }

    .categories-transfer-wrapper .el-transfer__button .el-icon {
        transform: rotate(90deg);
    }

    .categories-transfer-wrapper .el-transfer-panel__body {
        min-height: 10rem;
        max-height: 14rem;
    }
}
/**
 * Tab Precios — integraciones, tarifas y utilidades de formulario.
 * Layout principal: config-form-card + config-section (event-configuration.css).
 */
.pricing-integration-list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.625rem;
}
@media (min-width: 640px) {

  .pricing-integration-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.pricing-integration-item {
  display: flex;
  min-height: 7rem;
  cursor: pointer;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--color-surface) / 0.7);
  padding: 0.875rem;
  text-align: left;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
html[data-theme="7UC"] .app-modal .pricing-integration-item,
html.dark[data-theme="7UC"] .app-modal .pricing-integration-item {
  border-color: rgb(82 82 82);
}
.pricing-integration-item:hover {
  border-color: rgb(var(--color-primary) / 0.4);
  background-color: rgb(var(--color-surface-muted) / 0.6);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.pricing-integration-item__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.pricing-integration-item__icon {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}
.pricing-integration-item__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}

html.dark[data-theme="GESTORNEO"] .league-matchday-heading span.pricing-integration-item__title,
html.dark:not([data-theme]) .league-matchday-heading span.pricing-integration-item__title {
  color: rgb(255 255 255 / 0.88);
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .pricing-integration-item__title,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .pricing-integration-item__title {
  color: inherit;
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.pricing-integration-item__title,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.pricing-integration-item__title {
  color: rgb(var(--color-text));
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.pricing-integration-item__title,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.pricing-integration-item__title {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.pricing-integration-item__title,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.pricing-integration-item__title {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .pricing-integration-item__title,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .pricing-integration-item__title {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .pricing-integration-item__title,
html.dark[data-theme="7UC"] .app-main-content .pricing-integration-item__title {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .pricing-integration-item__title:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.pricing-integration-item__title,
html.dark[data-theme="7UC"] .app-modal .pricing-integration-item__title:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.pricing-integration-item__title {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal input.pricing-integration-item__title,
html[data-theme="7UC"] .app-modal select.pricing-integration-item__title,
html[data-theme="7UC"] .app-modal textarea.pricing-integration-item__title,
html.dark[data-theme="7UC"] .app-modal input.pricing-integration-item__title,
html.dark[data-theme="7UC"] .app-modal select.pricing-integration-item__title,
html.dark[data-theme="7UC"] .app-modal textarea.pricing-integration-item__title {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .pricing-integration-item__title,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .pricing-integration-item__title {
  color: #111111;
}

html[data-theme="7UC"] .league-matchday-heading span.pricing-integration-item__title {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.pricing-integration-item__title {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .pricing-integration-item__title,
html.dark[data-theme="7UC"] .coach-profile-option--active .pricing-integration-item__title {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .pricing-integration-item__title {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .pricing-integration-item__title {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.pricing-integration-item__title {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .pricing-integration-item__title {
  color: rgb(var(--color-text));
}
.pricing-integration-item__desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}

html[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.pricing-integration-item__desc,
html:not([data-theme]) .aside .aside-menu-item-inactive.pricing-integration-item__desc,
html.dark[data-theme="GESTORNEO"] .aside .aside-menu-item-inactive.pricing-integration-item__desc,
html.dark:not([data-theme]) .aside .aside-menu-item-inactive.pricing-integration-item__desc {
  color: rgb(255 255 255);
  fill: currentColor;
}
html:not(.dark)[data-theme="GESTORNEO"] .league-matchday-heading .pricing-integration-item__desc,
html:not(.dark):not([data-theme]) .league-matchday-heading .pricing-integration-item__desc {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .league-matchday-heading .pricing-integration-item__desc,
html.dark:not([data-theme]) .league-matchday-heading .pricing-integration-item__desc {
  color: rgb(255 255 255 / 0.88);
}

html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .pricing-integration-item__desc,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .pricing-integration-item__desc {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.pricing-integration-item__desc,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.pricing-integration-item__desc,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.pricing-integration-item__desc,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.pricing-integration-item__desc,
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.pricing-integration-item__desc,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.pricing-integration-item__desc {
  color: rgb(100 116 139);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__delegation.pricing-integration-item__desc,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__delegation.pricing-integration-item__desc,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__bye.pricing-integration-item__desc,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__bye.pricing-integration-item__desc,
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__code.pricing-integration-item__desc,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__code.pricing-integration-item__desc {
  color: rgb(148 163 184);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .pricing-integration-item__desc,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .pricing-integration-item__desc {
  color: rgb(var(--color-text-muted));
}

html[data-theme="7UC"] .aside .aside-menu-item-inactive.pricing-integration-item__desc,
html.dark[data-theme="7UC"] .aside .aside-menu-item-inactive.pricing-integration-item__desc {
  color: rgb(255 255 255);
  fill: currentColor;
}
html[data-theme="7UC"] .app-main-content .pricing-integration-item__desc,
html.dark[data-theme="7UC"] .app-main-content .pricing-integration-item__desc {
  color: #4b5563;
}
html[data-theme="7UC"] .app-main-content .event-workspace-nav .pricing-integration-item__desc,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .pricing-integration-item__desc {
  color: #ffffff;
}
html[data-theme="7UC"] .app-modal .pricing-integration-item__desc,
html.dark[data-theme="7UC"] .app-modal .pricing-integration-item__desc {
  color: rgb(203 213 225);
}
html[data-theme="7UC"] .app-modal .modal-table-panel .pricing-integration-item__desc,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .pricing-integration-item__desc {
  color: #6b7280;
}
html[data-theme="7UC"] .league-matchday-heading .pricing-integration-item__desc {
  color: rgb(255 255 255 / 0.8);
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__delegation.pricing-integration-item__desc,
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__bye.pricing-integration-item__desc {
  color: #666666;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__code.pricing-integration-item__desc {
  color: #555555;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav .pricing-integration-item__desc,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav .pricing-integration-item__desc {
  color: #ffffff;
}

html[data-theme="7UC"] .app-main-content .event-workspace-nav a.pricing-integration-item__desc,
html.dark[data-theme="7UC"] .app-main-content .event-workspace-nav a.pricing-integration-item__desc {
  color: #ffffff;
}

html[data-theme="7UC"] .coach-profile-option--active .pricing-integration-item__desc,
html.dark[data-theme="7UC"] .coach-profile-option--active .pricing-integration-item__desc {
  color: #FFFFFF;
}

html[data-theme="TOQUELAB"] .multiselect__option .pricing-integration-item__desc {
  color: inherit;
}

html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .pricing-integration-item__desc {
  color: inherit;
}
html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .pricing-integration-item__desc {
  color: rgb(var(--color-text-muted));
}
.pricing-integration-item__footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-top: 0.25rem;
}
.pricing-integration-item__action {
  font-size: 11px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
.timer-gestorneo-theme .timer-panel-right .pricing-integration-item__action {
  color: rgb(191 219 254);
}
html[data-theme="7UC"] .app-modal .pricing-integration-item__action:not(.multiselect .text-primary):not(.multiselect *),
html.dark[data-theme="7UC"] .app-modal .pricing-integration-item__action:not(.multiselect .text-primary):not(.multiselect *) {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .app-modal [class*="bg-primary/10"] .pricing-integration-item__action,
html.dark[data-theme="7UC"] .app-modal [class*="bg-primary/10"] .pricing-integration-item__action {
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .app-modal .modal-table-panel .pricing-integration-item__action,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .pricing-integration-item__action {
  color: #111111;
}

html[data-theme="7UC"] .league-matchday-heading.pricing-integration-item__action {
  background-color: #111111;
  color: rgb(255 255 255);
  border-radius: 0;
  padding: 0.875rem 1.25rem;
  margin-bottom: 0;
  font-weight: 600;
  border-bottom: 1px solid rgb(0 0 0 / 0.35);
  box-shadow: 0 1px 0 0 rgb(255 255 255 / 0.06) inset;
}
html[data-theme="7UC"] .profile-tips-card .pricing-integration-item__action {
  color: #111111;
}
.pricing-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.pricing-badge,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.pricing-badge {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.pricing-badge {
  color: rgb(var(--color-text));
}
.pricing-badge--ok {
  background-color: rgb(var(--state-positive) / 0.15);
  --tw-text-opacity: 1;
  color: rgb(var(--state-positive-on-surface) / var(--tw-text-opacity, 1));
}
.pricing-badge--pending {
  background-color: rgb(var(--state-attention) / 0.15);
  --tw-text-opacity: 1;
  color: rgb(var(--state-attention-on-surface) / var(--tw-text-opacity, 1));
}
html[data-theme="7UC"] .profile-page .pricing-badge--pending {
  color: #333333;
}
.pricing-webhook {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 640px) {

  .pricing-webhook {
    flex-direction: row;
  }
}
.pricing-webhook__field {
  flex: 1 1 0%;
  word-break: break-all;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--color-surface-muted) / 0.5);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .pricing-webhook__field,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .pricing-webhook__field {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.pricing-webhook__field,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.pricing-webhook__field {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.pricing-webhook__field,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.pricing-webhook__field {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .pricing-webhook__field,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .pricing-webhook__field {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .pricing-webhook__field,
html.dark[data-theme="7UC"] .app-main-content .pricing-webhook__field {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .pricing-webhook__field:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.pricing-webhook__field,
html.dark[data-theme="7UC"] .app-modal .pricing-webhook__field:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.pricing-webhook__field {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .app-modal .pricing-webhook__field,
html.dark[data-theme="7UC"] .app-modal .pricing-webhook__field {
  border-color: rgb(82 82 82);
}

html[data-theme="7UC"] .app-modal input.pricing-webhook__field,
html[data-theme="7UC"] .app-modal select.pricing-webhook__field,
html[data-theme="7UC"] .app-modal textarea.pricing-webhook__field,
html.dark[data-theme="7UC"] .app-modal input.pricing-webhook__field,
html.dark[data-theme="7UC"] .app-modal select.pricing-webhook__field,
html.dark[data-theme="7UC"] .app-modal textarea.pricing-webhook__field {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .pricing-webhook__field,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .pricing-webhook__field {
  color: #111111;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.pricing-webhook__field {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .pricing-webhook__field,
html.dark[data-theme="7UC"] .coach-profile-option--active .pricing-webhook__field {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .pricing-webhook__field {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .pricing-webhook__field {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .pricing-webhook__field {
  color: rgb(var(--color-text));
}
.pricing-option-panel > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.pricing-option-panel {
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--color-surface) / 0.6);
  padding: 1rem;
}
html[data-theme="7UC"] .app-modal .pricing-option-panel,
html.dark[data-theme="7UC"] .app-modal .pricing-option-panel {
  border-color: rgb(82 82 82);
}
/* Campos en grilla: misma altura y sin margen inferior extra de FormField */
.pricing-form-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 640px) {

  .pricing-form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pricing-form-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.pricing-form-grid > div {
  margin-bottom: 0px;
}
.pricing-delivery-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: stretch;
  gap: 0.75rem;
}
@media (min-width: 640px) {

  .pricing-delivery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.pricing-delivery-grid .config-toggle--row {
  height: 100%;
}
.pricing-gallery-link-row {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 640px) {

  .pricing-gallery-link-row {
    flex-direction: row;
    align-items: center;
  }
}
.pricing-gallery-link-row__input {
  height: 3rem;
  min-width: 0px;
  flex: 1 1 0%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-input) / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
html[data-theme="GESTORNEO"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .pricing-gallery-link-row__input,
html:not([data-theme]) .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .pricing-gallery-link-row__input {
  color: inherit;
}
html:not(.dark)[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.pricing-gallery-link-row__input,
html:not(.dark):not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.pricing-gallery-link-row__input {
  color: rgb(15 23 42);
}
html.dark[data-theme="GESTORNEO"] .single-elim-bracket-wrapper .bracket-match-player__name.pricing-gallery-link-row__input,
html.dark:not([data-theme]) .single-elim-bracket-wrapper .bracket-match-player__name.pricing-gallery-link-row__input {
  color: rgb(248 250 252);
}
html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] .pricing-gallery-link-row__input,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] .pricing-gallery-link-row__input {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .app-main-content .pricing-gallery-link-row__input,
html.dark[data-theme="7UC"] .app-main-content .pricing-gallery-link-row__input {
  color: #111111;
}

html[data-theme="7UC"] .app-modal .pricing-gallery-link-row__input:not(input):not(textarea):not(select),
html[data-theme="7UC"] .app-modal span.pricing-gallery-link-row__input,
html.dark[data-theme="7UC"] .app-modal .pricing-gallery-link-row__input:not(input):not(textarea):not(select),
html.dark[data-theme="7UC"] .app-modal span.pricing-gallery-link-row__input {
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .app-modal .pricing-gallery-link-row__input,
html.dark[data-theme="7UC"] .app-modal .pricing-gallery-link-row__input {
  border-color: rgb(82 82 82);
}

html[data-theme="7UC"] .app-modal input.pricing-gallery-link-row__input,
html[data-theme="7UC"] .app-modal select.pricing-gallery-link-row__input,
html[data-theme="7UC"] .app-modal textarea.pricing-gallery-link-row__input,
html.dark[data-theme="7UC"] .app-modal input.pricing-gallery-link-row__input,
html.dark[data-theme="7UC"] .app-modal select.pricing-gallery-link-row__input,
html.dark[data-theme="7UC"] .app-modal textarea.pricing-gallery-link-row__input {
  background-color: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  -webkit-text-fill-color: rgb(var(--color-text));
  caret-color: rgb(var(--color-text));
  border-color: rgb(var(--color-border));
}
html[data-theme="7UC"] .app-modal .modal-table-panel .pricing-gallery-link-row__input,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .pricing-gallery-link-row__input {
  color: #111111;
}
html[data-theme="7UC"] .single-elim-bracket-wrapper .bracket-match-player__name.pricing-gallery-link-row__input {
  color: #111111;
}
html[data-theme="7UC"] .coach-profile-option--active .pricing-gallery-link-row__input,
html.dark[data-theme="7UC"] .coach-profile-option--active .pricing-gallery-link-row__input {
  color: #FFFFFF;
}
html[data-theme="TOQUELAB"] .multiselect__option .pricing-gallery-link-row__input {
  color: inherit;
}
html[data-theme="TOQUELAB"] .dashboard-ranking-filters .dashboard-ranking-multiselect .multiselect__option .pricing-gallery-link-row__input {
  color: inherit;
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] .pricing-gallery-link-row__input {
  color: rgb(var(--color-text));
}
/* vue-multiselect (sujamex/vue-multiselect) — no importar tema @vueform: comparte clase .multiselect y deja fondo blanco en las esquinas */
/* Estiliza los elementos del transfer usando Tailwind */
.el-transfer:is(.dark *) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-transfer-panel:is(.dark *) {
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.el-transfer__buttons {
  align-items: center;
  justify-content: center;
}
.el-transfer__button {
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
}
.timer-gestorneo-theme .el-transfer__button { background-color: rgb(var(--color-primary)); }
html[data-theme="7UC"] .el-transfer__button {
  background-color: rgb(var(--color-primary));
}
html[data-theme="7UC"] .el-transfer__button:hover {
  background-color: rgb(var(--color-primary-hover));
}
.el-transfer__button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
/* Estiliza las opciones y etiquetas */
.el-transfer-panel__header {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.el-transfer-panel__header,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.el-transfer-panel__header {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.el-transfer-panel__header {
  color: rgb(var(--color-text));
}
.el-transfer-panel__body {
  overflow-y: auto;
}
.el-transfer-panel__body:is(.dark *) {
  height: 24rem;
}
.el-transfer-panel__item {
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
}
.el-transfer-panel__item:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.el-transfer-panel__item.el-checkbox {
  border-radius: 0.25rem;
}
.el-transfer-panel__item.el-checkbox:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/* Transfer responsive: stack panels vertically on mobile */
@media (max-width: 639px) {
    .el-transfer {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .el-transfer-panel {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
    .el-transfer__buttons {
        flex-direction: row !important;
        padding: 0.5rem 0 !important;
    }
    .el-transfer-panel__body {
        min-height: 180px;
        max-height: 240px;
    }
}
/* === Panel del modal de confirmación (SweetAlert) ===
   Estaba repetido como `popupClass: "bg-slate-800 text-white rounded-xl p-6
   shadow-lg"` en 47 llamadas de 19 archivos. Vive aquí una sola vez y usa las
   variables del tema, así que ya no hay un color fijo suelto en el JS.
   7UC, TOQUELAB y FIGHTIQ lo sobrescriben en su propio archivo de variables. */
.swal2-container .swal2-popup {
  background: rgb(var(--color-aside));
  color: rgb(255 255 255);
  border-radius: 0.75rem;
  padding: 1.5rem;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.2), 0 4px 6px -4px rgb(0 0 0 / 0.2);
}
.swal2-container .swal2-title,
.swal2-container .swal2-html-container {
  color: rgb(255 255 255);
}
/* === Botones === */
.swal2-confirm-danger {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.timer-gestorneo-theme .swal2-confirm-danger { background-color: rgb(var(--color-danger-hover)); }

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.swal2-confirm-danger,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.swal2-confirm-danger {
  color: rgb(var(--color-text));
}
html[data-theme="7UC"] .event-logs-modal .swal2-confirm-danger {
  color: #111111;
}

html[data-theme="7UC"] .event-logs-modal span[class*="bg-indigo"].swal2-confirm-danger {
  background-color: #8B0000;
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .dashboard-ranking-filters .swal2-confirm-danger {
  color: rgb(var(--color-text));
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.swal2-confirm-danger {
  color: rgb(var(--color-text));
}
.swal2-confirm-danger:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.swal2-confirm-primary {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.timer-gestorneo-theme .swal2-confirm-primary { background-color: rgb(var(--color-primary-hover)); }

html.dark[data-theme="GESTORNEO"] .fixed.inset-0.z-\[60\] label.block.swal2-confirm-primary,
html.dark:not([data-theme]) .fixed.inset-0.z-\[60\] label.block.swal2-confirm-primary {
  color: rgb(var(--color-text));
}

html[data-theme="7UC"] .swal2-confirm-primary {
  background-color: rgb(var(--color-primary));
}

html[data-theme="7UC"] .swal2-confirm-primary:hover {
  background-color: rgb(var(--color-primary-hover));
}
html[data-theme="7UC"] .base-tabs-scroll button.swal2-confirm-primary {
  background-color: #111111;
  border-color: #111111;
  color: rgb(255 255 255);
}
html[data-theme="7UC"] .event-logs-modal .swal2-confirm-primary {
  color: #111111;
}

html[data-theme="7UC"] .event-logs-modal span[class*="bg-indigo"].swal2-confirm-primary {
  background-color: #8B0000;
  color: rgb(255 255 255);
}

html[data-theme="7UC"] .dashboard-ranking-filters .swal2-confirm-primary {
  color: rgb(var(--color-text));
}
html[data-theme="TOQUELAB"] .base-tabs-scroll button.swal2-confirm-primary {
  background-color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
  color: rgb(255 255 255);
}

html.dark[data-theme="TOQUELAB"] .fixed.inset-0.z-\[60\] label.block.swal2-confirm-primary {
  color: rgb(var(--color-text));
}
.swal2-confirm-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.swal2-cancel-default {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

html[data-theme="7UC"] .app-modal .modal-table-panel .swal2-cancel-default,
html.dark[data-theme="7UC"] .app-modal .modal-table-panel .swal2-cancel-default {
  color: #111111;
}
.swal2-cancel-default:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
/* === Iconos (Success, Error, Warning, Info, Question) === */
.swal2-icon.swal2-success {
  border-color: #22c55e !important; /* verde Tailwind-emerald */
  color: #22c55e !important;
}
.swal2-icon.swal2-error {
  border-color: #dc2626 !important; /* rojo Tailwind-red */
  color: #dc2626 !important;
}
.swal2-icon.swal2-warning {
  border-color: #facc15 !important; /* amarillo Tailwind-yellow */
  color: #facc15 !important;
}
.swal2-icon.swal2-info {
  border-color: #3b82f6 !important; /* azul Tailwind-blue */
  color: #3b82f6 !important;
}
.swal2-icon.swal2-question {
  border-color: #8b5cf6 !important; /* violeta Tailwind-violet */
  color: #8b5cf6 !important;
}
/*CSS PARA BRACKETS*/
.tournament-container {
  width: 100%;
  overflow-x: auto;
  padding: 20px;
  border-radius: 8px;
}
.tournament-bracket {
  display: flex;
  align-items: stretch;
  gap: 60px;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 20px;
}
.round {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-width: 240px;
  position: relative;
}
/* Llaves de competencia: grid para alinear cuartos entre octavos, semifinales entre cuartos, etc. */
.round.round-grid {
  display: grid;
  grid-template-rows: auto repeat(var(--grid-rows, 8), 1fr);
  gap: 8px 0;
  align-content: start;
  min-height: calc(var(--grid-rows, 8) * 52px);
}
.round.round-grid .round-header {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: 4px;
}
.round.round-grid .match {
  align-self: center;
  /* 220 y no 260: la tarjeta perdió su pie de cuatro botones —ahora se opera
     desde el panel— y con ese ancho entra una ronda más sin desplazamiento. */
  min-width: 220px;
}
/*
 * Etiqueta de ronda (brief 2e). Era una franja de color con degradado por
 * marca, que pesaba más que las propias tarjetas y hacía que la llave
 * pareciera pegada encima del fondo en vez de dibujada sobre él. En el brief
 * es un rótulo: el cuadro se lee por los conectores, no por bandas.
 *
 * Pero en gris claro y a 11 px se perdía entre las tarjetas, que sí tienen
 * borde y sombra. Un rótulo que no se ve deja de ordenar el cuadro. Se le da
 * el contraste del texto normal y una regla fina debajo que ocupa el ancho de
 * la columna: la línea es la que separa las rondas, no el color de fondo, y
 * cuesta un píxel en vez de una franja.
 */
.round-header {
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(var(--color-text));
  margin-bottom: 14px;
  padding: 0 2px 7px;
  background: none;
  border-bottom: 1px solid rgb(var(--color-border));
  display: flex;
  align-items: baseline;
  gap: 8px;
  white-space: nowrap;
}
/* Cuántos encuentros hay en la ronda: se lee de lado sin contar tarjetas. */
.round-header__count {
  margin-left: auto;
  font-weight: 400;
  letter-spacing: 0;
  color: rgb(var(--color-text-muted));
}
.match {
  background: white;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  overflow: hidden;
  position: relative;
}
/* Llaves web: conectores SVG sin recorte en el wrapper interno; scroll en .tournament-container */
.tournament-container .single-elim-bracket-wrapper {
  overflow: visible;
  min-width: -moz-max-content;
  min-width: max-content;
}
.single-elim-bracket-wrapper .tournament-bracket {
  overflow: visible;
}
.single-elim-bracket-wrapper .round.round-grid {
  overflow: visible;
}
.single-elim-bracket-wrapper .match {
  overflow: visible;
  z-index: 1;
}
.single-elim-bracket-wrapper .match > :not(.bracket-connector) {
  position: relative;
  z-index: 1;
}
.single-elim-bracket-wrapper .match::before,
.single-elim-bracket-wrapper .match::after {
  content: none !important;
  display: none !important;
}
.single-elim-bracket-wrapper .bracket-connector {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  background: var(--match-tracking-color, #8b5cf6);
}
.single-elim-bracket-wrapper .bracket-connector-h-out {
  right: -60px;
  top: 50%;
  width: 60px;
  height: 3px;
  transform: translateY(-50%);
}
.single-elim-bracket-wrapper .bracket-connector-in {
  left: -60px;
  top: 50%;
  width: 60px;
  height: 3px;
  transform: translateY(-50%);
}
.single-elim-bracket-wrapper .bracket-connector-v {
  right: -60px;
  width: 3px;
}
.single-elim-bracket-wrapper .bracket-connector-v.is-pair-top {
  top: 50%;
  height: calc((100% + 8px) * var(--connector-pair-mult, 1));
}
.single-elim-bracket-wrapper .bracket-connector-v.is-pair-bottom {
  bottom: 50%;
  height: calc((100% + 8px) * var(--connector-pair-mult, 1));
}
.match::before {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  width: 30px;
  height: 2px;
  background: #8b5cf6;
}
.match::after {
  content: "";
  position: absolute;
  right: -30px;
  width: 2px;
  background: #8b5cf6;
}
.round:not(:last-child) .match:nth-child(odd)::after {
  top: 50%;
  height: calc(100% + 20px);
}
.round:not(:last-child) .match:nth-child(even)::after {
  bottom: 50%;
  height: calc(100% + 20px);
}
.round:last-child .match::before,
.round:last-child .match::after {
  display: none;
}
.match-player {
  padding: 12px 16px;
  border: 2px solid #e9ecef;
  transition: all 0.3s ease;
  min-height: 45px;
  display: flex;
  align-items: center;
}
.match-player:first-child {
  border-bottom: 1px solid #e9ecef;
}
.player-name {
  font-size: 14px;
  color: #2c3e50;
  font-weight: 500;
}
.is-bye {
  opacity: 0.4;
  font-style: italic;
  background: #f8f9fa;
}
/* Estados del match (tarjetas bracket – tokens de tema) */
.single-elim-bracket-wrapper .match.bracket-match-card.match-finished {
  border-color: rgb(var(--color-success));
}
.single-elim-bracket-wrapper .match.bracket-match-card.match-in-progress {
  border-color: rgb(var(--color-primary));
}
.single-elim-bracket-wrapper .match.bracket-match-card.match-pending {
  border-color: rgb(var(--color-border));
}
.single-elim-bracket-wrapper .match.bracket-match-card .match-player {
  border: none;
  box-shadow: none;
  min-height: unset;
}
/* Responsive */
@media (max-width: 768px) {
  .tournament-bracket {
    gap: 40px;
  }
  
  .round {
    min-width: 180px;
  }
  
  .match-player {
    padding: 10px 12px;
    font-size: 12px;
  }
}
.is-winner {
  background: #fef3c7;  /* Fondo amarillo claro */
  font-weight: 700;      /* Texto en negrita */
}
.is-winner .player-name {
  color: #92400e;        /* Color marrón oscuro para el texto */
}
.winner-icon {
  color: #fbbf24;        /* Color dorado para el ícono de trofeo */
  flex-shrink: 0;
  margin-left: 8px;
}
.alert-warning {
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
}
.alert-content {
  display: flex;
  gap: 12px;
  align-items: start;
}
.alert-icon {
  width: 24px;
  height: 24px;
  color: #856404;
  flex-shrink: 0;
}
.alert-title {
  font-weight: 600;
  color: #856404;
  margin: 0 0 4px 0;
}
.alert-message {
  color: #856404;
  margin: 0;
  font-size: 14px;
}
.bracket-status {
  margin-bottom: 16px;
}
.status-badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.status-complete {
  background: #d4edda;
  color: #155724;
}
.status-incomplete {
  background: #fff3cd;
  color: #856404;
}
.status-warning {
  background-color: #fee2e2;
  color: #991b1b;
}
.dark .status-complete {
  background-color: #14532d;
  color: #86efac;
}
.dark .status-incomplete {
  background-color: #78350f;
  color: #fde047;
}
.dark .status-warning {
  background-color: #7f1d1d;
  color: #fca5a5;
}
.multiselect,
.multiselect__tags,
.multiselect__content-wrapper {
    display: block !important;
    width: 100% !important;
}
/* vue-multiselect: lista desplegable por encima de controles siguientes (segment toggles, etc.) */
.multiselect {
    position: relative;
    z-index: 1;
}
.multiselect.multiselect--active,
.multiselect.multiselect--above {
    z-index: 50;
}
.multiselect__content-wrapper {
    z-index: 51;
}
/* vue-multiselect: ocultar hints al resaltar opciones (Press enter to select, etc.) */
.multiselect__option--highlight::after,
.multiselect__option--selected::after,
.multiselect__option--selected.multiselect__option--highlight::after,
.multiselect__option--group.multiselect__option--highlight::after,
.multiselect__option--group-selected.multiselect__option--highlight::after {
    content: none !important;
    display: none !important;
}
tbody tr:hover .table-cell-actions .after\:bg-primarybutton::after,
  tbody tr:hover .table-cell-actions .after\:bg-primarya::after {
    content: var(--tw-content);
    color: rgb(255 255 255) !important;
  }
tbody tr:hover .table-cell-actions .after\:bg-primarybutton svg::after,
  tbody tr:hover .table-cell-actions .after\:bg-primarya svg::after {
    content: var(--tw-content);
    color: inherit !important;
    fill: currentColor !important;
  }
.hover\:bg-gray-100:hover
  button,.hover\:bg-gray-100:hover
  a {
    color: rgb(17 24 39) !important;
  }
.hover\:bg-gray-100:hover
  button svg,.hover\:bg-gray-100:hover
  a svg {
    color: inherit !important;
  }
tbody tr:hover .table-cell-actions .hover\:bg-primary:hoverbutton,
  tbody tr:hover .table-cell-actions .hover\:bg-primary:hovera {
    color: rgb(255 255 255) !important;
  }

  tbody tr:hover .table-cell-actions .hover\:bg-danger:hoverbutton,
  tbody tr:hover .table-cell-actions .hover\:bg-danger:hovera {
    color: rgb(255 255 255) !important;
  }

  tbody tr:hover .table-cell-actions .hover\:bg-success:hoverbutton,
  tbody tr:hover .table-cell-actions .hover\:bg-success:hovera {
    color: rgb(255 255 255) !important;
  }

  tbody tr:hover .table-cell-actions .hover\:bg-warning:hoverbutton,
  tbody tr:hover .table-cell-actions .hover\:bg-warning:hovera {
    color: rgb(255 255 255) !important;
  }
tbody tr:hover .table-cell-actions .hover\:bg-primary:hoverbutton,
  tbody tr:hover .table-cell-actions .hover\:bg-primary:hovera {
    color: rgb(255 255 255) !important;
  }

  tbody tr:hover .table-cell-actions .hover\:bg-danger:hoverbutton,
  tbody tr:hover .table-cell-actions .hover\:bg-danger:hovera {
    color: rgb(255 255 255) !important;
  }

  tbody tr:hover .table-cell-actions .hover\:bg-success:hoverbutton,
  tbody tr:hover .table-cell-actions .hover\:bg-success:hovera {
    color: rgb(255 255 255) !important;
  }

  tbody tr:hover .table-cell-actions .hover\:bg-warning:hoverbutton,
  tbody tr:hover .table-cell-actions .hover\:bg-warning:hovera {
    color: rgb(255 255 255) !important;
  }
tbody tr:hover .table-cell-actions .hover\:bg-primary:hoverbutton svg,
  tbody tr:hover .table-cell-actions .hover\:bg-primary:hovera svg {
    color: inherit !important;
    fill: currentColor !important;
  }

  tbody tr:hover .table-cell-actions .hover\:bg-danger:hoverbutton svg,
  tbody tr:hover .table-cell-actions .hover\:bg-danger:hovera svg {
    color: inherit !important;
    fill: currentColor !important;
  }

  tbody tr:hover .table-cell-actions .hover\:bg-success:hoverbutton svg,
  tbody tr:hover .table-cell-actions .hover\:bg-success:hovera svg {
    color: inherit !important;
    fill: currentColor !important;
  }

  tbody tr:hover .table-cell-actions .hover\:bg-warning:hoverbutton svg,
  tbody tr:hover .table-cell-actions .hover\:bg-warning:hovera svg {
    color: inherit !important;
    fill: currentColor !important;
  }
tbody tr:hover .table-cell-actions .hover\:bg-primary:hoverbutton svg,
  tbody tr:hover .table-cell-actions .hover\:bg-primary:hovera svg {
    color: inherit !important;
    fill: currentColor !important;
  }

  tbody tr:hover .table-cell-actions .hover\:bg-danger:hoverbutton svg,
  tbody tr:hover .table-cell-actions .hover\:bg-danger:hovera svg {
    color: inherit !important;
    fill: currentColor !important;
  }

  tbody tr:hover .table-cell-actions .hover\:bg-success:hoverbutton svg,
  tbody tr:hover .table-cell-actions .hover\:bg-success:hovera svg {
    color: inherit !important;
    fill: currentColor !important;
  }

  tbody tr:hover .table-cell-actions .hover\:bg-warning:hoverbutton svg,
  tbody tr:hover .table-cell-actions .hover\:bg-warning:hovera svg {
    color: inherit !important;
    fill: currentColor !important;
  }
.focus\:bg-gray-100:focus
  button,.focus\:bg-gray-100:focus
  a {
    color: rgb(17 24 39) !important;
  }
.focus\:bg-gray-100:focus
  button svg,.focus\:bg-gray-100:focus
  a svg {
    color: inherit !important;
  }
.active\:bg-gray-100:active
  button,.active\:bg-gray-100:active
  a {
    color: rgb(17 24 39) !important;
  }
.active\:bg-gray-100:active
  button svg,.active\:bg-gray-100:active
  a svg {
    color: inherit !important;
  }
.dark\:bg-white:is(.dark *)button,.dark\:bg-white:is(.dark *)
  a {
    color: rgb(17 24 39) !important;
  }
.dark\:bg-white:is(.dark *)button svg,.dark\:bg-white:is(.dark *)
  a svg {
    color: inherit !important;
  }
.file\:mr-3::file-selector-button {
  margin-right: 0.75rem;
}
.file\:rounded-lg::file-selector-button {
  border-radius: 0.5rem;
}
.file\:border-0::file-selector-button {
  border-width: 0px;
}
.file\:bg-surface-muted::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-muted) / var(--tw-bg-opacity, 1));
}
.file\:px-3::file-selector-button {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.file\:py-2::file-selector-button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-semibold::file-selector-button {
  font-weight: 600;
}
.file\:text-text::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
.placeholder\:text-text-muted::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}
.placeholder\:text-text-muted::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}
.placeholder\:text-white\/30::-moz-placeholder {
  color: rgb(255 255 255 / 0.3);
}
.placeholder\:text-white\/30::placeholder {
  color: rgb(255 255 255 / 0.3);
}
.backdrop\:bg-transparent::backdrop {
  background-color: transparent;
}
.before\:mx-1::before {
  content: var(--tw-content);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.before\:hidden::before {
  content: var(--tw-content);
  display: none;
}
.before\:content-\[\'\B7\'\]::before {
  --tw-content: '·';
  content: var(--tw-content);
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:bottom-0::after {
  content: var(--tw-content);
  bottom: 0px;
}
.after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}
.after\:right-0::after {
  content: var(--tw-content);
  right: 0px;
}
.after\:h-0\.5::after {
  content: var(--tw-content);
  height: 0.125rem;
}
.after\:bg-primary::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
}
.after\:content-\[\\\'\\\'\]::after {
  --tw-content: \'\';
  content: var(--tw-content);
}
.first\:pt-1:first-child {
  padding-top: 0.25rem;
}
.last\:mb-0:last-child {
  margin-bottom: 0px;
}
.last\:mr-0:last-child {
  margin-right: 0px;
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:border-r-0:last-child {
  border-right-width: 0px;
}
.first-of-type\:border-t-0:first-of-type {
  border-top-width: 0px;
}
.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-primary:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-primary) / var(--tw-ring-opacity, 1));
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-2:hover {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:translate-x-2:hover {
  --tw-translate-x: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-blue-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-500\/40:hover {
  border-color: rgb(59 130 246 / 0.4);
}
.hover\:border-blue-500\/50:hover {
  border-color: rgb(59 130 246 / 0.5);
}
.hover\:border-blue-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-600\/50:hover {
  border-color: rgb(37 99 235 / 0.5);
}
.hover\:border-border:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
}
.hover\:border-border-dark:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border-dark) / var(--tw-border-opacity, 1));
}
.hover\:border-danger:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger) / var(--tw-border-opacity, 1));
}
.hover\:border-danger-hover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-hover) / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-500\/50:hover {
  border-color: rgb(16 185 129 / 0.5);
}
.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.hover\:border-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
}
.hover\:border-primary-hover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-hover) / var(--tw-border-opacity, 1));
}
.hover\:border-primary\/30:hover {
  border-color: rgb(var(--color-primary) / 0.3);
}
.hover\:border-primary\/40:hover {
  border-color: rgb(var(--color-primary) / 0.4);
}
.hover\:border-primary\/50:hover {
  border-color: rgb(var(--color-primary) / 0.5);
}
.hover\:border-primary\/60:hover {
  border-color: rgb(var(--color-primary) / 0.6);
}
.hover\:border-slate-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.hover\:border-slate-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}
.hover\:border-state-critical\/40:hover {
  border-color: rgb(var(--state-critical) / 0.4);
}
.hover\:border-state-positive\/45:hover {
  border-color: rgb(var(--state-positive) / 0.45);
}
.hover\:border-success:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success) / var(--tw-border-opacity, 1));
}
.hover\:border-success-hover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-hover) / var(--tw-border-opacity, 1));
}
.hover\:border-violet-300\/40:hover {
  border-color: rgb(196 181 253 / 0.4);
}
.hover\:border-warning:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning) / var(--tw-border-opacity, 1));
}
.hover\:border-warning-hover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-hover) / var(--tw-border-opacity, 1));
}
.hover\:border-opacity-100:hover {
  --tw-border-opacity: 1;
}
.hover\:\!bg-primary-hover:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-hover) / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-\[\#DDDDDD\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(221 221 221 / var(--tw-bg-opacity, 1));
}
.hover\:bg-aside-menu\/10:hover {
  background-color: rgb(var(--color-aside-menu) / 0.1);
}
.hover\:bg-black\/10:hover {
  background-color: rgb(0 0 0 / 0.1);
}
.hover\:bg-blue-500\/10:hover {
  background-color: rgb(59 130 246 / 0.1);
}
.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-600\/50:hover {
  background-color: rgb(37 99 235 / 0.5);
}
.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.hover\:bg-cyan-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-danger:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger) / var(--tw-bg-opacity, 1));
}
.hover\:bg-danger-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-hover) / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-500\/50:hover {
  background-color: rgb(107 114 128 / 0.5);
}
.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-800\/30:hover {
  background-color: rgb(31 41 55 / 0.3);
}
.hover\:bg-green-600\/50:hover {
  background-color: rgb(22 163 74 / 0.5);
}
.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-panel:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-panel) / var(--tw-bg-opacity, 1));
}
.hover\:bg-panel\/25:hover {
  background-color: rgb(var(--color-panel) / 0.25);
}
.hover\:bg-panel\/50:hover {
  background-color: rgb(var(--color-panel) / 0.5);
}
.hover\:bg-panel\/70:hover {
  background-color: rgb(var(--color-panel) / 0.7);
}
.hover\:bg-pink-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(190 24 93 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-hover) / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary\/10:hover {
  background-color: rgb(var(--color-primary) / 0.1);
}
.hover\:bg-primary\/15:hover {
  background-color: rgb(var(--color-primary) / 0.15);
}
.hover\:bg-primary\/20:hover {
  background-color: rgb(var(--color-primary) / 0.2);
}
.hover\:bg-primary\/30:hover {
  background-color: rgb(var(--color-primary) / 0.3);
}
.hover\:bg-primary\/5:hover {
  background-color: rgb(var(--color-primary) / 0.05);
}
.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-700\/70:hover {
  background-color: rgb(51 65 85 / 0.7);
}
.hover\:bg-slate-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.hover\:bg-state-attention\/20:hover {
  background-color: rgb(var(--state-attention) / 0.2);
}
.hover\:bg-state-attention\/25:hover {
  background-color: rgb(var(--state-attention) / 0.25);
}
.hover\:bg-state-critical\/10:hover {
  background-color: rgb(var(--state-critical) / 0.1);
}
.hover\:bg-state-critical\/20:hover {
  background-color: rgb(var(--state-critical) / 0.2);
}
.hover\:bg-state-critical\/25:hover {
  background-color: rgb(var(--state-critical) / 0.25);
}
.hover\:bg-state-critical\/5:hover {
  background-color: rgb(var(--state-critical) / 0.05);
}
.hover\:bg-state-positive\/15:hover {
  background-color: rgb(var(--state-positive) / 0.15);
}
.hover\:bg-state-positive\/40:hover {
  background-color: rgb(var(--state-positive) / 0.4);
}
.hover\:bg-state-progress\/10:hover {
  background-color: rgb(var(--state-progress) / 0.1);
}
.hover\:bg-success:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success) / var(--tw-bg-opacity, 1));
}
.hover\:bg-success-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-hover) / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface-muted:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-muted) / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface-muted\/25:hover {
  background-color: rgb(var(--color-surface-muted) / 0.25);
}
.hover\:bg-surface-muted\/30:hover {
  background-color: rgb(var(--color-surface-muted) / 0.3);
}
.hover\:bg-surface-muted\/40:hover {
  background-color: rgb(var(--color-surface-muted) / 0.4);
}
.hover\:bg-surface-muted\/45:hover {
  background-color: rgb(var(--color-surface-muted) / 0.45);
}
.hover\:bg-surface-muted\/50:hover {
  background-color: rgb(var(--color-surface-muted) / 0.5);
}
.hover\:bg-surface-muted\/60:hover {
  background-color: rgb(var(--color-surface-muted) / 0.6);
}
.hover\:bg-violet-400\/10:hover {
  background-color: rgb(167 139 250 / 0.1);
}
.hover\:bg-warning:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning) / var(--tw-bg-opacity, 1));
}
.hover\:bg-warning-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-hover) / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255 / 0.05);
}
.hover\:bg-yellow-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
}
.hover\:from-blue-700:hover {
  --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-blue-800:hover {
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}
.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-400:hover {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.hover\:text-emerald-400:hover {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-100:hover {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.hover\:text-green-400:hover {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.hover\:text-on-critical:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--state-critical-on-surface) / var(--tw-text-opacity, 1));
}
.hover\:text-on-progress:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--state-progress-on-surface) / var(--tw-text-opacity, 1));
}
.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
.hover\:text-red-200:hover {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.hover\:text-text:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
.hover\:text-text-muted:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}
.hover\:text-violet-100:hover {
  --tw-text-opacity: 1;
  color: rgb(237 233 254 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:text-white\/70:hover {
  color: rgb(255 255 255 / 0.7);
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.hover\:\!opacity-90:hover {
  opacity: 0.9 !important;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-75:hover {
  opacity: 0.75;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-blue-500\/25:hover {
  --tw-shadow-color: rgb(59 130 246 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-blue-600\/10:hover {
  --tw-shadow-color: rgb(37 99 235 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-blue-600\/25:hover {
  --tw-shadow-color: rgb(37 99 235 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:\!brightness-110:hover {
  --tw-brightness: brightness(1.1) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.focus\:z-10:focus {
  z-index: 10;
}
.focus\:border-blue-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus\:border-gray-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.focus\:border-indigo-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / var(--tw-border-opacity, 1));
}
.focus\:border-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
}
.focus\:border-primary\/50:focus {
  border-color: rgb(var(--color-primary) / 0.5);
}
.focus\:border-sky-400\/60:focus {
  border-color: rgb(56 189 248 / 0.6);
}
.focus\:border-sky-400\/70:focus {
  border-color: rgb(56 189 248 / 0.7);
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.focus\:bg-gray-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.focus\:bg-gray-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.focus\:bg-gray-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.focus\:bg-indigo-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.focus\:bg-state-progress\/10:focus {
  background-color: rgb(var(--state-progress) / 0.1);
}
.focus\:text-gray-700:focus {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.focus\:text-gray-800:focus {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.focus\:text-indigo-800:focus {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-4:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-blue-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus\:ring-current:focus {
  --tw-ring-color: currentColor;
}
.focus\:ring-danger:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-danger) / var(--tw-ring-opacity, 1));
}
.focus\:ring-emerald-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus\:ring-info:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-info) / var(--tw-ring-opacity, 1));
}
.focus\:ring-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-primary) / var(--tw-ring-opacity, 1));
}
.focus\:ring-primary\/15:focus {
  --tw-ring-color: rgb(var(--color-primary) / 0.15);
}
.focus\:ring-primary\/30:focus {
  --tw-ring-color: rgb(var(--color-primary) / 0.3);
}
.focus\:ring-primary\/40:focus {
  --tw-ring-color: rgb(var(--color-primary) / 0.4);
}
.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.focus\:ring-sky-400\/20:focus {
  --tw-ring-color: rgb(56 189 248 / 0.2);
}
.focus\:ring-success:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-success) / var(--tw-ring-opacity, 1));
}
.focus\:ring-success\/30:focus {
  --tw-ring-color: rgb(var(--color-success) / 0.3);
}
.focus\:ring-warning:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--color-warning) / var(--tw-ring-opacity, 1));
}
.focus\:ring-white:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.focus\:ring-yellow-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus\:ring-offset-blue-600:focus {
  --tw-ring-offset-color: #2563eb;
}
.focus\:ring-offset-surface-muted:focus {
  --tw-ring-offset-color: rgb(var(--color-surface-muted) / 1);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-indigo-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-primary\/40:focus-visible {
  --tw-ring-color: rgb(var(--color-primary) / 0.4);
}
.active\:scale-100:active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:cursor-grabbing:active {
  cursor: grabbing;
}
.active\:bg-gray-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.active\:bg-gray-900:active {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.active\:bg-red-700:active {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.active\:bg-surface:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}
.active\:bg-surface-muted:active {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-muted) / var(--tw-bg-opacity, 1));
}
.active\:text-gray-500:active {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.active\:text-gray-700:active {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.active\:\!brightness-95:active {
  --tw-brightness: brightness(.95) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:\!opacity-50:disabled {
  opacity: 0.5 !important;
}
.disabled\:opacity-100:disabled {
  opacity: 1;
}
.disabled\:opacity-25:disabled {
  opacity: 0.25;
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.group:hover .group-hover\:h-full {
  height: 100%;
}
.group:hover .group-hover\:w-full {
  width: 100%;
}
.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-\[100\%\] {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:rotate-6 {
  --tw-rotate: 6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-blue-500\/30 {
  border-color: rgb(59 130 246 / 0.3);
}
.group:hover .group-hover\:bg-blue-600\/20 {
  background-color: rgb(37 99 235 / 0.2);
}
.group:hover .group-hover\:from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group:hover .group-hover\:to-blue-700 {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.group:hover .group-hover\:text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary) / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-30 {
  opacity: 0.3;
}
.peer:checked ~ .peer-checked\:translate-x-5 {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.peer:checked ~ .peer-checked\:bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}
.peer:focus ~ .peer-focus\:outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.peer:focus ~ .peer-focus\:ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.peer:focus ~ .peer-focus\:ring-sky-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity, 1));
}
.peer:focus ~ .peer-focus\:ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
@supports (backdrop-filter: var(--tw)) {

  .supports-\[backdrop-filter\]\:bg-surface\/90 {
    background-color: rgb(var(--color-surface) / 0.9);
  }
}
.dark\:flex:is(.dark *) {
  display: flex;
}
.dark\:h-96:is(.dark *) {
  height: 24rem;
}
.dark\:items-center:is(.dark *) {
  align-items: center;
}
.dark\:border-aside:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-aside) / var(--tw-border-opacity, 1));
}
.dark\:border-aside-brand:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-aside-brand) / var(--tw-border-opacity, 1));
}
.dark\:border-blue-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}
.dark\:border-border:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
}
.dark\:border-cyan-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(14 116 144 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:border-green-900\/40:is(.dark *) {
  border-color: rgb(20 83 45 / 0.4);
}
.dark\:border-indigo-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 48 163 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-100:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.dark\:border-white:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.dark\:bg-amber-500\/25:is(.dark *) {
  background-color: rgb(245 158 11 / 0.25);
}
.dark\:bg-amber-900\/40:is(.dark *) {
  background-color: rgb(120 53 15 / 0.4);
}
.dark\:bg-aside:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-aside) / var(--tw-bg-opacity, 1));
}
.dark\:bg-aside-brand:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-aside-brand) / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900\/30:is(.dark *) {
  background-color: rgb(30 58 138 / 0.3);
}
.dark\:bg-blue-900\/40:is(.dark *) {
  background-color: rgb(30 58 138 / 0.4);
}
.dark\:bg-cyan-900\/35:is(.dark *) {
  background-color: rgb(22 78 99 / 0.35);
}
.dark\:bg-emerald-900\/35:is(.dark *) {
  background-color: rgb(6 78 59 / 0.35);
}
.dark\:bg-gray-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-900\/40:is(.dark *) {
  background-color: rgb(20 83 45 / 0.4);
}
.dark\:bg-green-950\/20:is(.dark *) {
  background-color: rgb(5 46 22 / 0.2);
}
.dark\:bg-indigo-900\/30:is(.dark *) {
  background-color: rgb(49 46 129 / 0.3);
}
.dark\:bg-orange-900\/20:is(.dark *) {
  background-color: rgb(124 45 18 / 0.2);
}
.dark\:bg-orange-900\/30:is(.dark *) {
  background-color: rgb(124 45 18 / 0.3);
}
.dark\:bg-purple-900\/20:is(.dark *) {
  background-color: rgb(88 28 135 / 0.2);
}
.dark\:bg-purple-900\/30:is(.dark *) {
  background-color: rgb(88 28 135 / 0.3);
}
.dark\:bg-red-900\/40:is(.dark *) {
  background-color: rgb(127 29 29 / 0.4);
}
.dark\:bg-red-950\/20:is(.dark *) {
  background-color: rgb(69 10 10 / 0.2);
}
.dark\:bg-slate-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-700\/50:is(.dark *) {
  background-color: rgb(51 65 85 / 0.5);
}
.dark\:bg-slate-800\/80:is(.dark *) {
  background-color: rgb(30 41 59 / 0.8);
}
.dark\:bg-surface:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
}
.dark\:bg-white:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:to-purple-900\/20:is(.dark *) {
  --tw-gradient-to: rgb(88 28 135 / 0.2) var(--tw-gradient-to-position);
}
.dark\:text-amber-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.dark\:text-black:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:text-cyan-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-600:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.dark\:text-green-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}
.dark\:text-green-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.dark\:text-red-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.dark\:text-red-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.dark\:text-sky-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}
.dark\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:placeholder-slate-400:is(.dark *)::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-slate-400:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.dark\:opacity-\[0\.12\]:is(.dark *) {
  opacity: 0.12;
}
.dark\:ring-amber-400\/40:is(.dark *) {
  --tw-ring-color: rgb(251 191 36 / 0.4);
}
.dark\:ring-emerald-700:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity, 1));
}
.dark\:ring-gray-400:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
}
.dark\:ring-gray-500:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));
}
.dark\:ring-primary\/30:is(.dark *) {
  --tw-ring-color: rgb(var(--color-primary) / 0.3);
}
.dark\:ring-red-700:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity, 1));
}
.dark\:ring-yellow-700:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(161 98 7 / var(--tw-ring-opacity, 1));
}
.dark\:grayscale:is(.dark *) {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.dark\:invert:is(.dark *) {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.dark\:hover\:bg-panel:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-panel) / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-primary\/20:hover:is(.dark *) {
  background-color: rgb(var(--color-primary) / 0.2);
}
.dark\:hover\:bg-white\/10:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:dark\:bg-aside:is(.dark *):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-aside) / var(--tw-bg-opacity, 1));
}
.hover\:dark\:bg-slate-100:is(.dark *):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:dark\:bg-surface-muted:is(.dark *):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-surface-muted) / var(--tw-bg-opacity, 1));
}
.dark\:hover\:text-gray-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.hover\:dark\:text-black:is(.dark *):hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.dark\:focus\:border-blue-700:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-blue-800:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}
.dark\:active\:bg-gray-700:active:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:active\:text-gray-300:active:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 1024px) {

  .max-lg\:contents {
    display: contents;
  }
}
@media (min-width: 640px) {

  .sm\:-bottom-6 {
    bottom: -1.5rem;
  }

  .sm\:bottom-2 {
    bottom: 0.5rem;
  }

  .sm\:right-2 {
    right: 0.5rem;
  }

  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .sm\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .sm\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .sm\:-mt-12 {
    margin-top: -3rem;
  }

  .sm\:-mt-6 {
    margin-top: -1.5rem;
  }

  .sm\:mb-0 {
    margin-bottom: 0px;
  }

  .sm\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .sm\:mb-8 {
    margin-bottom: 2rem;
  }

  .sm\:ml-6 {
    margin-left: 1.5rem;
  }

  .sm\:ml-auto {
    margin-left: auto;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:mt-1 {
    margin-top: 0.25rem;
  }

  .sm\:mt-2\.5 {
    margin-top: 0.625rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-11 {
    height: 2.75rem;
  }

  .sm\:h-12 {
    height: 3rem;
  }

  .sm\:h-16 {
    height: 4rem;
  }

  .sm\:h-28 {
    height: 7rem;
  }

  .sm\:h-32 {
    height: 8rem;
  }

  .sm\:h-36 {
    height: 9rem;
  }

  .sm\:h-6 {
    height: 1.5rem;
  }

  .sm\:h-\[4\.25rem\] {
    height: 4.25rem;
  }

  .sm\:h-\[74px\] {
    height: 74px;
  }

  .sm\:h-\[8\.25rem\] {
    height: 8.25rem;
  }

  .sm\:max-h-20 {
    max-height: 5rem;
  }

  .sm\:min-h-\[128px\] {
    min-height: 128px;
  }

  .sm\:min-h-\[2\.65rem\] {
    min-height: 2.65rem;
  }

  .sm\:min-h-\[320px\] {
    min-height: 320px;
  }

  .sm\:\!w-auto {
    width: auto !important;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-11 {
    width: 2.75rem;
  }

  .sm\:w-12 {
    width: 3rem;
  }

  .sm\:w-16 {
    width: 4rem;
  }

  .sm\:w-28 {
    width: 7rem;
  }

  .sm\:w-32 {
    width: 8rem;
  }

  .sm\:w-36 {
    width: 9rem;
  }

  .sm\:w-40 {
    width: 10rem;
  }

  .sm\:w-48 {
    width: 12rem;
  }

  .sm\:w-56 {
    width: 14rem;
  }

  .sm\:w-6 {
    width: 1.5rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-72 {
    width: 18rem;
  }

  .sm\:w-80 {
    width: 20rem;
  }

  .sm\:w-96 {
    width: 24rem;
  }

  .sm\:w-\[128px\] {
    width: 128px;
  }

  .sm\:w-\[340px\] {
    width: 340px;
  }

  .sm\:w-\[4\.75rem\] {
    width: 4.75rem;
  }

  .sm\:w-\[400px\] {
    width: 400px;
  }

  .sm\:w-\[74px\] {
    width: 74px;
  }

  .sm\:w-\[88px\] {
    width: 88px;
  }

  .sm\:w-\[calc\(100\%-2\.5rem\)\] {
    width: calc(100% - 2.5rem);
  }

  .sm\:w-\[calc\(33\.333\%-0\.667rem\)\] {
    width: calc(33.333% - 0.667rem);
  }

  .sm\:w-\[min\(42rem\2c 75vw\)\] {
    width: min(42rem,75vw);
  }

  .sm\:w-\[min\(56rem\2c 85vw\)\] {
    width: min(56rem,85vw);
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:min-w-\[10\.5rem\] {
    min-width: 10.5rem;
  }

  .sm\:min-w-\[11rem\] {
    min-width: 11rem;
  }

  .sm\:min-w-\[24rem\] {
    min-width: 24rem;
  }

  .sm\:min-w-\[28rem\] {
    min-width: 28rem;
  }

  .sm\:min-w-\[32rem\] {
    min-width: 32rem;
  }

  .sm\:min-w-\[36rem\] {
    min-width: 36rem;
  }

  .sm\:min-w-\[42rem\] {
    min-width: 42rem;
  }

  .sm\:min-w-\[48rem\] {
    min-width: 48rem;
  }

  .sm\:min-w-\[56rem\] {
    min-width: 56rem;
  }

  .sm\:min-w-\[9\.5rem\] {
    min-width: 9.5rem;
  }

  .sm\:max-w-2xl {
    max-width: 42rem;
  }

  .sm\:max-w-3xl {
    max-width: 48rem;
  }

  .sm\:max-w-\[120px\] {
    max-width: 120px;
  }

  .sm\:max-w-\[12rem\] {
    max-width: 12rem;
  }

  .sm\:max-w-\[13rem\] {
    max-width: 13rem;
  }

  .sm\:max-w-\[150px\] {
    max-width: 150px;
  }

  .sm\:max-w-\[50vw\] {
    max-width: 50vw;
  }

  .sm\:max-w-\[75vw\] {
    max-width: 75vw;
  }

  .sm\:max-w-\[85vw\] {
    max-width: 85vw;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:max-w-none {
    max-width: none;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:max-w-xl {
    max-width: 36rem;
  }

  .sm\:max-w-xs {
    max-width: 20rem;
  }

  .sm\:\!flex-none {
    flex: none !important;
  }

  .sm\:flex-1 {
    flex: 1 1 0%;
  }

  .sm\:flex-none {
    flex: none;
  }

  .sm\:shrink-0 {
    flex-shrink: 0;
  }

  .sm\:basis-40 {
    flex-basis: 10rem;
  }

  .sm\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:items-baseline {
    align-items: baseline;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-2 {
    gap: 0.5rem;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:gap-8 {
    gap: 2rem;
  }

  .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .sm\:divide-border > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--color-border) / var(--tw-divide-opacity, 1));
  }

  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }

  .sm\:rounded-md {
    border-radius: 0.375rem;
  }

  .sm\:rounded-xl {
    border-radius: 0.75rem;
  }

  .sm\:p-1\.5 {
    padding: 0.375rem;
  }

  .sm\:p-2 {
    padding: 0.5rem;
  }

  .sm\:p-2\.5 {
    padding: 0.625rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-7 {
    padding: 1.75rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:\!px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .sm\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sm\:py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .sm\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:pb-4 {
    padding-bottom: 1rem;
  }

  .sm\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .sm\:pb-8 {
    padding-bottom: 2rem;
  }

  .sm\:pl-0 {
    padding-left: 0px;
  }

  .sm\:pt-0 {
    padding-top: 0px;
  }

  .sm\:pt-10 {
    padding-top: 2.5rem;
  }

  .sm\:pt-6 {
    padding-top: 1.5rem;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .sm\:\!text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .sm\:text-\[1\.375rem\] {
    font-size: 1.375rem;
  }

  .sm\:text-\[10px\] {
    font-size: 10px;
  }

  .sm\:text-\[13\.5px\] {
    font-size: 13.5px;
  }

  .sm\:text-\[19px\] {
    font-size: 19px;
  }

  .sm\:text-\[22px\] {
    font-size: 22px;
  }

  .sm\:text-\[26px\] {
    font-size: 26px;
  }

  .sm\:text-\[28px\] {
    font-size: 28px;
  }

  .sm\:text-\[9px\] {
    font-size: 9px;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
@media (min-width: 768px) {

  .md\:relative {
    position: relative;
  }

  .md\:left-\[-20px\] {
    left: -20px;
  }

  .md\:z-50 {
    z-index: 50;
  }

  .md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mr-2 {
    margin-right: 0.5rem;
  }

  .md\:mr-3 {
    margin-right: 0.75rem;
  }

  .md\:mr-6 {
    margin-right: 1.5rem;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-10 {
    height: 2.5rem;
  }

  .md\:h-5 {
    height: 1.25rem;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:min-h-\[9\.5rem\] {
    min-height: 9.5rem;
  }

  .md\:w-2\/5 {
    width: 40%;
  }

  .md\:w-44 {
    width: 11rem;
  }

  .md\:w-48 {
    width: 12rem;
  }

  .md\:w-5 {
    width: 1.25rem;
  }

  .md\:w-7\/12 {
    width: 58.333333%;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:max-w-full {
    max-width: 100%;
  }

  .md\:max-w-none {
    max-width: none;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:items-stretch {
    align-items: stretch;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:justify-around {
    justify-content: space-around;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .md\:rounded-xl {
    border-radius: 0.75rem;
  }

  .md\:border-b-0 {
    border-bottom-width: 0px;
  }

  .md\:border-r {
    border-right-width: 1px;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-right {
    text-align: right;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
}
@media (min-width: 1024px) {

  .lg\:static {
    position: static;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:left-0 {
    left: 0px;
  }

  .lg\:left-22 {
    left: 5.5rem;
  }

  .lg\:left-72 {
    left: 18rem;
  }

  .lg\:right-6 {
    right: 1.5rem;
  }

  .lg\:top-4 {
    top: 1rem;
  }

  .lg\:top-\[3\.5rem\] {
    top: 3.5rem;
  }

  .lg\:top-full {
    top: 100%;
  }

  .lg\:z-20 {
    z-index: 20;
  }

  .lg\:z-auto {
    z-index: auto;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-start-2 {
    grid-column-start: 2;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mx-1\.5 {
    margin-left: 0.375rem;
    margin-right: 0.375rem;
  }

  .lg\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }

  .lg\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .lg\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .lg\:-mt-5 {
    margin-top: -1.25rem;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:ml-0 {
    margin-left: 0px;
  }

  .lg\:mt-8 {
    margin-top: 2rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:inline-flex {
    display: inline-flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-12 {
    height: 3rem;
  }

  .lg\:h-14 {
    height: 3.5rem;
  }

  .lg\:h-20 {
    height: 5rem;
  }

  .lg\:h-32 {
    height: 8rem;
  }

  .lg\:h-6 {
    height: 1.5rem;
  }

  .lg\:max-h-none {
    max-height: none;
  }

  .lg\:min-h-\[280px\] {
    min-height: 280px;
  }

  .lg\:min-h-\[480px\] {
    min-height: 480px;
  }

  .lg\:min-h-\[520px\] {
    min-height: 520px;
  }

  .lg\:\!w-auto {
    width: auto !important;
  }

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

  .lg\:w-1 {
    width: 0.25rem;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-16 {
    width: 4rem;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-20 {
    width: 5rem;
  }

  .lg\:w-22 {
    width: 5.5rem;
  }

  .lg\:w-24 {
    width: 6rem;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }

  .lg\:w-32 {
    width: 8rem;
  }

  .lg\:w-44 {
    width: 11rem;
  }

  .lg\:w-5\/12 {
    width: 41.666667%;
  }

  .lg\:w-52 {
    width: 13rem;
  }

  .lg\:w-56 {
    width: 14rem;
  }

  .lg\:w-6 {
    width: 1.5rem;
  }

  .lg\:w-6\/12 {
    width: 50%;
  }

  .lg\:w-64 {
    width: 16rem;
  }

  .lg\:w-72 {
    width: 18rem;
  }

  .lg\:w-\[28rem\] {
    width: 28rem;
  }

  .lg\:w-\[320px\] {
    width: 320px;
  }

  .lg\:w-\[330px\] {
    width: 330px;
  }

  .lg\:w-\[96px\] {
    width: 96px;
  }

  .lg\:w-\[calc\(25\%-0\.75rem\)\] {
    width: calc(25% - 0.75rem);
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:min-w-0 {
    min-width: 0px;
  }

  .lg\:min-w-\[22rem\] {
    min-width: 22rem;
  }

  .lg\:min-w-\[9\.5rem\] {
    min-width: 9.5rem;
  }

  .lg\:min-w-full {
    min-width: 100%;
  }

  .lg\:max-w-2xl {
    max-width: 42rem;
  }

  .lg\:max-w-\[40rem\] {
    max-width: 40rem;
  }

  .lg\:max-w-\[90vw\] {
    max-width: 90vw;
  }

  .lg\:max-w-\[min\(100\%\2c 40rem\)\] {
    max-width: min(100%,40rem);
  }

  .lg\:max-w-md {
    max-width: 28rem;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .lg\:\!flex-none {
    flex: none !important;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:flex-none {
    flex: none;
  }

  .lg\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .lg\:shrink {
    flex-shrink: 1;
  }

  .lg\:shrink-0 {
    flex-shrink: 0;
  }

  .lg\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[340px_1fr\] {
    grid-template-columns: 340px 1fr;
  }

  .lg\:grid-cols-\[400px_1fr\] {
    grid-template-columns: 400px 1fr;
  }

  .lg\:grid-cols-\[minmax\(0\2c 17rem\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,17rem) minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(12rem\2c 260px\)_1fr\] {
    grid-template-columns: minmax(12rem,260px) 1fr;
  }

  .lg\:grid-cols-\[minmax\(200px\2c 240px\)_1fr\] {
    grid-template-columns: minmax(200px,240px) 1fr;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:flex-wrap {
    flex-wrap: wrap;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:items-stretch {
    align-items: stretch;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-0 {
    gap: 0px;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }

  .lg\:overflow-visible {
    overflow: visible;
  }

  .lg\:rounded-lg {
    border-radius: 0.5rem;
  }

  .lg\:rounded-none {
    border-radius: 0px;
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0px;
  }

  .lg\:border-border {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-border) / var(--tw-border-opacity, 1));
  }

  .lg\:bg-surface {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-surface) / var(--tw-bg-opacity, 1));
  }

  .lg\:bg-transparent {
    background-color: transparent;
  }

  .lg\:p-0 {
    padding: 0px;
  }

  .lg\:p-12 {
    padding: 3rem;
  }

  .lg\:p-5 {
    padding: 1.25rem;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .lg\:pb-8 {
    padding-bottom: 2rem;
  }

  .lg\:pl-22 {
    padding-left: 5.5rem;
  }

  .lg\:pr-4 {
    padding-right: 1rem;
  }

  .lg\:pt-1 {
    padding-top: 0.25rem;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pt-14 {
    padding-top: 3.5rem;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-center {
    text-align: center;
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .lg\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .lg\:text-\[34px\] {
    font-size: 34px;
  }

  .lg\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 1280px) {

  .xl\:sticky {
    position: sticky;
  }

  .xl\:top-4 {
    top: 1rem;
  }

  .xl\:inline {
    display: inline;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-24 {
    height: 6rem;
  }

  .xl\:h-64 {
    height: 16rem;
  }

  .xl\:h-auto {
    height: auto;
  }

  .xl\:w-24 {
    width: 6rem;
  }

  .xl\:w-4\/12 {
    width: 33.333333%;
  }

  .xl\:w-64 {
    width: 16rem;
  }

  .xl\:w-80 {
    width: 20rem;
  }

  .xl\:w-auto {
    width: auto;
  }

  .xl\:min-w-\[10\.5rem\] {
    min-width: 10.5rem;
  }

  .xl\:max-w-\[min\(100\%\2c 42rem\)\] {
    max-width: min(100%,42rem);
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_20rem\] {
    grid-template-columns: minmax(0,1fr) 20rem;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_24rem\] {
    grid-template-columns: minmax(0,1fr) 24rem;
  }

  .xl\:grid-cols-\[minmax\(0\2c 21rem\)_minmax\(0\2c 1fr\)_minmax\(0\2c 19rem\)\] {
    grid-template-columns: minmax(0,21rem) minmax(0,1fr) minmax(0,19rem);
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:flex-wrap {
    flex-wrap: wrap;
  }

  .xl\:items-start {
    align-items: flex-start;
  }

  .xl\:justify-end {
    justify-content: flex-end;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:gap-4 {
    gap: 1rem;
  }

  .xl\:overflow-visible {
    overflow: visible;
  }

  .xl\:p-12 {
    padding: 3rem;
  }

  .xl\:p-5 {
    padding: 1.25rem;
  }

  .xl\:p-6 {
    padding: 1.5rem;
  }

  .xl\:pl-22 {
    padding-left: 5.5rem;
  }

  .xl\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .xl\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1536px) {

  .\32xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-\[minmax\(0\2c 1fr\)_28rem\] {
    grid-template-columns: minmax(0,1fr) 28rem;
  }
}
.ltr\:origin-top-left:where([dir="ltr"], [dir="ltr"] *) {
  transform-origin: top left;
}
.ltr\:origin-top-right:where([dir="ltr"], [dir="ltr"] *) {
  transform-origin: top right;
}
.rtl\:origin-top-left:where([dir="rtl"], [dir="rtl"] *) {
  transform-origin: top left;
}
.rtl\:origin-top-right:where([dir="rtl"], [dir="rtl"] *) {
  transform-origin: top right;
}
.rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *) {
  flex-direction: row-reverse;
}
.\[\&\>\*\]\:min-w-0>* {
  min-width: 0px;
}
.\[\&\>span\]\:text-inherit>span {
  color: inherit;
}
.\[\&_\#qr-shaded-region\]\:\!hidden #qr-shaded-region {
  display: none !important;
}
.\[\&_video\]\:\!mx-auto video {
  margin-left: auto !important;
  margin-right: auto !important;
}
.\[\&_video\]\:\!max-h-\[300px\] video {
  max-height: 300px !important;
}
.\[\&_video\]\:\!w-full video {
  width: 100% !important;
}
.\[\&_video\]\:\!object-cover video {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
@media (min-width: 1024px) {

  .lg\:\[\&_video\]\:\!max-h-\[360px\] video {
    max-height: 360px !important;
  }
}